/* ==================== TOKENLAR ==================== */
:root{
  --brand:#D32027;          /* logo kirmizisi */
  --brand-dark:#A9161C;
  --graphite:#444242;       /* logo grisi */
  --page:#FFFFFF;
  --surface:#F4F4F5;
  --surface-2:#EAEAEB;
  --ink:#232323;
  --ink-2:#5C5C5E;
  --ink-3:#6F6F72;
  --line:#E1E1E3;
  --line-guclu:#8B8B93;
  --brand-ink:#D32027;
  --brand-ustu-koyu:#EC5E4F;
  --dark:#232222;
  --dark-2:#2E2D2D;
  --on-dark:#EDEDEE;
  --on-dark-2:#A8A7A7;
  --ok:#1E864A;

  --ff:"Barlow","Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
  --ff-head:"Barlow Condensed","Montserrat","Segoe UI Variable Display","Segoe UI Semibold","Segoe UI",Arial,sans-serif;
  --ff-num:"Bahnschrift","DIN Alternate","Barlow Condensed","Segoe UI",Arial,sans-serif;

  --shell:1280px;
  --pad:clamp(1.1rem,4vw,3rem);
  --shadow:0 2px 14px rgba(0,0,0,.07);
  --shadow-lg:0 14px 40px rgba(0,0,0,.13);
}
@media (prefers-color-scheme:dark){
  :root{
    --page:#141617; --surface:#1B1E1F; --surface-2:#232628;
    --ink:#ECECEC; --ink-2:#B0B1B2; --ink-3:#87888A;
    --line:#2E3234; --line-guclu:#616A6E; --dark:#0F1112; --dark-2:#191C1D;
    --on-dark:#EDEDEE; --on-dark-2:#9FA0A1;
    --brand:#E22B19; --brand-dark:#B8210F; --ok:#3FA96A;
    --brand-ink:#EC5E4F; --brand-ustu-koyu:#EC5E4F;
    --shadow:0 2px 14px rgba(0,0,0,.5); --shadow-lg:0 14px 40px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --page:#141617; --surface:#1B1E1F; --surface-2:#232628;
  --ink:#ECECEC; --ink-2:#B0B1B2; --ink-3:#87888A;
  --line:#2E3234; --line-guclu:#616A6E; --dark:#0F1112; --dark-2:#191C1D;
  --on-dark:#EDEDEE; --on-dark-2:#9FA0A1;
  --brand:#E22B19; --brand-dark:#B8210F; --ok:#3FA96A;
  --brand-ink:#EC5E4F; --brand-ustu-koyu:#EC5E4F;
  --shadow:0 2px 14px rgba(0,0,0,.5); --shadow-lg:0 14px 40px rgba(0,0,0,.6);
}
:root[data-theme="light"]{
  --page:#FFFFFF; --surface:#F4F4F5; --surface-2:#EAEAEB;
  --ink:#232323; --ink-2:#5C5C5E; --ink-3:#6F6F72;
  --line:#E1E1E3; --line-guclu:#8B8B93; --dark:#232222; --dark-2:#2E2D2D;
  --on-dark:#EDEDEE; --on-dark-2:#A8A7A7;
  --brand:#D32027; --brand-dark:#A9161C; --ok:#1E864A;
  --brand-ink:#D32027; --brand-ustu-koyu:#EC5E4F;
  --shadow:0 2px 14px rgba(0,0,0,.07); --shadow-lg:0 14px 40px rgba(0,0,0,.13);
}

/* ==================== TABAN ==================== */
*{box-sizing:border-box}
body{
  margin:0; background:var(--page); color:var(--ink);
  font-family:var(--ff); font-size:16.5px; line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
/* Odak halkasi: tek renk olursa kirmizi bant uzerinde kayboluyordu (1,00:1).
   Cift katman her zeminde gorunur. */
:focus-visible{outline:3px solid var(--ink); outline-offset:2px; box-shadow:0 0 0 6px #fff}
.ctaband :focus-visible,.band--dark :focus-visible,.hero :focus-visible,
.pagehead :focus-visible,.footer :focus-visible{outline-color:#fff; box-shadow:0 0 0 6px var(--ink)}
.shell{max-width:var(--shell); margin-inline:auto; padding-inline:var(--pad)}
.atla{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--brand); color:#fff; padding:.8rem 1.2rem;
  font-family:var(--ff-head); font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.atla:focus{left:0}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

h1,h2,h3,h4{
  font-family:var(--ff-head); font-weight:700; margin:0;
  line-height:1.08; text-wrap:balance; letter-spacing:.005em;
}
h1{font-size:clamp(2rem,4.4vw,3.5rem)}
h2{font-size:clamp(1.6rem,3vw,2.5rem); text-transform:uppercase; letter-spacing:.02em}
h3{font-size:clamp(1.15rem,1.7vw,1.5rem)}
/* Adim ve kart basliklari h4 idi; h2'den sonra h4 gelmesi hiyerarsi atlamasidir. */
h3.kucuk{font-size:1.02rem; text-transform:uppercase; letter-spacing:.06em}
h4{font-size:1.02rem; text-transform:uppercase; letter-spacing:.06em}
p{margin:0}

.kicker{
  font-size:.74rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ink-3); display:inline-flex; align-items:center; gap:.6rem;
}
.kicker::before{content:""; width:16px; height:2px; background:var(--brand); flex:none}
.hero .kicker,.pagehead .kicker,.band--dark .kicker{color:rgba(255,255,255,.72)}
.lede{font-size:clamp(1rem,1.35vw,1.13rem); color:var(--ink-2); max-width:66ch}
.muted{color:var(--ink-2)}
.num{font-family:var(--ff-num); font-variant-numeric:tabular-nums}

/* baslik ortali blok — Habas deseni */
.sec-title{text-align:center; margin-bottom:clamp(1.8rem,3.5vw,3rem)}
.sec-title h2{margin-top:.5rem}
.sec-title .rule{
  width:40px; height:3px; background:var(--brand);
  margin:.9rem auto 0;
}
.sec-title p{margin:1rem auto 0; max-width:62ch; color:var(--ink-2)}

/* ==================== BUTONLAR ==================== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--ff-head); font-size:.92rem; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase;
  padding:.85rem 1.5rem; border:2px solid var(--brand); background:var(--brand); color:#fff;
  cursor:pointer; transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.btn:hover{background:var(--brand-dark); border-color:var(--brand-dark)}
.btn--ghost{background:transparent; color:var(--ink); border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink); color:var(--page)}
.btn--onDark{background:transparent; color:#fff; border-color:#fff}
.btn--onDark:hover{background:#fff; color:var(--ink)}
.btn--sm{padding:.6rem 1.05rem; font-size:.8rem}
.btn--block{width:100%}

/* ==================== ÜST ŞERİT ==================== */
.topbar{background:var(--dark); color:var(--on-dark-2); font-size:.82rem}
.topbar .shell{display:flex; align-items:center; gap:1.4rem; min-height:40px; flex-wrap:wrap}
.topbar a{color:var(--on-dark-2); display:inline-flex; align-items:center; gap:.4rem}
.topbar a:hover{color:#fff}
.topbar .right{margin-left:auto; display:flex; gap:1rem; align-items:center}
.lang{
  border:1px solid #4A4949; padding:.12rem .48rem; font-size:.72rem;
  letter-spacing:.08em; font-weight:600;
}

/* ==================== ANA MENÜ ==================== */
.masthead{
  position:sticky; top:0; z-index:80; background:var(--page);
  border-bottom:1px solid var(--line); box-shadow:var(--shadow);
}
.masthead .shell{display:flex; align-items:center; gap:1.2rem; min-height:80px}
.logo img{height:46px; width:auto}
:root[data-theme="dark"] .logo img,
.footer .logo img{filter:none}
@media (prefers-color-scheme:dark){
  .masthead .logo img{filter:brightness(0) invert(1)}
}
:root[data-theme="dark"] .masthead .logo img{filter:brightness(0) invert(1)}
:root[data-theme="light"] .masthead .logo img{filter:none}

.mainnav{margin-left:auto; display:flex; align-items:center; gap:.2rem}
.mainnav a{
  font-family:var(--ff-head); font-size:.88rem; font-weight:600;
  letter-spacing:.09em; text-transform:uppercase; color:var(--ink);
  padding:.6rem .85rem; border-bottom:3px solid transparent; white-space:nowrap;
}
.mainnav a:hover{color:var(--brand-ink)}
.mainnav a.is-active{color:var(--brand-ink); border-bottom-color:var(--brand)}
.mast-cta{margin-left:.6rem; white-space:nowrap}
.mast-odeme{margin-left:.4rem}
@media (max-width:1180px){ .mast-cta{padding:.5rem .7rem; font-size:.78rem} }
.btn--outline{background:transparent; color:var(--brand-ink); border:2px solid var(--brand)}
.btn--outline:hover{background:var(--brand); color:#fff}
.burger{
  display:none; margin-left:auto; background:none; border:1px solid var(--line-guclu);
  padding:.55rem .7rem; cursor:pointer; color:var(--ink);
}
.burger span{display:block; width:20px; height:2px; background:currentColor; margin:4px 0}

/* ==================== HERO ==================== */
.hero{position:relative; background:var(--dark); overflow:hidden}
.hero__media{position:absolute; inset:0}
.hero__media img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity 1s ease}
.hero__media img.bg.is-on{opacity:1}
/* Perde: yönlü katman + düz taban. Taban sayesinde yazının hiçbir yeri açık zemine düşmez. */
.hero__scrim{
  position:absolute; inset:0;
  background:
    linear-gradient(100deg,rgba(16,15,15,.90) 0%,rgba(16,15,15,.78) 48%,rgba(16,15,15,.52) 100%),
    linear-gradient(180deg,rgba(16,15,15,.34) 0%,rgba(16,15,15,.56) 100%);
}
.hero__inner{
  position:relative; min-height:clamp(420px,58vh,600px);
  display:flex; align-items:center; padding-block:clamp(3rem,7vw,5.5rem);
}
.hero__inner .shell{width:100%}
.hero h1{color:#fff; max-width:19ch; margin:.7rem 0 1.1rem}
.hero h1 em{font-style:normal; color:var(--brand)}
.hero p{color:#D7D6D6; max-width:52ch; font-size:clamp(1rem,1.4vw,1.16rem)}
.hero__actions{display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.9rem}
.hero__dots{
  position:absolute; left:0; right:0; bottom:1.4rem; display:flex; gap:.5rem;
  justify-content:center; z-index:3;
}
.hero__dots button{
  width:34px; height:4px; border:0; padding:0; cursor:pointer;
  background:rgba(255,255,255,.34);
}
.hero__dots button[aria-current="true"]{background:var(--brand)}
.hero__dur{
  position:absolute; right:clamp(1rem,4vw,2.4rem); bottom:1rem; z-index:4;
  width:34px; height:34px; border:1px solid rgba(255,255,255,.45); background:rgba(0,0,0,.35);
  color:#fff; cursor:pointer; font-family:var(--ff-num); font-size:.8rem; line-height:1;
  display:flex; align-items:center; justify-content:center;
}
.hero__dur:hover{background:rgba(0,0,0,.6)}

/* ==================== RAKAM ŞERİDİ ==================== */
.stats{background:var(--graphite)}
:root[data-theme="dark"] .stats{background:var(--dark-2)}
.stats .shell{display:grid; grid-template-columns:repeat(4,1fr)}
/* ".stats div" sarmalayici .shell'i de yakaliyordu — dogrudan cocuk secilir. */
.stats .shell > div{padding:1.7rem 1rem; text-align:center; border-right:1px solid rgba(255,255,255,.13)}
.stats .shell > div:last-child{border-right:0}
.stats b{
  display:block; font-family:var(--ff-num); font-size:clamp(1.7rem,3vw,2.5rem);
  color:#fff; line-height:1; font-variant-numeric:tabular-nums;
}
.stats small{
  display:block; margin-top:.5rem; font-size:.76rem; letter-spacing:.13em;
  text-transform:uppercase; color:rgba(255,255,255,.72);
}

/* ==================== BÖLÜM ==================== */
.band{padding:clamp(3rem,6.5vw,5.5rem) 0}
.band--surface{background:var(--surface)}
.band--dark{background:var(--dark); color:var(--on-dark)}
.band--dark h2,.band--dark h3{color:#fff}
.band--dark .lede,.band--dark p{color:var(--on-dark-2)}

/* ==================== ÜRÜN KARTLARI (Habaş deseni) ==================== */
.prodgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem}
.prodcard{
  position:relative; overflow:hidden; background:var(--dark);
  min-height:400px; display:flex; flex-direction:column; justify-content:flex-end;
  color:#fff; box-shadow:var(--shadow);
}
.prodcard img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease}
.prodcard:hover img.bg{transform:scale(1.06)}
.prodcard__scrim{
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(14,13,13,.26) 0%,rgba(14,13,13,.44) 40%,rgba(14,13,13,.95) 100%);
}
.prodcard__body{position:relative; padding:1.7rem 1.6rem 1.8rem}
.prodcard__body h3{color:#fff; margin-bottom:.5rem}
.prodcard__body p{color:#D3D2D2; font-size:.94rem; margin-bottom:1.2rem}
.prodcard__tag{
  position:absolute; top:0; left:1.6rem; transform:translateY(-100%);
  background:var(--brand); color:#fff; font-family:var(--ff-head); font-weight:700;
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; padding:.35rem .7rem;
}

/* ==================== İKİ KOLON ==================== */
.split > *{min-width:0}
.split{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(2rem,4.5vw,4rem); align-items:center}
.split__media{position:relative; min-height:360px; overflow:hidden; box-shadow:var(--shadow-lg)}
.split__media img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.stack{display:flex; flex-direction:column; gap:1.15rem; align-items:flex-start; min-width:0}

/* rozet */
.badge{
  display:inline-flex; align-items:center; gap:.6rem; background:var(--brand); color:#fff;
  font-family:var(--ff-head); font-weight:700; font-size:.82rem; letter-spacing:.1em;
  text-transform:uppercase; padding:.5rem .95rem;
}

/* ==================== SÜREÇ ADIMLARI ==================== */
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; counter-reset:s}
.step{
  background:var(--page); border:1px solid var(--line); padding:1.5rem 1.35rem 1.6rem;
  position:relative;
}
.band--dark .step{background:var(--dark-2); border-color:#3A3939}
.step__n{
  font-family:var(--ff-num); font-size:2.6rem; line-height:1; color:var(--brand-ink);
  display:block; margin-bottom:.6rem; font-variant-numeric:tabular-nums;
}
.step h3.kucuk{margin-bottom:.45rem}
.step p{font-size:.92rem; color:var(--ink-2)}
.band--dark .step p{color:var(--on-dark-2)}
/* Koyu bant uzerinde marka kirmizisi okunmuyordu (2,62:1) — acik tona gecer. */
.band--dark .step__n{color:var(--brand-ustu-koyu)}
.band--dark .step h3.kucuk{color:#fff}

/* ==================== DEPOLAR ==================== */
.depots{display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem}
.depot{
  background:var(--page); border:1px solid var(--line); padding:1.5rem 1.4rem 1.6rem;
  display:flex; flex-direction:column; gap:.7rem; border-top:4px solid var(--brand);
}
.depot h3{font-size:1.18rem}
.depot .role{
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brand-ink);
  font-weight:700;
}
.depot address{font-style:normal; color:var(--ink-2); font-size:.94rem; flex:1}
.depot .btn{margin-top:.3rem; align-self:flex-start}

/* ==================== TEDARİKÇİLER ==================== */
.mills{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line)}
.mill{
  background:var(--page); min-height:150px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:.9rem; padding:1.5rem 1rem 1.2rem;
  text-align:center; transition:background .2s;
}
.mill:hover{background:var(--surface)}
.mill img{
  max-height:52px; max-width:100%; width:auto; object-fit:contain;
  filter:grayscale(.55); opacity:.9; transition:filter .25s,opacity .25s;
}
.mill:hover img{filter:grayscale(0); opacity:1}
/* Koyu temada logolar açık panelde durur — fabrika renkleri bozulmasın diye */
@media (prefers-color-scheme:dark){
  .mills{background:#D4D4D6; border-color:#D4D4D6}
  .mill{background:#F3F3F4}
  .mill:hover{background:#FFFFFF}
  .mill span{color:#6E6E71}
  .mill__ad{color:#232323}
}
:root[data-theme="dark"] .mills{background:#D4D4D6; border-color:#D4D4D6}
:root[data-theme="dark"] .mill{background:#F3F3F4}
:root[data-theme="dark"] .mill:hover{background:#FFFFFF}
:root[data-theme="dark"] .mill span{color:#6E6E71}
:root[data-theme="dark"] .mill__ad{color:#232323}
:root[data-theme="light"] .mills{background:var(--line); border-color:var(--line)}
:root[data-theme="light"] .mill{background:var(--page)}
:root[data-theme="light"] .mill:hover{background:var(--surface)}
:root[data-theme="light"] .mill span{color:var(--ink-3)}
:root[data-theme="light"] .mill__ad{color:var(--ink)}
.mill__ad{font-family:var(--ff-head); font-size:1.15rem; letter-spacing:.03em; color:var(--ink)}
.mill span{font-size:.7rem; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3)}
@media (max-width:1080px){ .mills{grid-template-columns:repeat(3,1fr)} }
@media (max-width:620px){ .mills{grid-template-columns:repeat(2,1fr)} }

/* ==================== TABLO ==================== */
.tablewrap{overflow-x:auto; border:1px solid var(--line); background:var(--page); min-width:0; max-width:100%}
table{border-collapse:collapse; width:100%; min-width:560px; font-size:.94rem}
caption{
  text-align:left; padding:.95rem 1.15rem; background:var(--surface);
  border-bottom:1px solid var(--line); font-family:var(--ff-head); font-weight:700;
  font-size:.86rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2);
}
th,td{padding:.62rem 1.15rem; text-align:right; border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
thead th{
  font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700;
  color:var(--ink-2); background:var(--page);
}
tbody td{font-variant-numeric:tabular-nums; font-family:var(--ff-num)}
tbody td:first-child{font-family:var(--ff-head); font-weight:700; font-size:1.02rem; color:var(--ink)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--surface)}

/* ==================== ÖZELLİK LİSTESİ ==================== */
.specs{width:100%; border-top:1px solid var(--line)}
.specs > div{
  display:grid; grid-template-columns:11rem 1fr; gap:1.2rem;
  padding:.8rem 0; border-bottom:1px solid var(--line);
}
.specs dt{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); font-weight:600}
.specs dd{margin:0; font-size:.97rem}

/* ==================== SSS ==================== */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer; padding:1.05rem 2.5rem 1.05rem 0; position:relative; list-style:none;
  font-family:var(--ff-head); font-weight:700; font-size:1.06rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+"; position:absolute; right:.4rem; top:50%; transform:translateY(-50%);
  font-family:var(--ff-num); font-size:1.5rem; color:var(--brand-ink); line-height:1;
}
.faq details[open] summary::after{content:"−"}
.faq details > p{padding:0 0 1.15rem; color:var(--ink-2); max-width:78ch}

/* ==================== BREADCRUMB ==================== */
.crumbs{background:var(--surface); border-bottom:1px solid var(--line); font-size:.84rem}
.crumbs .shell{display:flex; gap:.5rem; align-items:center; padding-block:.8rem; flex-wrap:wrap; color:var(--ink-2)}
.crumbs a:hover{color:var(--brand-ink)}
.crumbs .sep{color:var(--ink-3)}
.crumbs [aria-current]{color:var(--ink); font-weight:600}

/* ==================== SAYFA BAŞLIĞI (iç sayfalar) ==================== */
.pagehead{position:relative; background:var(--dark); overflow:hidden}
.pagehead img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
/* Yazı taşıyan fotoğraflar geri planda kalır — okunurluk fotoğraftan önce gelir. */
.hero__media img.bg,
.pagehead img.bg,
.prodcard img.bg{filter:brightness(.68) saturate(.88) contrast(.96)}
/* Zaten koyu olan iki fotoğraf perdenin altında büsbütün kayboluyordu — onlara pay ver. */
.hero h1,.hero p,.hero .kicker,
.pagehead h1,.pagehead p,.pagehead .kicker{text-shadow:0 2px 14px rgba(0,0,0,.55)}
.prodcard__body h3,.prodcard__body p{text-shadow:0 1px 10px rgba(0,0,0,.6)}
/* arsiv fotografi kirpilmasin — tam gorunsun */
.split__media img.bg[data-foto="tarihi"]{object-fit:cover; object-position:50% 42%}
.pagehead__scrim{
  position:absolute; inset:0;
  background:
    linear-gradient(95deg,rgba(16,15,15,.92) 0%,rgba(16,15,15,.80) 55%,rgba(16,15,15,.62) 100%),
    linear-gradient(180deg,rgba(16,15,15,.30),rgba(16,15,15,.46));
}
.pagehead__in{position:relative; padding-block:clamp(2.6rem,6vw,4.4rem)}
.pagehead h1{color:#fff; margin-top:.6rem}
.pagehead p{color:#D5D4D4; max-width:58ch; margin-top:.9rem}

/* ==================== FORM ==================== */
.calc{background:var(--page); border:1px solid var(--line); border-top:4px solid var(--brand);
  padding:clamp(1.4rem,3vw,2.2rem); box-shadow:var(--shadow)}
.calc h3{margin-bottom:.35rem}
.calc > p.muted{margin-bottom:1.4rem; font-size:.93rem}
.calc__out{
  background:var(--surface); border:1px solid var(--line); padding:1rem 1.15rem;
  margin:.6rem 0 1.1rem; font-size:.97rem; line-height:1.7;
}
.calc__out strong{font-family:var(--ff-num); font-variant-numeric:tabular-nums; font-size:1.1rem}
.calc .field input,.calc .field select{font-family:var(--ff-num); font-size:1.05rem}
.quote{background:var(--page); border:1px solid var(--line); padding:clamp(1.4rem,3vw,2.2rem); box-shadow:var(--shadow)}
.quote h3{margin-bottom:.4rem}
.quote > p.muted{margin-bottom:1.4rem; font-size:.93rem}
.field{display:flex; flex-direction:column; gap:.4rem; margin-bottom:1rem}
.field label{font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); font-weight:600}
.field input,.field select,.field textarea{
  font-family:var(--ff); font-size:.97rem; color:var(--ink); background:var(--page);
  border:1px solid var(--line-guclu); padding:.7rem .85rem; width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}
.field textarea{resize:vertical; min-height:88px}
.pair{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.formnote{font-size:.82rem; color:var(--ink-3); margin-top:.8rem; line-height:1.55}
.formnote a{color:var(--brand-ink); font-weight:600}

/* ==================== İLETİŞİM HATLARI ==================== */
.lines{border-top:2px solid var(--ink)}
.lines a{
  display:flex; align-items:center; gap:1rem; padding:1.05rem .2rem;
  border-bottom:1px solid var(--line); transition:padding-left .2s,background .2s;
}
.lines a:hover{padding-left:.8rem; background:var(--surface)}
.lines .who{font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); display:block}
.lines .val{font-family:var(--ff-head); font-weight:700; font-size:1.28rem; letter-spacing:.02em}
.lines .flag{
  margin-left:auto; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ok); border:1px solid currentColor; padding:.22rem .5rem; font-weight:700;
}

/* ==================== CTA BANDI ==================== */
.ctaband{background:var(--brand); color:#fff}
.ctaband .shell{
  display:flex; align-items:center; gap:2rem; flex-wrap:wrap;
  padding-block:clamp(2rem,4vw,3rem);
}
.ctaband h2{color:#fff; margin:0}
.ctaband p{color:rgba(255,255,255,.9); margin-top:.5rem}
.ctaband .btn{margin-left:auto; background:#fff; color:var(--brand-dark); border-color:#fff}
.ctaband .btn:hover{background:var(--ink); color:#fff; border-color:var(--ink)}

/* ==================== ALT BİLGİ ==================== */
.footer{background:var(--dark); color:var(--on-dark-2); padding-top:clamp(2.6rem,5vw,4rem)}
.footer .cols{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.3fr; gap:2rem; padding-bottom:2.4rem}
.footer h4{color:#fff; margin-bottom:1rem; font-size:.86rem; letter-spacing:.14em}
.footer ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem}
.footer a:hover{color:#fff}
.footer .logo img{height:44px; filter:brightness(0) invert(1); margin-bottom:1rem}
.footer address{font-style:normal; line-height:1.75}
.footer .kunye{
  display:grid; grid-template-columns:1fr 1fr; gap:1.4rem 2.5rem;
  border-top:1px solid #3A3939; padding:1.4rem 0; font-size:.8rem; line-height:1.7;
}
.footer .kunye strong{color:#fff; font-weight:600}
@media (max-width:620px){ .footer .kunye{grid-template-columns:1fr} }
.footer .copyright{
  border-top:1px solid #3A3939; padding-block:1.2rem; font-size:.82rem;
  display:flex; gap:1.2rem; flex-wrap:wrap; align-items:center;
}
.footer .copyright .sep{margin-left:auto}

/* ==================== YÜZEN BUTONLAR ==================== */
.fab{
  position:fixed; right:clamp(.9rem,2.5vw,1.7rem); bottom:clamp(.9rem,2.5vw,1.7rem); z-index:90;
  display:inline-flex; align-items:center; gap:.55rem; background:#25D366; color:#0B2E19;
  padding:.85rem 1.15rem; font-family:var(--ff-head); font-weight:700; font-size:.86rem;
  letter-spacing:.08em; text-transform:uppercase; box-shadow:0 8px 26px rgba(0,0,0,.28);
}
.fab:hover{filter:brightness(1.06)}
.fab svg{width:19px; height:19px; fill:currentColor; flex:none}
.totop{
  position:fixed; right:clamp(.9rem,2.5vw,1.7rem); bottom:calc(clamp(.9rem,2.5vw,1.7rem) + 58px);
  z-index:89; width:44px; height:44px; background:var(--graphite); color:#fff; border:0;
  cursor:pointer; display:none; align-items:center; justify-content:center; font-size:1.2rem;
}
.totop.is-on{display:flex}

/* ==================== SAYFA YÖNLENDİRME ==================== */
.page{display:none}
.page.is-on{display:block}

/* ==================== DUYARLI ==================== */
@media (max-width:1080px){
  .prodgrid{grid-template-columns:minmax(0,1fr)}
  .prodcard{min-height:300px}
  .depots{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .mainnav{
    position:fixed; inset:120px 0 auto 0; background:var(--page); flex-direction:column;
    align-items:stretch; gap:0; border-bottom:1px solid var(--line); box-shadow:var(--shadow-lg);
    padding:.5rem 0; display:none; max-height:calc(100vh - 120px); overflow:auto;
  }
  .mainnav.is-open{display:flex}
  .mainnav a{padding:.95rem var(--pad); border-bottom:1px solid var(--line); border-left:3px solid transparent}
  .mainnav a.is-active{border-bottom-color:var(--line); border-left-color:var(--brand)}
  .burger{display:block}
  .mast-cta{display:none}
  .split{grid-template-columns:minmax(0,1fr)}
  .stats .shell{grid-template-columns:1fr 1fr}
  .stats .shell > div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}
  .stats .shell > div:nth-child(2){border-right:0}
}
@media (max-width:620px){
  .depots,.steps{grid-template-columns:minmax(0,1fr)}
  .pair{grid-template-columns:minmax(0,1fr)}
  .footer .cols{grid-template-columns:minmax(0,1fr)}
  .topbar .shell{font-size:.76rem; gap:.9rem}
  .fab span{display:none}
  .fab{padding:.95rem}
  .ctaband .btn{margin-left:0}
}
/* Yazdirma: muteahhit teklif/cetvel sayfasini yazdirip santiyeye goturuyor. */
@media print{
  .topbar,.masthead,.fab,.totop,.hero__dots,.hero__dur,.ctaband,.crumbs,.atla{display:none !important}
  .hero,.pagehead{background:#fff !important; color:#000 !important}
  .hero__scrim,.pagehead__scrim,.prodcard__scrim{display:none !important}
  .hero img.bg,.pagehead img.bg,.prodcard img.bg{display:none !important}
  .hero h1,.hero p,.pagehead h1,.pagehead p{color:#000 !important; text-shadow:none !important}
  body{background:#fff !important; color:#000 !important; font-size:11pt}
  .band{padding:1rem 0 !important; break-inside:avoid}
  .band--dark,.band--surface{background:#fff !important; color:#000 !important}
  .band--dark h2,.band--dark h3,.band--dark h4{color:#000 !important}
  a[href^="http"]::after,a[href^="tel"]::after,a[href^="mailto"]::after{
    content:" (" attr(href) ")"; font-size:9pt; color:#444;
  }
  a[href^="#"]::after{content:""}
  table{font-size:10pt}
  .footer{background:#fff !important; color:#000 !important; border-top:1px solid #000}
  .footer a{color:#000}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important; animation:none !important}
  .hero__media img.bg{transition:none}
}

/* ==== 05.08 EK: icerik sayfasi dizgi katmani ==== */
/* Sol hizali bolum basligi: kicker + h2 + marka cizgisi */
.sec-sol{margin-bottom:1.4rem}
.sec-sol .kicker{display:block}
.sec-sol h2{margin-top:.45rem}
.sec-sol .rule{margin:.9rem 0 0}

/* Icerik genislik yardimcilari */
.shell--dar{max-width:820px}
.shell--orta{max-width:1000px}

/* Imli liste: kirmizi kisa cizgi */
ul.imli li{position:relative; padding-left:1.15rem; max-width:72ch}
ul.imli li::before{content:""; position:absolute; left:0; top:.62em; width:.62rem; height:3px; background:var(--brand)}

/* Foto seridi */
.foto-serit{margin:2.2rem 0 0}
.foto-serit img{width:100%; height:clamp(220px,34vw,380px); object-fit:cover; display:block; box-shadow:var(--shadow-lg)}
.foto-serit figcaption{font-size:.82rem; color:var(--ink-3); margin-top:.55rem}

/* Ilgili sayfa kartlari */
.link-kartlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem}
.link-kartlar a{display:block; padding:1.05rem 1.15rem; border:1px solid var(--line); background:var(--page); font-weight:600; font-family:var(--ff-head); font-size:1.04rem; text-decoration:none; color:var(--ink); border-left:3px solid var(--brand); transition:background .15s,border-color .15s}
.link-kartlar a:hover{background:var(--surface); border-color:var(--line-guclu); border-left-color:var(--brand)}
.link-kartlar a small{display:block; font-family:var(--ff); font-weight:400; color:var(--ink-2); font-size:.86rem; margin-top:.3rem}
@media (max-width:700px){ .link-kartlar{grid-template-columns:minmax(0,1fr)} }

/* Kunye kutusu (specs sarici) */
.kunye-kutu{background:var(--surface); padding:1.6rem 1.7rem; border-top:3px solid var(--brand)}
.kunye-kutu h3{font-size:1.05rem; margin-bottom:.6rem}
.kunye-kutu .specs > div{grid-template-columns:8.5rem 1fr}

/* Rozet seridi sayfa basinda stats desenini kullanir; ek stil gerekmez. */

/* ==== 06.08 EK: olcuden hesaplayan araclarin izgarasi ==== */
/* Neden: cati ve plywood araclarina "yapi olcusunden hesapla" adimi eklendi
   (Sinan Bey talebi). Mevcut .field dikey akisi 6-8 girdide cok uzuyordu. */
.calcgrid{display:grid; grid-template-columns:1fr 1fr; gap:.9rem 1rem; margin-bottom:1.1rem}
.calcgrid > label{display:flex; flex-direction:column; gap:.4rem;
  font-size:.76rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink-3); font-weight:600}
.calcgrid input,.calcgrid select{
  font-family:var(--ff-num); font-size:1.05rem; color:var(--ink); background:var(--page);
  border:1px solid var(--line-guclu); padding:.7rem .85rem; width:100%;
}
.calcgrid input:focus,.calcgrid select:focus{border-color:var(--brand)}
.calcgrid > label.satirici{flex-direction:row; align-items:center; gap:.55rem;
  text-transform:none; letter-spacing:0; font-size:.93rem; color:var(--ink)}
.calcgrid > label.satirici input{width:auto; padding:0}
#pe-govde input{font-family:var(--ff-num); font-size:.97rem;
  border:1px solid var(--line-guclu); padding:.5rem .6rem; background:var(--page)}
#pe-govde select{font-family:var(--ff); font-size:.95rem;
  border:1px solid var(--line-guclu); padding:.5rem .6rem; background:var(--page)}
.pe-sil,.ck-sil{background:none; border:1px solid var(--line-guclu); color:var(--ink-3);
  width:2rem; height:2rem; line-height:1; cursor:pointer; font-size:1rem}
.pe-sil:hover,.ck-sil:hover{border-color:var(--brand); color:var(--brand-ink)}
@media (max-width:640px){ .calcgrid{grid-template-columns:1fr} }

/* pe-alanet: yapi elemani satirinda her girdinin kendi etiketi (06.08 canli test) */
.pe-alanet{display:inline-flex; flex-direction:column; gap:.15rem; margin:.15rem .45rem .15rem 0; vertical-align:top}
.pe-alanet small{font-size:.66rem; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-3); font-weight:600; white-space:nowrap}
.pe-alanet input{width:7.5em}

/* ===== CANLI FİYAT KUTUSU (18.09) ===== */
.canli-fiyat{background:var(--surface,#fff); border:1px solid var(--line,#e6e3de); border-radius:14px; padding:clamp(1rem,2.5vw,1.6rem) clamp(1rem,3vw,2rem); margin:1.2rem 0 0}
.cf-ust{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem .9rem; margin-bottom:.9rem}
.cf-gun{font-size:.86rem; color:var(--ink-3)}
.cf-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:.9rem 1.4rem; align-items:start} /* 18.09: stretch tabloyu uzatıp satırları açıyordu */
.cf-tablo{width:100%; min-width:0; border-collapse:collapse; font-size:.98rem} /* 18.09: genel table{min-width:560px} kuralı ızgara sütununu taşırıp tabloları üst üste bindiriyordu */
.cf-grid>*{min-width:0}
.cf-tablo caption{text-align:left; font-weight:700; padding:.2rem 0 .45rem; color:var(--ink)}
.cf-tablo caption small{font-weight:400; color:var(--ink-3); margin-left:.4rem}
.cf-tablo th{text-align:left; font-weight:500; padding:.42rem .3rem .42rem 0; border-top:1px solid var(--line,#e6e3de); color:var(--ink-2)}
.cf-tablo th small{color:var(--ink-3); font-size:.8rem; margin-left:.25rem}
.cf-tablo td{text-align:right; padding:.42rem 0; border-top:1px solid var(--line,#e6e3de); white-space:nowrap; font-variant-numeric:tabular-nums}
.cf-tablo td b{color:var(--brand-ink); font-size:1.08em}
.cf-yok{color:var(--ink-3); font-size:.9em}
.cf-not{font-size:.85rem; color:var(--ink-3); margin:.9rem 0 0; line-height:1.45}
.cf-eylem{display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.9rem}
.cf-eylem .btn{padding:.6rem 1rem; font-size:.95rem}
.cf-yok-p{margin:0; font-size:1rem}
.canli-fiyat noscript p{margin:0}

/* 18.09 — /uygulama/ iniş sayfası (Baldoğan Cep kampanyası) */
.uyg-ekranlar{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:.4rem 0 1rem}
.uyg-ekranlar figure{margin:0}
.uyg-ekranlar img{width:100%; height:auto; border-radius:18px; border:1px solid var(--line,#e6e3de); box-shadow:0 8px 24px rgba(0,0,0,.08)}
@media (max-width:560px){.uyg-ekranlar{grid-template-columns:repeat(3,1fr); gap:.5rem} .uyg-ekranlar img{border-radius:10px}}
.uyg-eylem{display:flex; flex-wrap:wrap; gap:.6rem; margin:.4rem 0 .6rem}
.uyg-not{font-size:.88rem; color:var(--ink-3); margin:.6rem 0 0}

/* 25.09 — bims sayfaları: satır içi çizimler + hesaplayıcı */
ul.imli{list-style:none; padding-left:0}
.bims-cizim{margin:1.6rem 0 .4rem}
.bims-cizim figcaption{font-size:.84rem; color:var(--ink-3); margin-top:.55rem; line-height:1.55}
.bims-svg{display:block; width:100%; height:auto; max-width:620px; margin:0 auto}
.bims-svg .yz-on{fill:var(--surface-2); stroke:var(--line-guclu); stroke-width:1.5}
.bims-svg .yz-ust{fill:var(--surface); stroke:var(--line-guclu); stroke-width:1.5}
.bims-svg .yz-yan{fill:var(--line); stroke:var(--line-guclu); stroke-width:1.5}
.bims-svg .delik{fill:var(--dark-2); opacity:.55}
.bims-svg .doku circle{fill:var(--line-guclu); opacity:.45}
.bims-svg .olcu line,.bims-svg .ok{stroke:var(--ink-3); stroke-width:1.2}
.bims-svg .etk{font-family:var(--ff-num); font-size:15px; fill:var(--ink-2)}
.bims-svg .etk--kucuk{font-size:13px; fill:var(--ink-3)}
.bims-svg .etk--vurgu{fill:var(--brand-ink); font-weight:600}
.bims-svg .derz{fill:var(--line-guclu); opacity:.35}
.bims-svg .blk{fill:var(--surface-2); stroke:var(--line-guclu); stroke-width:1}
.bims-svg .blk--vurgu{fill:var(--brand); stroke:var(--brand-dark); opacity:.9}
.calcgrid > label small{font-weight:400; color:var(--ink-3)}
.bm-alanet{display:inline-flex; flex-direction:column; gap:.2rem; margin:0 .4rem .3rem 0; vertical-align:top}
.bm-alanet small{font-size:.74rem; color:var(--ink-3)}
.bm-alanet input{width:6.2rem}

/* 25.09 — üst menüde açılır başlık (Yapı Malzemeleri) + ana sayfa 4 kart + bims afiş galerisi */
.masthead .logo{flex-shrink:0}  /* 25.09: menü uzayınca logo sıkışıp bozuluyordu */
.navdd{position:relative}
.navdd__btn{font-family:var(--ff-head); font-size:.88rem; font-weight:600; letter-spacing:.09em;
  text-transform:uppercase; color:var(--ink); padding:.6rem .85rem; background:none; border:0;
  border-bottom:3px solid transparent; white-space:nowrap; cursor:pointer}
.navdd__btn::after{content:"\25BE"; margin-left:.35em; font-size:.8em}
.navdd:hover .navdd__btn,.navdd:focus-within .navdd__btn{color:var(--brand-ink)}
.navdd__menu{display:none; position:absolute; top:100%; left:0; z-index:60; min-width:220px;
  background:var(--page); border:1px solid var(--line); border-top:3px solid var(--brand);
  box-shadow:var(--shadow-lg); padding:.3rem 0}
.navdd:hover .navdd__menu,.navdd:focus-within .navdd__menu{display:block}
.mainnav .navdd__menu a{display:block; border-bottom:0; padding:.7rem 1rem}
/* 1321+ masa: dokuz öğe + iki düğme sığsın diye menü sıkı */
@media (min-width:1321px){
  .mainnav a,.navdd__btn{padding:.6rem .45rem; letter-spacing:.04em; font-size:.78rem}
  .mainnav{gap:0}
}
/* 901-1320: eskiden de taşıyordu (logo + 8 öğe + 2 düğme sığmıyor) → burger menü */
@media (max-width:1320px) and (min-width:901px){
  .mainnav{position:fixed; inset:120px 0 auto 0; background:var(--page); flex-direction:column;
    align-items:stretch; gap:0; border-bottom:1px solid var(--line); box-shadow:var(--shadow-lg);
    padding:.5rem 0; display:none; max-height:calc(100vh - 120px); overflow:auto}
  .mainnav.is-open{display:flex}
  .mainnav a{padding:.95rem var(--pad); border-bottom:1px solid var(--line); border-left:3px solid transparent}
  .burger{display:block; margin-left:auto}
  .navdd__btn{display:block; width:100%; text-align:left; padding:.95rem var(--pad);
    border-bottom:1px solid var(--line); border-left:3px solid transparent; cursor:default}
  .navdd__btn::after{content:none}
  .navdd__menu{display:block; position:static; min-width:0; border:0; box-shadow:none; padding:0}
  .mainnav .navdd__menu a{padding:.85rem var(--pad) .85rem calc(var(--pad) + 1.2rem)}
}
@media (max-width:900px){
  .navdd__btn{display:block; width:100%; text-align:left; padding:.95rem var(--pad);
    border-bottom:1px solid var(--line); border-left:3px solid transparent; cursor:default}
  .navdd__btn::after{content:none}
  .navdd__menu{display:block; position:static; min-width:0; border:0; box-shadow:none; padding:0}
  .mainnav .navdd__menu a{padding:.85rem var(--pad) .85rem calc(var(--pad) + 1.2rem);
    border-bottom:1px solid var(--line)}
}
.prodgrid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1280px){ .prodgrid--4{grid-template-columns:repeat(2,1fr)} }
@media (max-width:1080px){ .prodgrid--4{grid-template-columns:minmax(0,1fr)} }
.bims-galeri{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin-top:1.6rem}
.bims-galeri img{width:100%; height:auto; display:block; box-shadow:var(--shadow-lg)}
.bims-galeri__cta{display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.6rem}
@media (max-width:900px){ .bims-galeri{grid-template-columns:minmax(0,1fr)} }

/* ==================== 29.09 — SOL KURUMSAL SÜTUN + ÜST ÜRÜN ŞERİDİ (Sinan Bey) ==================== */
/* Kurumsal bağlantılar (Ana Sayfa · Kurumsal · Depolar · Hesaplama · İletişim) SOLDA sabit dikey sütunda;
   ürün grupları (İnşaat Demiri · Kereste · Plywood · Yapı Malzemeleri) ÜST şeritte yan yana.
   ≤1100 px: sütun yok — burger menüsü önce ürünleri, sonra kurumsal bağlantıları listeler (aynı DOM). */
:root{--sn:236px}
.urunnav{display:flex; align-items:center; gap:.2rem}
.sidenav .logo{display:none}
.sidenav__alt{font-size:.85rem; line-height:1.8}
.sidenav__alt a{text-transform:none; letter-spacing:0; font-family:var(--ff-body); font-weight:500; padding:0; border:0; display:inline; white-space:normal}
@media (min-width:1101px){
  body{padding-left:var(--sn)}
  .burger{display:none}
  .logo--mobil{display:none}
  .mainnav{position:static; display:flex; flex-direction:row; align-items:center; gap:0; margin-left:0;
    background:transparent; border:0; box-shadow:none; padding:0; max-height:none; overflow:visible}
  .urunnav a{font-family:var(--ff-head); font-size:.9rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:var(--ink); padding:.7rem 1.05rem; border-bottom:3px solid transparent; border-left:0; white-space:nowrap}
  .urunnav a:hover{color:var(--brand-ink)}
  .urunnav .navdd__btn{display:inline-block; width:auto; text-align:left; font-size:.9rem; font-weight:700; letter-spacing:.08em;
    padding:.7rem 1.05rem; border:0; border-bottom:3px solid transparent; cursor:pointer}
  .urunnav .navdd__btn::after{content:"\25BE"; margin-left:.35em; font-size:.8em}
  .urunnav .navdd__menu{display:none; position:absolute; top:100%; left:0; min-width:220px; background:var(--page);
    border:1px solid var(--line); border-top:3px solid var(--brand); box-shadow:var(--shadow-lg); padding:.3rem 0}
  .urunnav .navdd:hover .navdd__menu,.urunnav .navdd:focus-within .navdd__menu{display:block}
  .urunnav .navdd__menu a{display:block; padding:.7rem 1rem; border:0; font-weight:600; font-size:.8rem; letter-spacing:.06em}
  .mast-cta{display:inline-flex; margin-left:auto}
  .mast-odeme{margin-left:.4rem}
  .sidenav{display:flex; flex-direction:column; gap:1.4rem; position:fixed; top:0; left:0; bottom:0; width:var(--sn); z-index:90;
    background:var(--dark); color:var(--on-dark-2); padding:1.5rem 1rem; overflow:auto;
    border-right:1px solid rgba(255,255,255,.08)}
  .sidenav .logo{display:block; padding:0 .7rem; border:0}
  .sidenav .logo img{height:44px; width:auto; filter:brightness(0) invert(1)}
  .kurumnav{display:flex; flex-direction:column}
  .kurumnav a{font-family:var(--ff-head); font-size:.8rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase;
    color:var(--on-dark-2); padding:.85rem .7rem; border-left:3px solid transparent; border-bottom:1px solid rgba(255,255,255,.07)}
  .kurumnav a:hover{color:#fff; border-left-color:var(--brand); background:rgba(255,255,255,.04)}
  .sidenav__alt{margin-top:auto; color:var(--on-dark-2); padding:0 .7rem}
  .sidenav__alt a{color:var(--on-dark-2)}
  .sidenav__alt a:hover{color:#fff}
}
@media (max-width:1100px){
  .burger{display:block; margin-left:auto}
  .mast-cta{display:none}
  .mainnav{position:fixed; inset:120px 0 auto 0; background:var(--page); flex-direction:column; align-items:stretch; gap:0;
    border-bottom:1px solid var(--line); box-shadow:var(--shadow-lg); padding:.5rem 0; display:none;
    max-height:calc(100vh - 120px); overflow:auto}
  .mainnav.is-open{display:flex}
  .urunnav{flex-direction:column; align-items:stretch; gap:0}
  .mainnav a{padding:.95rem var(--pad); border-bottom:1px solid var(--line); border-left:3px solid transparent}
  .navdd__btn{display:block; width:100%; text-align:left; padding:.95rem var(--pad); border-bottom:1px solid var(--line);
    border-left:3px solid transparent; cursor:default}
  .navdd__btn::after{content:none}
  .navdd__menu{display:block; position:static; min-width:0; border:0; box-shadow:none; padding:0}
  .mainnav .navdd__menu a{padding:.85rem var(--pad) .85rem calc(var(--pad) + 1.2rem)}
  .sidenav{display:block; border-top:3px solid var(--brand); margin-top:.4rem}
  .kurumnav{display:flex; flex-direction:column}
  .kurumnav a{font-family:var(--ff-head); font-size:.88rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:var(--ink)}
  .sidenav__alt{padding:.9rem var(--pad)}
  .sidenav__alt a{padding:0; border:0}
}
@media print{ .sidenav{display:none !important} body{padding-left:0} }

/* 02.10 — üst menüye "Endüstriyel Ahşap" eklendi; 1101–1440 px arasında öğeler sıkılaştırılır (1280'de taşıyordu) */
@media (min-width:1101px) and (max-width:1440px){
  .urunnav a,.urunnav .navdd__btn{padding:.7rem .6rem; letter-spacing:.04em; font-size:.84rem}
}
@media (min-width:1101px) and (max-width:1240px){
  .urunnav a,.urunnav .navdd__btn{padding:.7rem .4rem; letter-spacing:.02em; font-size:.78rem}
  .mast-cta .btn{padding-left:.7rem; padding-right:.7rem}
}
/* 02.10 — ahşap ambalaj hesaplayıcısı: ölçü toleransları kutusu */
.aa-tol{margin:1rem 0; border:1px solid var(--line); border-left:3px solid var(--brand); padding:.8rem 1rem; background:var(--surface, transparent)}
.aa-tol h4{margin:0 0 .4rem; font-size:.95rem}
.aa-tol table{min-width:0; width:100%; font-size:.88rem}
.aa-tol p{margin:.5rem 0 0; font-size:.85rem}