/* ============================================================
   IPM Industries — Yön 1A · İÇ SAYFA BİLEŞENLERİ
   Yalnızca iç sayfalarda yüklenir; ana sayfa bu dosyayı çağırmaz.
   Token ve tipografi base.css'ten gelir — slate %60 · açık zemin %35 ·
   brass %5, köşe yarıçapı maks. 2px, ızgara 8px katları.
   ============================================================ */

/* açık olan sekme — menüde nerede olduğunu gösterir */
.nav__t.is-on,.nav a.is-on{border-bottom-color:var(--brass);color:var(--brass-ink)}

/* ===================== SAYFA BAŞLIĞI ===================== */
/* ana sayfadaki hero ile aynı dil: slate zemin, sol taraf perdeli,
   görsel sağa doğru açılıyor. Yalnızca daha alçak. */
.phead{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--slate);color:var(--bone);
  padding:calc(var(--u)*9) 0 calc(var(--u)*8);
}
.phead__bg{
  position:absolute;inset:0;z-index:-2;
  background:var(--slate) center 55% / cover no-repeat;
}
.phead::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,
      rgba(51,59,69,.86) 0%,
      rgba(51,59,69,.72) 40%,
      rgba(51,59,69,.38) 72%,
      rgba(51,59,69,.18) 100%),
    linear-gradient(180deg, rgba(51,59,69,.34) 0%, rgba(51,59,69,0) 30%);
}
/* görselsiz varyant — düz slate, perde gerekmiyor */
.phead--plain::before{background:none}
.phead h1{
  color:var(--bone);font-weight:700;
  font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.015em;
  margin-top:calc(var(--u)*2);max-width:20ch;
}
.phead h1 em{font-style:normal;color:var(--brass-l)}
.phead .lede{color:rgba(251,250,248,.78);margin-top:calc(var(--u)*2.5);max-width:64ch}

.crumb{
  font:700 13px/1.5 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(251,250,248,.58);
}
.crumb a{color:rgba(251,250,248,.58);transition:color .18s}
.crumb a:hover{color:var(--brass-l)}
.crumb span{margin:0 calc(var(--u));color:rgba(251,250,248,.34)}

.phead__tag{
  display:inline-block;margin-top:calc(var(--u)*2.5);
  font:700 12px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  padding:calc(var(--u)) calc(var(--u)*1.75);border-radius:2px;
}
.phead__tag--own{background:var(--brass);color:var(--slate)}
.phead__tag--dist{background:rgba(251,250,248,.14);color:var(--bone);
  box-shadow:inset 0 0 0 1px rgba(251,250,248,.28)}
.phead__tag + h1{margin-top:calc(var(--u)*2)}

/* ===================== BÖLÜM ===================== */
.sec{padding:calc(var(--u)*10) 0;border-top:1px solid var(--stone)}
.sec:first-of-type{border-top:0}
.sec--band{background:#F4F2EE}
.sec--tight{padding:calc(var(--u)*6) 0}
.sec > .wrap > :first-child{margin-top:0}
.h-sec{
  font-family:var(--f-disp);font-weight:700;
  font-size:clamp(26px,2.8vw,34px);line-height:1.14;letter-spacing:-.01em;
  color:var(--slate);margin-top:calc(var(--u)*1.5);max-width:26ch;
}
.eyebrow--rule{
  display:inline-block;padding-bottom:calc(var(--u));
  border-bottom:2px solid var(--brass);
}
.prose{max-width:none;font-size:17px;line-height:1.7}
.prose p + p{margin-top:calc(var(--u)*2)}

/* solda başlık · sağda metin */
.intro__grid{display:grid;grid-template-columns:1fr 1.35fr;gap:calc(var(--u)*8)}
.intro__body{font-size:17px;line-height:1.7}
.intro__body p + p{margin-top:calc(var(--u)*2.5)}
.intro__cta{margin-top:calc(var(--u)*4)}
.intro__body:empty{display:none}

/* ===================== KARTLAR ===================== */
.cards{display:grid;gap:calc(var(--u)*2);margin-top:calc(var(--u)*4)}
.cards--2{grid-template-columns:repeat(2,1fr)}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{
  display:block;background:var(--bone);border:1px solid var(--stone);border-radius:2px;
  padding:calc(var(--u)*3.5);transition:border-color .18s,transform .22s ease;
}
a.card:hover{border-color:var(--brass);transform:translateY(-2px)}
.card h3{
  font-family:var(--f-disp);font-weight:700;font-size:20px;line-height:1.2;color:var(--slate);
}
a.card:hover h3{color:var(--brass-ink)}
.card p{margin-top:calc(var(--u)*1.5);font-size:15px;line-height:1.6;color:var(--body)}
.card p:empty{display:none}
/* 22.09.2026 — Products sayfasindaki kutular: ic metin yok, baslik ortali (musteri notu) */
.cards--titles .card{display:flex;align-items:center;justify-content:center;min-height:104px;text-align:center}
.cards--titles .card p{display:none}

/* ===================== ÖLÇÜ ŞERİDİ ===================== */
.kv{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--stone);border:1px solid var(--stone);border-radius:2px;overflow:hidden;
}
.kv > div{background:var(--bone);padding:calc(var(--u)*2.5) calc(var(--u)*3)}
.kv .k{
  font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--body);
}
.kv--5{grid-template-columns:repeat(5,1fr)}
.kv .v{margin-top:calc(var(--u));font:700 22px/1.2 var(--f-disp);color:var(--slate)}
.kv--copy .v{font:400 15px/1.45 var(--f-body);color:var(--body)}
.kv .v--brass{color:var(--brass-ink)}

/* yerel ticari terim — basamak adı üç dilde de İngilizce sabit kalır,
   yerel karşılık burada geçer (brief bölüm 9) */
.alsoknown{
  margin-top:calc(var(--u)*3);font-size:17px;color:var(--slate);
  font-family:var(--f-disp);font-weight:700;
}
.alsoknown span{
  display:block;margin-bottom:calc(var(--u)*0.5);
  font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-ink);
}

/* ===================== ÇİPLER ===================== */
.chips{display:flex;flex-wrap:wrap;gap:calc(var(--u));margin-top:calc(var(--u)*3)}
.chip{
  display:inline-block;border:1px solid var(--stone);border-radius:2px;
  background:var(--bone);color:var(--body);cursor:pointer;
  font:700 13px/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;
  padding:calc(var(--u)*1.25) calc(var(--u)*2);
  transition:border-color .18s,color .18s,background .18s;
}
.chip:hover{border-color:var(--brass);color:var(--slate)}
.chip[aria-pressed="true"]{background:var(--slate);border-color:var(--slate);color:var(--bone)}

/* ===================== ÜRÜN LİSTESİ ===================== */
/* Brief'in iki kritik cümlesinden biri: "ürün listesi tek bir bileşen olarak
   yazılır." Bu blok 17 yerde çalışıyor — 9 uygulama + 4 malzeme + 3 basamak
   + finder çıktısı. Ayrı ayrı yazılırsa altı ayda birbirinden ayrışır. */
.plist{margin-top:calc(var(--u)*4)}
.pgrp + .pgrp{margin-top:calc(var(--u)*4)}
.pgrp__h{
  display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*2);
  background:var(--slate);color:var(--bone);
  padding:calc(var(--u)*1.75) calc(var(--u)*2.5);border-radius:2px 2px 0 0;
}
.pgrp__h b{font:700 16px/1.2 var(--f-disp);letter-spacing:0}
.pgrp__h span{
  font:700 12px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-l);
}
.pgrp__b{border:1px solid var(--stone);border-top:0;padding:0 calc(var(--u)*2.5) calc(var(--u)*2.5)}
.sgrp{margin-top:calc(var(--u)*2)}
.sgrp__h{
  display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*1.5);
  font:700 12px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);
  padding:calc(var(--u)*1.5) 0;border-bottom:1px solid var(--stone);margin-bottom:calc(var(--u)*1.5);
}
.prow{
  display:flex;align-items:center;gap:calc(var(--u)*2.5);
  border:1px solid var(--stone);border-radius:2px;background:var(--bone);
  padding:calc(var(--u)*1.75) calc(var(--u)*2);margin-bottom:calc(var(--u));
  transition:border-color .18s,padding-left .18s;
}
.prow:hover{border-color:var(--brass);padding-left:calc(var(--u)*2.5)}
.prow__b{
  flex:0 0 100px;font:700 11.5px/1.3 var(--f-label);letter-spacing:.12em;text-transform:uppercase;
  color:var(--brass-ink);
}
.prow__c{flex:0 0 104px;font:700 17px/1.2 var(--f-disp);color:var(--slate)}
.prow__d{flex:1;min-width:0;font-size:15px;color:var(--body)}
.prow__u{
  flex:0 0 auto;max-width:264px;text-align:right;
  font:400 12.5px/1.5 var(--f-label);letter-spacing:.04em;color:var(--body);opacity:.78;
}
.empty{
  border:1px dashed var(--stone);border-radius:2px;background:var(--bone);
  padding:calc(var(--u)*4);text-align:center;color:var(--body);font-size:15px;
}
.empty a{color:var(--brass-ink);border-bottom:1px solid var(--brass)}

/* ===================== TABLO ===================== */
.tbl{
  width:100%;border-collapse:collapse;border:1px solid var(--stone);border-radius:2px;
  background:var(--bone);margin-top:calc(var(--u)*3);font-size:15px;
}
.tbl th{
  text-align:left;padding:calc(var(--u)*1.75) calc(var(--u)*2);background:#F4F2EE;
  border-bottom:1px solid var(--stone);
  font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--body);
}
.tbl td{padding:calc(var(--u)*1.75) calc(var(--u)*2);border-bottom:1px solid var(--stone);
  vertical-align:top;color:var(--body)}
.tbl tr:last-child td{border-bottom:0}
.tbl td b,.tbl td strong{color:var(--slate);font-family:var(--f-disp);font-weight:700}
.tbl__k{width:26%;font:700 12.5px/1.5 var(--f-label);letter-spacing:.1em;text-transform:uppercase}
.sec .h-sec + .prose{margin-top:calc(var(--u)*2)}
.sec .prose + .tbl{margin-top:calc(var(--u)*3)}
.tbl a{color:var(--brass-ink);border-bottom:1px solid var(--stone)}
.tbl a:hover{border-bottom-color:var(--brass)}

/* ===================== BELGELER ===================== */
.doc{
  display:flex;align-items:center;gap:calc(var(--u)*2.5);
  border:1px solid var(--stone);border-radius:2px;background:var(--bone);
  padding:calc(var(--u)*2) calc(var(--u)*2.5);margin-top:calc(var(--u));
  transition:border-color .18s;
}
.doc:hover{border-color:var(--brass)}
.doc__ic{
  flex:none;width:56px;height:44px;border-radius:2px;background:var(--slate);color:var(--brass-l);
  display:flex;align-items:center;justify-content:center;
  font:700 11px/1 var(--f-label);letter-spacing:.08em;
}
.doc__n{flex:1;font-family:var(--f-disp);font-weight:700;font-size:16px;color:var(--slate)}
.doc__n small{
  display:block;margin-top:calc(var(--u)*0.5);
  font:400 13.5px/1.5 var(--f-body);color:var(--body);
}
.doc__a{
  flex:none;font:700 13px/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase;
  color:var(--brass-ink);border-bottom:1px solid transparent;
}
.doc__a:hover{border-bottom-color:var(--brass)}

/* ===================== NOT KUTUSU ===================== */
/* footer.css'teki .note ile aynı dil — orada alt boşluk var, burada üst */
.sec .note{margin:calc(var(--u)*4) 0 0;max-width:84ch}
.note--warn{border-left-color:#B4453C}
.note code{
  background:var(--bone);border:1px solid var(--stone);padding:1px 6px;border-radius:2px;
  font:12.5px/1 ui-monospace,Menlo,monospace;color:var(--slate);
}
.note a{color:var(--brass-ink);border-bottom:1px solid var(--stone)}
.note a:hover{border-bottom-color:var(--brass)}
.note i{font-style:italic}

/* ===================== ÜRETİM ZİNCİRİ (perlit) ===================== */
.tree{margin-top:calc(var(--u)*4);overflow-x:auto;padding-bottom:calc(var(--u))}
.tree__row{display:flex;align-items:flex-start;gap:calc(var(--u)*1.25);min-width:920px}
.tree__nd{flex:1;text-align:center}
.tree__box{
  display:block;border:1px solid var(--slate);border-radius:2px;
  background:var(--slate);color:var(--bone);
  padding:calc(var(--u)*2) calc(var(--u)*1.5);
  font:700 15px/1.2 var(--f-disp);letter-spacing:0;transition:background .18s;
}
a.tree__box:hover{background:var(--brass-ink);border-color:var(--brass-ink)}
.tree__box--off{
  border-style:dashed;border-color:var(--stone);background:transparent;color:var(--body);
  font-weight:400;
}
a.tree__box--off:hover{background:transparent;border-color:var(--brass);color:var(--brass-ink)}
.tree__cap{
  margin-top:calc(var(--u)*1.5);
  font:700 11px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);
}
.tree__nd--off .tree__cap{color:var(--body);opacity:.7}
.tree__kids{margin-top:calc(var(--u));font-size:13.5px;line-height:1.8;color:var(--body)}
.tree__ar{flex:0 0 20px;padding-top:calc(var(--u)*2);text-align:center;color:var(--brass);font-size:20px}

/* ===================== ADIM ŞERİDİ (operations) ===================== */
.flow{margin-top:calc(var(--u)*4);overflow-x:auto;padding-bottom:calc(var(--u))}
.flow__row{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u)*1.25);min-width:860px}
.flow__step{
  display:block;border:1px solid var(--stone);border-top:3px solid var(--brass);border-radius:0 0 2px 2px;
  background:var(--bone);padding:calc(var(--u)*2) calc(var(--u)*1.75);transition:.18s;
}
.flow__step:hover{border-color:var(--stone);border-top-color:var(--brass);background:#F4F2EE}
.flow__step.is-on{background:var(--slate);border-color:var(--slate);border-top-color:var(--brass)}
.flow__step .n{
  display:block;font:700 11px/1 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--body);
}
.flow__step .v{
  display:block;margin-top:calc(var(--u));font:700 15px/1.3 var(--f-disp);color:var(--slate);
}
.flow__step.is-on .n{color:var(--brass-l)}
.flow__step.is-on .v{color:var(--bone)}
.flow__tick{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u)*1.25);height:22px;min-width:860px}
.flow__tick i{display:block;width:0;margin:0 auto;border-left:1px dashed var(--stone)}
.flow__layer{
  min-width:860px;display:flex;align-items:center;gap:calc(var(--u)*2);
  border:1px dashed var(--brass);border-radius:2px;background:var(--bone);
  padding:calc(var(--u)*1.75) calc(var(--u)*2.5);margin-bottom:calc(var(--u));transition:.18s;
}
.flow__layer:hover{background:#F4F2EE}
.flow__layer.is-on{border-style:solid;background:var(--slate)}
.flow__layer b{font:700 15px/1 var(--f-disp);color:var(--slate)}
.flow__layer em{
  margin-left:auto;font-style:normal;
  font:700 12px/1.4 var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--body);
}
.flow__layer.is-on b{color:var(--bone)}
.flow__layer.is-on em{color:var(--brass-l)}

/* ===================== LİSTE / DİZİN ===================== */
.idx{margin-top:calc(var(--u)*4);border-top:1px solid var(--stone)}
.idx__row{
  display:flex;align-items:baseline;gap:calc(var(--u)*3);
  padding:calc(var(--u)*3) 0;border-bottom:1px solid var(--stone);
}
.idx__k{
  flex:0 0 148px;
  font:700 12.5px/1.5 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);
}
.idx__body{flex:1;min-width:0;display:block}
.idx__t{display:block;font:700 21px/1.25 var(--f-disp);color:var(--slate)}
.idx__d{display:block;margin-top:calc(var(--u));font-size:16px;line-height:1.6;color:var(--body)}
/* 22.09.2026 — tarihce yillari %50 buyudu (musteri notu). Yalniz company-history;
   haber listesindeki tarihler ayni boyutta kaliyor. */
.idx--years .idx__k{flex:0 0 170px;font-size:19px;letter-spacing:.10em}

/* grup şirketleri · ofisler · sitemap satırları */
.grow{display:flex;border:1px solid var(--stone);border-top:0;background:var(--bone)}
.grow:first-of-type{border-top:1px solid var(--stone);border-radius:2px 2px 0 0}
.grow:last-of-type{border-radius:0 0 2px 2px}
.grow__st{
  flex:0 0 200px;background:#F4F2EE;border-right:1px solid var(--stone);
  padding:calc(var(--u)*2.5) calc(var(--u)*3);display:flex;align-items:center;
  font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink);
}
.grow__co{flex:1;padding:calc(var(--u)*2.5) calc(var(--u)*3);font-size:16px;line-height:1.9}
.grow__co b{color:var(--slate);font-family:var(--f-disp);font-weight:700}
.grow__co i{font-style:normal;color:var(--body);font-size:15px}
.grow__co a{color:var(--slate);border-bottom:1px solid var(--stone)}
.grow__co a:hover{color:var(--brass-ink);border-bottom-color:var(--brass)}

/* sayı bloğu */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*2);margin-top:calc(var(--u)*4)}
.stat{border-top:2px solid var(--brass);padding-top:calc(var(--u)*2.5)}
.stat__n{display:flex;align-items:baseline;gap:calc(var(--u)*1.5)}
.stat__n b{font:700 46px/1 var(--f-disp);color:var(--slate);letter-spacing:-.02em}
.stat__n span{font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink)}
.stat p{margin-top:calc(var(--u)*1.5);font-size:15px;line-height:1.6;color:var(--body)}

/* ===================== SİHİRBAZ (product finder) ===================== */
.wiz{
  border:1px solid var(--stone);border-left:3px solid var(--brass);border-radius:2px;
  background:var(--bone);padding:calc(var(--u)*3.5) calc(var(--u)*4);margin-top:calc(var(--u)*2);
}
.wiz--off{opacity:.45;pointer-events:none}
.wiz--off{border-left-color:var(--stone)}
.wiz__n{font:700 12px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink)}
.wiz__q{margin-top:calc(var(--u)*1.5);font:700 22px/1.25 var(--f-disp);color:var(--slate)}

/* ===================== FORM ===================== */
.form{margin-top:calc(var(--u)*4);max-width:780px}
.form__grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2.5)}
.field{display:block}
.field > span{
  display:block;margin-bottom:calc(var(--u));
  font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--body);
}
.field input,.field select,.field textarea{
  width:100%;border:1px solid var(--stone);border-radius:2px;background:var(--bone);color:var(--slate);
  font:400 16px/1.5 var(--f-body);padding:calc(var(--u)*1.75) calc(var(--u)*2);
  transition:border-color .18s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--brass)}
.field textarea{min-height:140px;resize:vertical}
.field--wide{grid-column:1 / -1}
.form__foot{margin-top:calc(var(--u)*3);display:flex;flex-wrap:wrap;gap:calc(var(--u)*2.5);align-items:center}
.form__foot .btn{border:0;cursor:pointer;font-family:var(--f-disp)}
.form__note{font-size:14px;color:var(--body);max-width:46ch}

/* ===================== SAYFA ALTI GEZİNME ===================== */
.pnav{margin-top:calc(var(--u)*5);display:flex;flex-wrap:wrap;gap:calc(var(--u)*2)}

/* ===================== GLOBAL PRESENCE — HARİTA ===================== */
/* Ülke yolları gerçek vektör coğrafyadır (tools/make_map.py · Natural Earth
   1:50m). Elle çizilmiş kıyı çizgisi yok. */
.mapwrap{
  position:relative;margin-top:calc(var(--u)*4);
  border:1px solid var(--stone);border-radius:2px;background:var(--bone);
}
.mapstage{display:block;width:100%;height:auto}
.mapstage .sea{fill:#F4F2EE}
.mapstage .land{fill:var(--stone);stroke:var(--bone);stroke-width:.8;
  transition:fill .28s ease}
.mapstage .land.is-cov{fill:var(--brass)}
.mapstage.is-sel .land:not(.is-cov){fill:#E6E2DC}
.mapstage .pin{cursor:pointer}
.mapstage .pin circle.dot{fill:var(--slate);stroke:var(--bone);stroke-width:2.5;transition:r .2s ease}
.mapstage .pin:hover circle.dot{r:13}
.mapstage .pin.is-on circle.dot{fill:var(--brass-ink)}
.mapstage .pin.k-prod circle.dot{fill:var(--brass-ink)}
.mapstage .pin.k-trade circle.dot{fill:var(--slate-2)}
.mapstage .pin.k-wh circle.dot{fill:#5C6B73}
.mapstage .pin text.badge{
  fill:var(--bone);font:700 12px var(--f-disp);text-anchor:middle;pointer-events:none;
}
.mapstage .pin text.lbl{
  fill:var(--slate);font:700 15px var(--f-disp);pointer-events:none;
  paint-order:stroke;stroke:var(--bone);stroke-width:4px;stroke-linejoin:round;
}
.mapstage .pin.is-on text.lbl{fill:var(--brass-ink)}

.mappanel{
  position:absolute;top:calc(var(--u)*2);right:calc(var(--u)*2);width:322px;max-width:calc(100% - var(--u)*4);
  background:var(--slate);color:rgba(251,250,248,.82);border-radius:2px;
  padding:calc(var(--u)*3);box-shadow:0 16px 40px rgba(51,59,69,.22);
}
.mappanel .x{
  position:absolute;top:calc(var(--u)*1.5);right:calc(var(--u)*2);cursor:pointer;
  color:rgba(251,250,248,.5);font-size:18px;line-height:1;
}
.mappanel .x:hover{color:var(--brass-l)}
.mappanel .t{font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-l)}
.mappanel h4{margin-top:calc(var(--u));font:700 22px/1.2 var(--f-disp);color:var(--bone)}
.mappanel ul{margin-top:calc(var(--u)*2);display:flex;flex-direction:column;gap:calc(var(--u))}
.mappanel li{font-size:15px;line-height:1.5;padding-left:calc(var(--u)*2);position:relative}
.mappanel li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--brass)}
.mappanel .cov{
  margin-top:calc(var(--u)*2.5);padding-top:calc(var(--u)*2);
  border-top:1px solid rgba(251,250,248,.16);font-size:15px;line-height:1.55;
}
.mappanel .cov b{
  display:block;font:700 12px/1.4 var(--f-label);letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-l);margin-bottom:calc(var(--u));
}
.maphint{
  padding:calc(var(--u)*2) calc(var(--u)*3);border-top:1px solid var(--stone);
  font:700 13px/1.5 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--body);
}
.maplegend{display:flex;flex-wrap:wrap;gap:calc(var(--u)*1.5) calc(var(--u)*4);margin-top:calc(var(--u)*3)}
.maplegend span{display:flex;align-items:center;gap:calc(var(--u));font-size:14.5px;color:var(--body)}
.maplegend i{width:12px;height:12px;border-radius:50%;flex:none}

/* ana sayfadaki özet bandı */
.presence{background:var(--bone);border-top:1px solid var(--stone);padding:calc(var(--u)*10) 0}
.presence__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:calc(var(--u)*8);align-items:center}
.presence__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*2)}
.presence__cta{margin-top:calc(var(--u)*4)}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1000px){
  .kv,.kv--5{grid-template-columns:1fr 1fr}
  .cards--3,.cards--4{grid-template-columns:repeat(2,1fr)}
  .stats,.presence__stats{grid-template-columns:repeat(2,1fr)}
  .intro__grid{grid-template-columns:1fr;gap:calc(var(--u)*3)}
  .presence__grid{grid-template-columns:1fr;gap:calc(var(--u)*5)}
  .prow__u{display:none}
  .grow__st{flex:0 0 160px}
  .mappanel{position:static;width:auto;max-width:none;margin:0;border-radius:0}
}
@media (max-width:760px){
  .phead{padding:calc(var(--u)*6) 0 calc(var(--u)*6)}
  .cards--2,.cards--3,.cards--4{grid-template-columns:1fr}
  .sec{padding:calc(var(--u)*7) 0}
  .form__grid{grid-template-columns:1fr}
  .prow{flex-wrap:wrap;gap:calc(var(--u)) calc(var(--u)*2)}
  .prow:hover{padding-left:calc(var(--u)*2)}
  .prow__b,.prow__c{flex:0 0 auto}
  .prow__d{flex:1 0 100%}
  .idx__row{flex-direction:column;gap:calc(var(--u))}
  .idx__k{flex:none}
  .grow{flex-direction:column}
  .grow__st{flex:none;border-right:0;border-bottom:1px solid var(--stone)}
  .doc{flex-wrap:wrap;gap:calc(var(--u)*1.5)}
  .doc__n{flex:1 0 60%}
  .stat__n b{font-size:38px}
  /* dar ekranda isaret adlari okunmuyor — dokununca panel zaten adi veriyor */
  .mapstage .pin text.lbl{display:none}
}

/* harita gosterge renkleri — PRESENCE_LEGEND ile ayni sira */
.maplegend .lg-own{background:var(--slate)}
.maplegend .lg-prod{background:var(--brass-ink)}
.maplegend .lg-trade{background:var(--slate-2)}
.maplegend .lg-wh{background:#5C6B73}

/* ============================================================
   14.09.2026 — musteri fotograflari: galeri, tane boyutu, ambalaj
   ============================================================ */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*2);margin:calc(var(--u)*5) 0 0}
.gallery--2{grid-template-columns:repeat(2,1fr)}
.gallery figure{margin:0}
.gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px;background:var(--stone)}
.gallery--tall img{aspect-ratio:3/4}
.gallery figcaption{margin-top:calc(var(--u)*1.25);font:500 13px/1.4 var(--f-label);letter-spacing:.06em;text-transform:uppercase;color:var(--brass-ink)}

.grains{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*2);margin:calc(var(--u)*5) 0 0}
.grains figure{margin:0;background:#050505;border-radius:2px;overflow:hidden}
.grains img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.grains figcaption{padding:calc(var(--u)*1.5) calc(var(--u)*2);font:700 14px/1.3 var(--f-label);letter-spacing:.06em;color:var(--bone)}
.grains figcaption span{display:block;margin-top:2px;font-weight:400;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}

.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,260px));gap:calc(var(--u)*2);margin:calc(var(--u)*5) 0 0}
.packs figure{margin:0;background:#fff;border:1px solid var(--stone);border-radius:2px;padding:calc(var(--u)*2)}
.packs img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.packs figcaption{margin-top:calc(var(--u)*1.5);font:700 14px/1.3 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);text-align:center}

/* ana sayfa bandı 14.09'da 5 rakama çıktı */
.presence__stats{grid-template-columns:repeat(5,1fr)}
.presence__stats .stat p{font-size:14px;line-height:1.45}
@media (max-width:1000px){
  .presence__stats{grid-template-columns:repeat(3,1fr)}
  .gallery,.grains{grid-template-columns:repeat(2,1fr)}
  .gallery:not(.gallery--2):not(.gallery--tall) > figure:last-child:nth-child(odd),
  .grains > figure:last-child:nth-child(odd){grid-column:1 / -1}
}
@media (max-width:760px){
  .presence__stats{grid-template-columns:repeat(2,1fr)}
  .gallery,.gallery--2,.grains{grid-template-columns:1fr}
  .packs{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   14.09.2026 — operasyon sayfaları: düz beyaz zemin, bölüm çizgisi/bandı yok;
   görselli bölümler yazı–görsel / görsel–yazı sırasıyla (.split / .split--rev)
   ============================================================ */
.sec--flat{border-top:0;background:transparent;padding:calc(var(--u)*6) 0}
.phead + .sec--flat{padding-top:calc(var(--u)*10)}
.sec--flat:last-of-type{padding-bottom:calc(var(--u)*12)}
.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:calc(var(--u)*8);align-items:center}
.split--rev{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.split--rev .split__media{order:-1}
.split__text .h-sec + .prose{margin-top:calc(var(--u)*2)}
.split__media{margin:0}
.split__media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px;background:var(--stone)}
.split__media--tall img{aspect-ratio:1/1}
/* 15.09.2026 — görselin tamamı görünür (kırpma yok, kendi oranı) */
.split__media--full img{aspect-ratio:auto;object-fit:contain}
.split:not(:has(img)),.split--rev:not(:has(img)){grid-template-columns:1fr}
.split__media:not(:has(img)){display:none}
@media (max-width:1000px){
  .split,.split--rev{grid-template-columns:1fr;gap:calc(var(--u)*3)}
  .split--rev .split__media{order:0}
}

/* 14.09.2026 — etiket üstte, giriş metni container genişliğinde (görselsiz giriş bölümleri) */
.intro__stack > div + div{margin-top:calc(var(--u)*3)}

/* 24.09.2026 — musteri notlari
   - Urun listeleri ("Narrow by use" + urun satirlari) tum sayfalarda gizli; isaretleme ve
     veri yerinde duruyor, geri acmak icin bu kurali silmek yeterli.
   - Energy: bolumler arasi bosluk daraltildi.
   - Menu/menu cekmecesi: 'fi' baglarini (Classified) tarayici ayari ne olursa olsun kapat. */
.sec:has([data-plist]){display:none}
.sec--compact{padding:calc(var(--u)*3) 0}
.sec--compact .split{gap:calc(var(--u)*5)}
header, header *{font-variant-ligatures:none;font-feature-settings:'liga' 0,'clig' 0}

/* 27.09.2026 — mobil kontrol (müşteri ekran görüntüleri)
   - Breadcrumb: "Ana Sayfa" gibi bağlantılar kendi içinde satır kırmaz; satır ayraçtan sonra kırılır.
   - Tarihçe: masaüstündeki 170px yıl sütunu mobilde alt alta dizilince yüksekliğe dönüşüyor,
     yıl ile metin arasında boşluk kalıyordu. */
.crumb a{white-space:nowrap}
/* ayraç ile sonraki öğe arasında boşluk yok — satır "›" sonrasında kırılabilsin (son öğe sağda kesiliyordu) */
.crumb span::after{content:"\200B"}
@media (max-width:760px){
  .idx--years .idx__k{flex:none}
  /* 27.09.2026 — müşteri notu: mobilde bölümler arası boşluklar yarıya iner
     (ör. görsel ile sonraki başlık arası 108px → ~60px) */
  .sec{padding:calc(var(--u)*3.5) 0}
  .sec--flat{padding:calc(var(--u)*3) 0}
  .phead + .sec--flat{padding-top:calc(var(--u)*5)}
  .sec--flat:last-of-type{padding-bottom:calc(var(--u)*6)}
  .sec--compact{padding:calc(var(--u)*1.5) 0}
  .sec--tight{padding:calc(var(--u)*3) 0}
  /* sayfa sonundaki "sonraki sayfa" butonu kendi bölümünde: bölüm boşluğu yeterli */
  .sec > .wrap > .pnav:first-child{margin-top:0}
}

/* 01.10.2026 — ana sayfa › perlit ürün yelpazesi: uzun TR başlıklar iki satıra kırılınca sağdaki
   etiket kayıyordu; başlık üstte, etiket altında her genişlikte alt alta */
.door__list--stack a{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(var(--u)*.5)}
.door__list--stack .sub{flex:0 0 auto;text-align:left}

/* 01.10.2026 — mobil ana sayfa hero etiketi (Perlit · Diyatomit · Aktif karbon · Selüloz) iki satıra
   düşüyordu. Harf aralığı daraltıldı, punto ekran genişliğine göre akar (en uzun metin EN/ES ≈ 26 em);
   panelden daha uzun metin girilirse taşmaz, dengeli kırılır. */
@media (max-width:520px){
  .hero .eyebrow{
    letter-spacing:.06em;
    font-size:clamp(10px,calc((100vw - 48px) / 27),14px);
    text-wrap:balance;
  }
}

/* ===================== YAYINLAR (katalog indirme) ===================== */
/* Katalog dile göre seçilir: <html lang> değerine bakılır. tr → Türkçe, diğerleri → İngilizce.
   Diğer dilin sürümü küçük bir bağlantı olarak altta kalır. */
.pub,.pub__alt{display:none}
html:not([lang="tr"]) .pub--en{display:flex}
html[lang="tr"] .pub--tr{display:flex}
html[lang="tr"] .pub__alt--en{display:block}
html:not([lang="tr"]) .pub__alt--tr{display:block}
.pub__alt{margin-top:calc(var(--u)*2);font:400 13.5px/1.5 var(--f-body);color:var(--body)}
.pub__alt a{color:var(--brass-ink);border-bottom:1px solid var(--stone)}
.pub__alt a:hover{border-bottom-color:var(--brass)}