/* tokens.css · Mühendislik Plastikleri · Yön 2 v2 · tokenlar.py üretir, elle düzenlenmez */
:root {
  --murdum-50: #FEF3F9;
  --murdum-100: #FBE6F1;
  --murdum-200: #F7CFE5;
  --murdum-300: #ECACD1;
  --murdum-400: #D883B7;
  --murdum-500: #BC589A;
  --murdum-600: #9C377E;
  --murdum-700: #76225F;
  --murdum-800: #5A1749;
  --murdum-900: #3F0F33;
  --murdum-950: #290821;
  --naturel-0: #FFFFFF;
  --naturel-25: #FAF7F6;
  --naturel-50: #F3EEEC;
  --naturel-100: #ECE6E4;
  --naturel-200: #E0DAD9;
  --naturel-300: #CEC7C6;
  --naturel-400: #A0999A;
  --naturel-500: #6D6768;
  --naturel-600: #5A5355;
  --naturel-700: #484244;
  --naturel-800: #353032;
  --naturel-900: #252022;
  --naturel-950: #171415;
  --naturel-1000: #0F0C0E;
  --durum-basari: #28763F;
  --durum-basari-zemin: #E7F8EA;
  --durum-basari-koyu: #82CB92;
  --durum-uyari: #8E5A14;
  --durum-uyari-zemin: #FFF2DD;
  --durum-uyari-koyu: #EFBA64;
  --durum-hata: #AF302B;
  --durum-hata-zemin: #FFEEEC;
  --durum-hata-koyu: #FA8880;
  --stok-naturel: #ECE6D6;
  --stok-beyaz: #F8F8F6;
  --stok-siyah: #1D1D1F;
  --stok-acik-gri: #C8CACB;
  --stok-koyu-gri: #55585B;
  --stok-yesil: #2E7D4F;
  --stok-mavi: #2F5DA8;
  --stok-sari: #E3BE1F;
  --stok-kirmizi: #B53A2E;
  --stok-kahverengi: #7E5F43;
  --stok-bronz: #8A6A3E;
  --stok-epoksi-yesil: #5F7D3B;
  --stok-seffaf: transparent;
  --logo: #76225F;
  --zemin: #F3EEEC;
  --yuzey: #FFFFFF;
  --yuzey-2: #ECE6E4;
  --cizgi: #E0DAD9;
  --cizgi-guclu: #CEC7C6;
  --metin: #171415;
  --metin-2: #5A5355;
  --metin-3: #6D6768;
  --eylem: #76225F;
  --eylem-uzeri: #FFFFFF;
  --kenar-kontrol: #857E7F;
  --marka: #76225F;
  --marka-hover: #5A1749;
  --marka-zemin: #ECE6E4;
  --marka-cizgi: #F7CFE5;
  --marka-uzeri: #FFFFFF;
  --odak: #BC589A;
  --ters-zemin: #171415;
  --ters-metin: #F3EEEC;
  --basari: #28763F;
  --basari-zemin: #E7F8EA;
  --uyari: #8E5A14;
  --uyari-zemin: #FFF2DD;
  --hata: #AF302B;
  --hata-zemin: #FFEEEC;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --zemin: #0F0C0E;
    --yuzey: #171415;
    --yuzey-2: #252022;
    --cizgi: #353032;
    --cizgi-guclu: #484244;
    --metin: #F3EEEC;
    --metin-2: #CEC7C6;
    --metin-3: #A0999A;
    --eylem: #9C377E;
    --eylem-uzeri: #FFFFFF;
    --kenar-kontrol: #767071;
    --logo: #FFFFFF;
    --marka: #ECACD1;
    --marka-hover: #F7CFE5;
    --marka-zemin: #252022;
    --marka-cizgi: #5A1749;
    --marka-uzeri: #0F0C0E;
    --odak: #D883B7;
    --ters-zemin: #F3EEEC;
    --ters-metin: #171415;
    --basari: #82CB92;
    --basari-zemin: #172C1C;
    --uyari: #EFBA64;
    --uyari-zemin: #342611;
    --hata: #FA8880;
    --hata-zemin: #3B1C1A;
  }
}
:root[data-tema="koyu"] {
  --zemin: #0F0C0E;
  --yuzey: #171415;
  --yuzey-2: #252022;
  --cizgi: #353032;
  --cizgi-guclu: #484244;
  --metin: #F3EEEC;
  --metin-2: #CEC7C6;
  --metin-3: #A0999A;
  --eylem: #9C377E;
  --eylem-uzeri: #FFFFFF;
  --kenar-kontrol: #767071;
  --logo: #FFFFFF;
  --marka: #ECACD1;
  --marka-hover: #F7CFE5;
  --marka-zemin: #252022;
  --marka-cizgi: #5A1749;
  --marka-uzeri: #0F0C0E;
  --odak: #D883B7;
  --ters-zemin: #F3EEEC;
  --ters-metin: #171415;
  --basari: #82CB92;
  --basari-zemin: #172C1C;
  --uyari: #EFBA64;
  --uyari-zemin: #342611;
  --hata: #FA8880;
  --hata-zemin: #3B1C1A;
}
@font-face{font-family:"Xmind";src:url("/assets/fonts/xmind.e5c66af6.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+011E-011F,U+0130-0131,U+015E-015F,U+00D7,U+03A9,U+03C0-03C1,U+2013-2014,U+2018-201D,U+2026,U+00B5,U+2070-209F,U+2212,U+2264-2265,U+2122,U+00AE,U+2022,U+203A,U+2248,U+00B7}@font-face{font-family:"Xmind Yedek";src:local("Arial"),local("ArialMT"),local("Arimo"),local("Liberation Sans");size-adjust:97.19%;ascent-override:103.14%;descent-override:30.65%;line-gap-override:0%}/* site.css · Mühendislik Plastikleri · web tasarım sistemi (Raf + ölçü ekseni)
   Renk token'ları: marka/tokens.css (build başa ekler). Bu dosya renk tanımlamaz; @font-face build ekler.
   Kaynak: 04-design/web/assets/site.css (onaylı); build eklentileri dosyanın sonunda, "BUILD EKLERİ" başlığı altında. */

:root{
  /* yazı ailesi (Cem, 2026-11-03): tek aile Xmind (OFL, değişken wght 100–900). Rakamlar orantılı (tnum/lnum yok). → ← ↑ ↓ ⌘ ₺ fontta yok → unicode-range dışında, yedek yığın çizer */
  --f:"Xmind","Xmind Yedek",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* tip ölçeği (390 → 1440) */
  --t-h1:clamp(2.5rem,1rem + 4.2vw,4.75rem);
  --t-ad:clamp(3.25rem,1.2rem + 7.6vw,8.25rem);
  --t-h2:clamp(1.625rem,1.1rem + 1.4vw,2.5rem);
  --t-olcu:clamp(3rem,2.2rem + 2vw,4rem);
  --t-tanim:clamp(1.1875rem,.95rem + .7vw,1.625rem);
  --t-govde:clamp(1rem,.96rem + .15vw,1.0625rem);
  --t-kucuk:.875rem; --t-etk:.75rem;
  /* boşluk ölçeği (4 px taban) */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  /* ızgara */
  --kenar:64px;--oluk:24px;--icerik:1312px;
  --r-s:12px;--r-m:20px;--r-l:30px;--r-pill:999px;--r-nav:22px;   /* Cem revize 1: tek yarıçap ölçeği · s küçük kontrol · m kart/hücre · l bölüm yüzeyi, görsel · pill segment, etiket */
  --r-rozet:var(--r-pill);--r-kontrol:var(--r-s);--r-kart:var(--r-m);--r-buyuk:var(--r-l);   /* eski adlar ölçeğe bağlı */
  --yz-p:clamp(20px,.6rem + 2.6vw,56px);--yz-ara:var(--s5);   /* yüzey iç boşluğu · yüzeyler arası boşluk */
  --ic-ton:color-mix(in srgb,var(--metin) 5%,transparent);--zebra:color-mix(in srgb,var(--metin) 4%,var(--yuzey));
  --egri:cubic-bezier(.22,1,.36,1);
  /* hareket (04-design/web/MOTION.md §2) */
  --t-mikro:120ms;--t-kisa:180ms;--t-orta:240ms;--t-sahne:320ms;--t-ciz:420ms;
  --e-giris:var(--egri);--e-hareket:cubic-bezier(.65,0,.35,1);--e-cikis:cubic-bezier(.32,0,.67,0);
  --t-buton-a:600ms;--t-buton-b:300ms;--t-basma:90ms;--e-buton:cubic-bezier(.25,1,.5,1);
}
:root[data-tema="acik"]{--metin-3:#625C5D}   /* a11y O3: marka #6D6768 açık yüzeyde 4,48:1 → 5,3:1 (ECE6E4); marka/tokens.css kimlikten kopya, burada ezilir */
@media (max-width:1279px){:root{--kenar:40px}}
@media (max-width:1023px){:root{--kenar:32px}}
@media (max-width:760px){:root{--kenar:16px;--oluk:16px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}   /* menü açılınca (overflow kilidi) klasik kaydırma çubuğunun yeri korunur: başlık zıplamaz (motion Y1) */
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--f);font-weight:400;font-size:var(--t-govde);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,p,figure,dl,dd{margin:0}
button,input,select{font:inherit;color:inherit}
.mono{font-family:var(--f);font-feature-settings:"case"}
.isr{font-family:var(--f);font-feature-settings:"case";font-weight:560;letter-spacing:.02em;white-space:nowrap}
.isr::before{content:">";content:">"/""}.isr::after{content:"<";content:"<"/""}.isr:empty::before,.isr:empty::after{content:none}   /* ISO işareti görünür, okunmaz (a11y D3); alt metin desteklemeyen tarayıcı işareti okur */
.etk{font-family:var(--f);font-feature-settings:"case";font-weight:520;font-size:var(--t-etk);letter-spacing:.05em;line-height:1.35;color:var(--metin-2);text-transform:uppercase}
picture{display:contents}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--odak);outline-offset:3px}
:where(a,summary,label,[tabindex]):focus-visible{border-radius:6px}   /* odak halkası köşeli değil; kendi yarıçapı olan öğe kendi yarıçapını korur */
.wrap{max-width:calc(var(--icerik) + 2*var(--kenar));margin:0 auto;padding:0 var(--kenar)}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk)}
@media (max-width:760px){.izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- düğme, bağlantı */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-kontrol);background:var(--eylem);color:var(--eylem-uzeri);font-weight:550;font-size:16px;text-decoration:none;border:0;white-space:nowrap;cursor:pointer;transition:background-color var(--t-mikro)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--marka-hover)}}
.btn.k{min-height:44px;padding:0 18px;font-size:15px}
.btn.cizgi{background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1.5px var(--metin)}
@media (hover:hover) and (pointer:fine){.btn.cizgi:hover{background:var(--yuzey-2)}}
.bag{font-weight:550;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;position:relative}
.bag::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--t-kisa) var(--e-giris);pointer-events:none}
@media (hover:hover) and (pointer:fine){.bag:hover::after{transform:scaleX(1)}}
.bag:focus-visible::after{transform:scaleX(1);transition:none}
.bag svg{width:20px;height:20px}
svg.i{flex:none}

/* ---------- stok noktası, durum etiketi, renk çipi */
.delik{display:inline-block;width:11px;height:10px;border-radius:3.5px;background:var(--basari);flex:none}
.delik.yok{background:transparent;box-shadow:inset 0 0 0 1.6px var(--kenar-kontrol)}
.stok-n{display:inline-flex;gap:8px;align-items:center;color:var(--basari);font-weight:560}
.durum{font-family:var(--f);font-feature-settings:"case";font-size:12px;letter-spacing:.03em;padding:3px 7px;border-radius:var(--r-rozet);white-space:nowrap}
.durum.t{background:var(--yuzey-2);color:var(--metin)}
.durum.b{background:var(--uyari-zemin);color:var(--uyari)}
.durum.n{background:var(--metin);color:var(--zemin)}
.cip{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:540;min-height:40px;padding:0 12px 0 8px;border-radius:var(--r-pill);border:1px solid var(--kenar-kontrol);cursor:pointer;background:var(--yuzey)}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--cizgi-guclu)}
.cip:has(input:checked){border-color:var(--metin);box-shadow:inset 0 0 0 1px var(--metin)}
.cip:has(input:focus-visible){outline:2px solid var(--odak);outline-offset:2px}

/* ---------- üst çubuk + mega menü */
/* Cem revize 1 · madde 8: başlık alt çizgisi yok; menü yüzen hap çerçeve (aşağıda "NAVİGASYON · hap") */
.ust-w{position:sticky;top:0;z-index:40;padding-top:12px}
.ust{display:flex;align-items:center;gap:28px;height:56px;padding:0 6px 0 20px;border-radius:var(--r-nav);background:var(--zemin)}
.ust .logo{height:36px;width:auto;display:block;color:var(--logo)}
.ust nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.ust nav>ul>li>a,.ust nav>ul>li>button{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-weight:500;font-size:15px;text-decoration:none;background:none;border:0;cursor:pointer;border-radius:var(--r-pill);transition:background-color var(--t-mikro)}
.ust nav>ul>li>button[aria-expanded="true"]{background:var(--yuzey-2)}
.ust .ara{margin-left:auto;display:flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 14px;border:1px solid var(--kenar-kontrol);border-radius:var(--r-pill);background:var(--yuzey);width:auto;min-width:260px;color:var(--metin-2);font-size:15px;white-space:nowrap;cursor:text}
.ust .ara kbd{margin-left:auto;font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-2);border:1px solid var(--cizgi-guclu);border-radius:var(--r-pill);padding:1px 8px}
.ust .ikon-b{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:var(--r-pill);border:0;background:transparent;cursor:pointer}
.ust .mob{display:none}
/* mega menü: aşağıdaki "MEGA MENÜ · cam panel" bölümünde */
@media (max-width:1279px){.ust .ara{width:44px;min-width:0;padding:0;justify-content:center}.ust .ara span,.ust .ara kbd{display:none}.ust{gap:20px}}   /* Blog ana öğe (beş öğe): arama 1279'a kadar ikon (önce 1180) */
@media (min-width:1280px) and (max-width:1399px){.ust{gap:20px}.ust .ara{min-width:0}.ust .ara kbd{display:none}.ust nav>ul>li>button{padding:0 12px}}
@media (min-width:901px) and (max-width:1100px){.ust{gap:12px}.ust nav>ul{gap:0}.ust nav>ul>li>button{padding:0 11px}}   /* Blog ana öğe: beş öğe 901–1280 px'te sığar (ölçüldü) */
@media (min-width:901px) and (max-width:980px){.ust{gap:8px;padding-left:16px}.ust nav>ul>li>button{padding:0 8px}}
@media (max-width:900px){.ust nav,.ust .ara,.ust .tema,.ust .btn{display:none}.ust .mob{display:inline-grid}.ust .mob.ilk{margin-left:auto}.ust{height:50px;gap:0;padding:0 3px 0 16px;border-radius:var(--r-m)}}

/* ---------- mobil sabit çubuk */
.mbar{display:none}
@media (max-width:900px){.mbar{display:flex;position:sticky;bottom:8px;z-index:15;margin:0 8px;padding:8px;border-radius:var(--r-l);background:var(--zemin);box-shadow:0 1px 2px rgb(15 12 14 / .08),0 12px 32px -12px rgb(15 12 14 / .35)}.mbar .btn{width:100%;min-height:52px}}   /* 761–900'de de kalıcı teklif (UI Y5) */

/* ---------- kap (numune) */
svg.kap{display:block;width:100%;height:auto}
.kap-alti{font-family:var(--f);font-feature-settings:"case";font-size:12.5px;color:var(--metin-2);margin-top:8px}

/* ---------- ÖLÇÜ EKSENİ (ana sayfa dizini + seri kesiti)
   Satır: mini istif · ad (+ ISO alt satır) · eksen · aralık. Malzeme adı asla kesilmez (ellipsis yasak). */
.eksen{--x:.7;--mini:40px;--ad:220px;--ar:132px;position:relative}
.lejant{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font-size:var(--t-kucuk);color:var(--metin-2);padding:12px 0}
.lejant .lj{display:inline-flex;align-items:center;gap:8px;font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin)}
.lj-lv{width:22px;height:6px;background:var(--metin);border-radius:3px}
.lj-cb{width:22px;height:6px;box-shadow:inset 0 0 0 1.25px var(--metin);border-radius:3px}
.lj-cz{width:2px;height:16px;background:var(--metin)}
.lejant .lj-m{flex:1 1 320px}
.eksen .olcek-bar,.eksen .satir,.eksen .aile{display:grid;grid-template-columns:var(--mini) var(--ad) minmax(0,1fr) var(--ar);column-gap:16px;align-items:center}
.eksen .olcek-bar{padding:10px 0 8px;border-radius:var(--r-s);font-family:var(--f);font-feature-settings:"case";font-size:12px;letter-spacing:.03em;color:var(--metin-2);background:var(--zemin);z-index:4}
.eksen .ar{text-align:right;white-space:nowrap}
.eksen .olcek{position:relative;height:18px}
.eksen .olcek span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.eksen .olcek span.k{color:var(--metin);font-weight:600}
.eksen .olcek span.s{color:var(--metin);transform:translateX(-100%)}
.eksen .olcek span:first-child{transform:none}
.eksen .aile{padding:18px 0 6px;font-family:var(--f);font-feature-settings:"case";font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--metin-2)}
.eksen .aile.ayrac{padding:8px 0 0}
.eksen .aile .eks{margin:-18px 0 -6px}
.eksen .aile .a-ad{white-space:nowrap;position:relative;z-index:1;justify-self:start;background:var(--zemin);padding-right:8px}
.eksen .aile.ayrac .eks{margin:-8px 0 0}
.eksen .eks{position:relative;align-self:stretch;overflow:clip}
.eksen .satir{min-height:52px;text-decoration:none;border-radius:var(--r-s);background:var(--zemin);transition:background-color var(--t-mikro)}
.eksen .satir:focus-visible,.eksen .satir.secili{background:var(--yuzey)}
@media (hover:hover) and (pointer:fine){.eksen .satir:hover{background:var(--yuzey)}}
.eksen .satir .mini svg{width:36px;height:32px;display:block}
.eksen .satir .ad{display:flex;flex-direction:column;gap:1px;background:inherit;padding:6px 0}
.eksen .satir .ad b{font-weight:560;font-size:16.5px;line-height:1.2}
.eksen .satir .ad small{font-size:12px;color:var(--metin-2);line-height:1.2}
.eksen .satir .ar{font-family:var(--f);font-feature-settings:"case";font-size:13.5px;color:var(--metin-2)}
.eksen .satir .im{display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:1px;background:transparent;border-radius:2px}
.eksen .satir.esle .ad b{font-weight:650}
.eksen .satir.esle .ar{color:var(--metin)}
.eksen .satir.esle .im{background:var(--metin)}
/* eksen hücresi: ızgara (background kısaltması: konum/boyut içerir) + çubuklar + ölçü çizgisi */
.eks{background:var(--izg)}
.eks i{position:absolute;left:calc(var(--a)*100%);width:calc((var(--b) - var(--a))*100%);height:6px;border-radius:3px}
/* bilgi taşıyan çubuklar: iki temada da ≥ 3:1 (naturel-500 #6D6768; açık zeminde 4,8:1, koyuda 3,5:1) · UI Y1 */
.eks i.lv{top:calc(50% - 7px);background:var(--naturel-500)}
.eks i.cb{top:calc(50% + 2px);box-shadow:inset 0 0 0 1.25px var(--naturel-500)}
.eksen[data-kip="levha"] .satir.esle .eks i.lv{background:var(--metin)}
.eksen[data-kip="cubuk"] .satir.esle .eks i.cb{box-shadow:inset 0 0 0 1.5px var(--metin);background:var(--yuzey-2)}
.eksen[data-kip="cubuk"] .eks i.lv{opacity:.55}
.eks .yok{position:absolute;inset:0;display:flex;align-items:center;font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-3);padding-left:8px}
.eksen .satir .eks::after,.eksen .aile .eks::after{content:"";position:absolute;top:0;bottom:-1px;left:-1px;width:100%;border-left:2px solid var(--metin);transform:translateX(calc(var(--x)*100%));transition:transform var(--t-kisa) var(--e-giris);pointer-events:none}
.eksen .alt-not{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;font-size:13px;color:var(--metin-2);padding-top:14px}
.eksen .alt-not b{color:var(--metin);font-weight:600}
.eksen .satir.alt{min-height:44px}
.eksen .satir.alt .ad b{font-weight:500;font-size:14.5px;color:var(--metin-2)}

/* ölçü çubuğu (ana sayfada yapışkan) */
.olcu-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:16px 20px;border-radius:var(--r-l);background:var(--yuzey);z-index:5}   /* araç yüzeyi */
.olcu-bar .ob-g{display:flex;align-items:center;gap:14px}
.olcu-bar .giris{display:flex;align-items:baseline;gap:8px;padding:2px 14px;border-radius:var(--r-s);background:var(--zemin);box-shadow:inset 0 0 0 1px var(--kenar-kontrol)}
.olcu-bar input{width:3.4em;border:0;background:transparent;font-family:var(--f);font-feature-settings:"case";font-weight:560;font-size:40px;line-height:1.05;letter-spacing:-.02em;padding:0;outline:0}
.olcu-bar .birim{font-size:18px;color:var(--metin-2)}
.olcu-bar .pm,.olcu-g .pm{display:flex;gap:8px}
.olcu-bar .pm button,.olcu-g .pm button{width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--kenar-kontrol);background:var(--yuzey);cursor:pointer;font-size:20px;line-height:1}
.olcu-bar .seg{margin-top:0;min-width:340px}
.olcu-bar .ob-say{margin-left:auto;font-family:var(--f);font-feature-settings:"case";font-size:13px;color:var(--metin)}
.olcu-bar .hata-m{flex-basis:100%;margin:0}
@media (min-width:901px){
 .dizin .ozet-bar{position:sticky;top:0;height:56px;flex-wrap:nowrap}
 .dizin .olcek-bar{position:sticky;top:56px}
}
@media (max-width:900px){.dizin .olcek-bar{position:sticky;top:0}}

/* ölçü girişi */
.olcu-g{padding-top:4px}
.olcu-g .ust-s{display:flex;justify-content:space-between;align-items:baseline}
.olcu-g .giris{display:flex;align-items:flex-end;gap:12px;padding:8px 8px 8px 14px;border-radius:var(--r-s);background:var(--zemin);box-shadow:inset 0 0 0 1px var(--kenar-kontrol)}
.olcu-g input{width:100%;min-width:0;border:0;background:transparent;font-family:var(--f);font-feature-settings:"case";font-weight:560;font-size:var(--t-olcu);line-height:1;letter-spacing:-.02em;padding:0;outline:0}
.olcu-g .birim{font-size:22px;color:var(--metin-2);padding-bottom:6px}
.olcu-g .pm{display:flex;gap:8px;margin-left:auto}
.olcu-g .pm button{width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--kenar-kontrol);background:var(--yuzey);cursor:pointer;font-size:20px;line-height:1}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:var(--r-pill);margin-top:14px;background:color-mix(in srgb,var(--metin) 8%,transparent)}   /* segment: hap zemin + seçili hap */
.seg button{min-height:40px;border:0;border-radius:var(--r-pill);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:560;font-size:15px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--metin);color:var(--zemin)}
.seg button svg{width:20px;height:20px}
.cevap{font-size:17px;line-height:1.45;margin-top:16px}
.cevap b{font-weight:600}
.durust{font-size:13px;color:var(--metin-2);margin-top:8px;line-height:1.45}
.hata-m{font-size:14px;color:var(--hata);margin-top:8px}

/* ---------- footer */
footer.alt{padding:0 0 var(--s4);font-size:15px;margin-top:var(--yz-ara)}
footer.alt .ft-yz{background:var(--yuzey-2);border-radius:var(--r-l);padding:var(--s7) var(--yz-p) var(--s5)}
footer.alt .fg{display:grid;grid-template-columns:4fr 2fr 2fr 2fr;gap:40px}
footer.alt .imza{font-weight:600;font-size:17px;color:var(--metin)}
footer.alt p{color:var(--metin-2)}
footer.alt .imza+p{margin-top:14px}
footer.alt h3{font-family:var(--f);font-feature-settings:"case";font-size:12px;font-weight:520;letter-spacing:.05em;text-transform:uppercase;color:var(--metin-2);margin:0 0 12px}
footer.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer.alt ul a{text-decoration:none}
footer.alt ul a:hover{text-decoration:underline}
footer.alt .k a{display:inline-block;padding-block:4px}
footer.alt .k{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:var(--s7);font-size:13px;color:var(--metin-2)}
/* Zeze kredisi (kardeş .zz): yalnız logo, ipucu hover/odakta; renk footer zemininden (currentColor = --metin) */
footer.alt .zz{position:relative;display:block;flex:none;width:44px;color:var(--metin);border-radius:6px}
footer.alt .zz svg{display:block;width:100%;height:auto}
footer.alt .zz-tip{position:absolute;right:0;bottom:calc(100% + 10px);white-space:nowrap;background:var(--metin);color:var(--zemin);padding:8px 12px;border-radius:var(--r-s);font-size:13px;font-weight:540;line-height:1.3;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--t-kisa) var(--e-giris),transform var(--t-kisa) var(--e-giris)}
footer.alt .zz:hover .zz-tip,footer.alt .zz:focus-visible .zz-tip{opacity:1;transform:none}
footer.alt .ft-logo{display:block;color:var(--logo)}
footer.alt .ft-logo-a{display:inline-block;max-width:100%;margin-bottom:var(--s5)}
footer.alt .ft-logo{max-width:100%}
@media (max-width:1023px){footer.alt .fg{grid-template-columns:1fr 1fr 1fr}footer.alt .fg>div:first-child{grid-column:1/-1}}
@media (max-width:760px){footer.alt .fg{grid-template-columns:1fr 1fr;gap:28px 20px}footer.alt .k{flex-direction:column;align-items:flex-start}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* =================================================================== ANA SAYFA · RAF SAHNESİ
   ≥ 901: sahne 1312 birimlik tasarım tuvali; her konum --u (100cqw/1312) ile ölçeklenir (1024–1440 tek sahne).
   ≤ 900: iki sıralı raf (16 istif, 2 × 8), akışta. */
.rh-kutu{container-type:inline-size;padding-top:var(--s6)}
.rh-bleed{overflow:clip}
.raf-hero{--u:calc(100cqw/1312);position:relative;height:calc(var(--u)*810 + 48px)}
.rh-sahne{position:absolute;inset:0}
.raf-svg{display:block;width:100%;height:auto;overflow:visible}
.tahta-ust{fill:var(--yuzey);stroke:var(--cizgi-guclu);stroke-width:1}
.tahta-on{fill:var(--yuzey-2);stroke:var(--cizgi-guclu);stroke-width:1}
.ayak-on{fill:var(--yuzey-2);stroke:var(--cizgi-guclu);stroke-width:1}
.ayak-yan{fill:var(--cizgi);stroke:var(--cizgi-guclu);stroke-width:1}
.st .kal{transition:transform var(--t-orta) var(--e-hareket)}
.st.secili .kal{transform:translateY(-10px)}
.st.disi .kal polygon,.st.disi .kal line,.st.disi .kal path,.st.disi .kal ellipse{fill:var(--zemin)!important;fill-opacity:1!important;stroke:var(--naturel-500)!important;stroke-opacity:1!important}
.st.disi .kal .bant{stroke:none!important}
/* raf formu: ölçü paneli Levha kalınlığı ↔ Çubuk çapı (site.js .raf-hero[data-form]); geçiş motion katmanında */
.raf-hero[data-form=levha] .st [data-form=cubuk],.raf-hero[data-form=cubuk] .st [data-form=levha]{display:none}
.st-ad{display:none;font-family:var(--f);font-feature-settings:"case";font-size:12px;font-weight:520;fill:var(--metin)}
.st:not(.disi) .st-ad,.st.secili .st-ad,.st:hover .st-ad,.st:focus .st-ad{display:block}
.st.secili .st-ad{font-weight:650}
.st.disi .st-ad{fill:var(--metin-2)}
.st:focus-visible{outline:none}
.st:focus-visible .kal{outline:2px solid var(--odak)}
.rh-h1{position:absolute;left:0;top:calc(var(--u)*24);margin:0;font-size:calc(var(--u)*72);line-height:1.02;font-weight:650;letter-spacing:-.02em}
.rh-alt{position:absolute;left:0;top:calc(var(--u)*290);width:calc(var(--u)*470);font-size:max(16px,calc(var(--u)*19));line-height:1.5}
.rh-kap{position:absolute;left:0;top:calc(var(--u)*492);width:calc(var(--u)*250)}
.rh-alt-k{position:absolute;left:calc(var(--u)*292);top:calc(var(--u)*690 + 8px);width:calc(var(--u)*360)}
.rh-alt-k .k-ad{font-size:max(22px,calc(var(--u)*34));line-height:1;font-weight:650;letter-spacing:-.01em;margin-top:4px}
.rh-alt-k .k-tanim{font-size:14.5px;color:var(--metin-2);margin-top:6px;line-height:1.35}
.rh-alt-k .k-tanim .isr{color:var(--metin);font-size:12.5px}
.rh-alt-k .kap-alti{margin-top:2px}
.rh-alt-k .bag,.k-link{white-space:nowrap}
.rh-olcu{position:absolute;left:calc(var(--u)*760);top:calc(var(--u)*500);width:calc(var(--u)*552);padding:16px 20px 18px;border-radius:var(--r-l);background:var(--yuzey)}   /* araç yüzeyi */
.rh-olcu .ob-g{display:flex;align-items:center;gap:14px}
.rh-olcu .giris{display:flex;align-items:baseline;gap:8px;padding:2px 14px;border-radius:var(--r-s);background:var(--zemin);box-shadow:inset 0 0 0 1px var(--kenar-kontrol);flex:1;min-width:0}
.rh-olcu input{width:100%;min-width:0;border:0;background:transparent;font-family:var(--f);font-feature-settings:"case";font-weight:560;font-size:max(36px,calc(var(--u)*48));line-height:1.05;letter-spacing:-.02em;padding:0;outline:0}
.rh-olcu .birim{font-size:18px;color:var(--metin-2)}
.rh-olcu .pm{display:flex;gap:8px}
.rh-olcu .pm button{width:44px;height:44px;border-radius:var(--r-pill);border:1px solid var(--kenar-kontrol);background:var(--yuzey);cursor:pointer;font-size:20px;line-height:1}
.rh-olcu .seg{margin-top:12px}
.rh-olcu .cevap{font-size:max(17px,calc(var(--u)*22));line-height:1.32;margin-top:14px;letter-spacing:-.01em}
.rh-olcu .cevap b{font-weight:650}
.rh-olcu .hata-m{margin-top:6px}
.ozet-bar{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;min-height:56px;border-radius:var(--r-s);background:var(--zemin);z-index:5}
.ozet-bar b{font-size:17px;font-weight:560}
.ozet-bar .ob-say{font-family:var(--f);font-feature-settings:"case";font-size:13px;color:var(--metin-2)}
.ozet-bar .bag{margin-left:auto;font-size:15px}
.rh-sahne-m{display:none}
.dizin{margin-top:var(--yz-ara)}
.kesim{margin-top:var(--yz-ara)}
.kesim .izgara{background:var(--yuzey);border-radius:var(--r-l);padding:var(--yz-p)}   /* veri yüzeyi (çizim + kurallar) */
.ks-y{grid-column:1/6}
.ks-y h2{font-size:var(--t-h2);line-height:1.08;font-weight:600;letter-spacing:-.01em;margin-top:12px;max-width:12em}
.kesim-ciz{width:100%;max-width:560px;height:auto;display:block;margin-top:var(--s5)}
.ks-k{grid-column:7/13}
.ks-k{display:grid;gap:6px;align-content:start}
.ks-k>div{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:baseline;padding:14px 16px;border-radius:var(--r-m);background:var(--ic-ton)}
.ks-k dt{font-weight:600}
.ks-k dd{color:var(--metin-2)}
.ks-k dd.mono{color:var(--metin);font-size:14px}
.ks-k .sinir{grid-template-columns:1fr;background:none;padding:14px 16px 0}
.ks-k .sinir dt{font-size:24px}
@media (max-width:900px){
 .raf-hero{height:auto;display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:16px}
 .rh-sahne{display:none}
 .rh-h1,.rh-alt,.rh-kap,.rh-alt-k,.rh-olcu{position:static;width:auto}
 .rh-olcu{grid-column:1/-1;margin-top:var(--s5)}
 .rh-olcu input{font-size:36px}
 .rh-sahne-m .st-ad{font-size:13px}
 .rh-h1{grid-column:1/-1;font-size:var(--t-h1)}
 .rh-alt{grid-column:1/-1;margin-top:var(--s4);font-size:17px;max-width:34em}
 .rh-sahne-m{display:block;grid-column:1/-1;margin:var(--s5) auto 0;width:100%;max-width:620px}
 .rh-kap{grid-column:1;align-self:center;margin-top:var(--s4)}
 .rh-alt-k{grid-column:2;align-self:center;margin-top:var(--s4)}
 .rh-alt-k .k-ad{font-size:26px}
}

/* =================================================================== MALZEME SAYFASI */
.kirinti{font-size:14px;color:var(--metin-2);padding-top:var(--s5)}
.kirinti a{text-decoration:none}
.kirinti [aria-current]{color:var(--metin)}
.mz-ust{padding-top:var(--s4);align-items:start}
.mz-bas{grid-column:1/8;grid-row:1}
.mz-h h1{font-size:var(--t-ad);line-height:.92;font-weight:650;letter-spacing:-.02em;white-space:nowrap}
.kap-m-w{display:none}
.mz-bas .tanim{font-size:var(--t-tanim);font-weight:560;margin-top:var(--s4);letter-spacing:-.01em}
.isr-sat{display:flex;gap:12px 26px;align-items:center;flex-wrap:wrap;margin-top:var(--s5);padding:12px 20px;border-radius:var(--r-m);background:var(--yuzey);font-size:15px;color:var(--metin-2)}
.isr-sat .isr{font-size:20px;color:var(--metin)}
.mz-bas .bilinir{margin-top:var(--s5)}
.mz-bas .bilinir b{font-weight:600}
.mz-bas .ozet{margin-top:var(--s3);max-width:36em;color:var(--metin-2)}
.mz-bas .ozet a{color:var(--metin);font-weight:600}
.numune{grid-column:9/13;grid-row:1/3;position:sticky;top:24px;align-self:start}
.numune .kap-w{max-width:300px;margin:0 auto}
.numune .kap-alti{text-align:center}
.numune fieldset{border:0;padding:0;margin:var(--s4) 0 0;min-width:0}
.numune legend{padding:0;margin-bottom:8px}
.cipler{display:flex;flex-wrap:wrap;gap:6px}
.numune .olcu-g{margin-top:var(--s5)}
.numune .olcu-g input{font-size:clamp(2.5rem,1.8rem + 1.6vw,3.25rem)}
.sat-ek{display:grid;gap:6px;margin-top:var(--s4)}
.sat-ek[hidden]{display:none}
.sat-ek .seg{margin-top:0}
.sat-ek .seg button{font-family:var(--f);font-feature-settings:"case";font-size:12.5px;font-weight:500;white-space:nowrap}
input.alan{height:44px;border:1px solid var(--kenar-kontrol);border-radius:var(--r-kontrol);padding:0 12px;font-family:var(--f);font-feature-settings:"case";font-size:15px;width:100%;background:var(--yuzey)}
.agr{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:var(--s4);padding:14px 16px;border-radius:var(--r-m);background:var(--ic-ton)}
.agr .adet{display:grid;gap:6px;width:96px}
.agr .kg{text-align:right}
.agr .kg b{display:block;font-size:40px;line-height:1;font-weight:650;letter-spacing:-.01em}
.agr .kg small{display:block;font-size:12.5px;color:var(--metin-2);margin-top:6px;line-height:1.35}
.seg button[hidden]{display:none}
.numune>.btn{width:100%;margin-top:var(--s4)}
.mz-seri{grid-column:1/8;grid-row:2;margin-top:var(--s7)}
.seri-bas h2{font-size:var(--t-h2);line-height:1.08;font-weight:600;letter-spacing:-.01em;margin:10px 0 18px}
.eksen.dar{--ad:120px;--iso:96px;--ar:96px}
.mz-seri .eks{cursor:crosshair}
.bolum{margin-top:var(--yz-ara)}
.bolum>.izgara{background:var(--yuzey-2);border-radius:var(--r-l);padding:var(--yz-p)}   /* bilgi yüzeyi (Cem revize 1: çizgi yerine köşe yarıçaplı yüzey) */
.b-etk{grid-column:1/4;padding-top:6px}
.b-gov{grid-column:4/13}
.b-gov h2{font-size:var(--t-h2);line-height:1.08;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--s5)}
.fsat{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px 32px;padding:var(--s5);border-radius:var(--r-m);background:var(--yuzey);align-items:start}
.fsat+.fsat{margin-top:var(--s3)}
.fsat h3{grid-column:1/-1;font-size:22px;font-weight:560;letter-spacing:-.01em;display:flex;gap:12px;align-items:center}
.fsat h3 svg{width:32px;height:32px}
.fsat dl{display:grid;grid-template-columns:120px 1fr;gap:10px 18px;font-size:15px}
.fsat dt{color:var(--metin-2)}
.fsat dd.mono{font-size:14.5px}
.ebat-ciz{width:100%;height:auto}
/* tablo kartı (Cem revize 1 · madde 10): çizgi yok; başlık satırı yüzey tonu, satırlar zebra, ilk/son sütunda ≥ 20 px iç boşluk */
table.oz{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
table.oz th,table.oz td{text-align:left;padding:12px 14px;vertical-align:top;font-weight:400}
table.oz th:first-child,table.oz td:first-child{padding-left:20px}
table.oz th:last-child,table.oz td:last-child{padding-right:20px}
table.oz thead th{font-family:var(--f);font-feature-settings:"case";font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--metin-2);background:var(--yuzey-2)}
table.oz thead th:first-child{border-radius:calc(var(--r-m) - 6px) 0 0 calc(var(--r-m) - 6px)}
table.oz thead th:last-child{border-radius:0 calc(var(--r-m) - 6px) calc(var(--r-m) - 6px) 0}
table.oz tbody tr>:first-child{border-radius:var(--r-s) 0 0 var(--r-s)}
table.oz tbody tr>:last-child{border-radius:0 var(--r-s) var(--r-s) 0}
table.oz tbody tr:nth-child(even of :not(.grp))>*{background:var(--zebra)}
table.oz tr.grp th{font-weight:600;padding-top:20px;color:var(--metin)}
table.oz .d{font-family:var(--f);font-feature-settings:"case";font-size:14px;text-align:right;white-space:nowrap;padding-right:22px}
table.oz thead th.d{font-size:12px}
table.oz .y{font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-2)}
.kaynak{font-size:13px;color:var(--metin-3);margin-top:var(--s4);max-width:56em}

/* =================================================================== 768–1279 */
@media (max-width:1400px){.eksen .olcek span.m{display:none}}
@media (max-width:1279px){.eksen{--ad:190px;--ar:120px}}
@media (max-width:1023px){
 .eksen{--ad:170px;--ar:110px}
 .ks-y,.ks-k{grid-column:1/-1}
 .ks-k{margin-top:var(--s5)}
 .mz-bas,.mz-seri{grid-column:1/8}
 .numune{grid-column:8/13}
 .b-etk{grid-column:1/-1}.b-gov{grid-column:1/-1;margin-top:10px}
 .fsat{grid-template-columns:1fr}
 .ebat-ciz{max-width:340px}
 .olcu-bar .seg{min-width:0;flex:1 1 300px}
}
/* =================================================================== ≤ 760 · iki satırlı dizin */
@media (max-width:760px){
 .eksen .olcek-bar,.eksen .satir,.eksen .aile{grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px}
 .eksen .satir{grid-template-rows:auto 22px;min-height:0;padding:8px 0 6px}
 .eksen .satir .mini{grid-row:1}
 .eksen .satir .mini svg{width:30px;height:28px}
 .eksen .satir .ad{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:0}
 .eksen .satir .ad b{font-size:16px}
 .eksen .satir .ar{grid-column:3;grid-row:1;font-size:12.5px}
 .eksen .satir .eks{grid-column:1/-1;grid-row:2}
 .eksen .satir .eks::after{bottom:-7px;top:-6px}
 .eksen .olcek-bar{grid-template-columns:1fr}
 .eksen .olcek-bar>span:not(.olcek){display:none}
 .eksen .olcek-bar .olcek{grid-column:1}
 .eksen .aile{grid-template-columns:1fr;grid-template-rows:auto;padding:14px 0 4px}
 .eksen .aile>span:first-child,.eksen .aile>span:last-child{display:none}
 .eksen .aile .a-ad{grid-row:1;grid-column:1;position:relative;z-index:1;justify-self:start;background:var(--zemin);padding-right:8px}
 .eksen .aile .eks{grid-row:1;grid-column:1;margin:-14px 0 -4px}
 .eksen .aile.ayrac{padding:6px 0 0}
 .eksen .aile.ayrac .eks{margin:-6px 0 0;min-height:6px}
 .eksen .olcek span.m{display:none}
 .eksen .satir.alt .ad small{display:none}
 .eks .yok{font-size:12px;padding-left:4px}
 .lejant{font-size:13px}
 .olcu-bar{gap:12px}
 .olcu-bar .ob-g{width:100%}
 .olcu-bar .pm{margin-left:auto}
 .olcu-bar .seg{flex:1 1 100%}
 .olcu-bar .ob-say{display:none}
 .ks-k>div{grid-template-columns:72px 1fr auto;gap:10px}
 .mz-ust{display:flex;flex-direction:column}
 .mz-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .kap-m-w{display:block;width:108px;flex:none}
 .kap-m text{display:none}
 .numune{position:static;margin-top:var(--s6);order:1;min-width:0;max-width:100%}
 .numune .seg{grid-template-columns:repeat(2,minmax(0,1fr))}.numune .sat-ek{grid-template-columns:minmax(0,1fr)}   /* 320 px: içerik genişliği kabı taşırmaz (a11y O1) */
 .numune .kap-w,.numune .kap-alti{display:none}
 .numune>.btn{display:none}
 .mz-seri{order:2;margin-top:var(--s7)}
 .fsat dl{grid-template-columns:96px 1fr}
 table.oz thead{display:none}
 table.oz tr{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:10px 16px;border-radius:var(--r-s)}
 table.oz:not(.yan):not(.mf):not(.pa):not(.kl) tbody tr:nth-child(even of :not(.grp)){background:var(--zebra)}
 table.oz:not(.yan):not(.mf):not(.pa):not(.kl) tbody tr>*{background:none}
 table.oz th,table.oz td{padding:0}
 table.oz tr.grp{padding-top:20px}
 table.oz th:first-child,table.oz td:first-child,table.oz th:last-child,table.oz td:last-child{padding-left:0;padding-right:0}
 table.oz td.d{grid-column:2;grid-row:1;padding:0;font-size:13.5px}
 table.oz td.d+td.d{grid-row:2}
 table.oz td.d::before{font-size:12px;color:var(--metin-2)}
 table.oz tbody.cift td.d:nth-of-type(1)::before{content:"kuru "}
 table.oz tbody.cift td.d:nth-of-type(2)::before{content:"şartl. "}
 table.oz td:not(.d):not(.y){grid-column:1;margin-top:4px}
 table.oz td.y{grid-column:1/3;margin-top:4px;font-size:12px}
}

.eksen.dar{--ad:150px;--ar:104px}

@media (min-width:761px) and (max-width:900px){.raf-hero{grid-template-columns:160px minmax(0,1fr)}.rh-sahne-m{max-width:560px}}

/* =====================================================================================================
   BUILD EKLERİ · 05-build (aynı token, aynı ızgara, aynı bileşen dili; yeni renk, gölge, gradyan yok)
   ===================================================================================================== */
.atla{position:absolute;left:var(--kenar);top:-60px;z-index:60;background:var(--metin);color:var(--zemin);padding:10px 16px;border-radius:var(--r-kontrol);text-decoration:none;font-weight:600}
.atla:focus{top:12px}
.ust nav>ul>li>button[aria-current]{background:var(--ic-ton)}
.mnav{position:fixed;top:70px;left:16px;right:16px;z-index:30;max-height:calc(100dvh - 86px);overflow:auto;overscroll-behavior:contain;padding:8px 4px 16px}
.mnav summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;font-weight:560;font-size:20px;cursor:pointer;list-style:none}
.mnav summary::-webkit-details-marker{display:none}
.mnav ul{list-style:none;margin:0 0 12px;padding:0}
.mnav li a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:17px}
html.mnav-acik,html.mega-acik{overflow:hidden}   /* kilit html'de: body'de olunca body kaydırma kabı olur, yapışkan başlık sayfadan kopar ve hover menü aç-kapa döngüsüne girer (Cem revize 2) */
@media (min-width:901px){.mnav{display:none}}
/* ⌘K ad çözücü */
/* ARAMA PANELİ (Cem revize 1 · madde 9): üstte ortalı, --r-l köşe, aşağı doğru açılır (translateY −12 → 0 + opaklık, 180 ms); kâğıt %60 perde.
   Kapanış 100 ms (allow-discrete; desteklemeyen tarayıcıda anlık). reduced-motion: genel kural geçişleri kapatır → anlık. Lenis: motion.js dialog[open]'da durdurur. */
dialog.ac{width:min(720px,calc(100vw - 2*var(--kenar)));max-height:min(680px,calc(100dvh - 96px));margin:72px auto auto;padding:8px 8px 4px;border:0;border-radius:var(--r-l);background:var(--yuzey);color:var(--metin);
  box-shadow:0 2px 6px rgb(15 12 14 / .08),0 32px 72px -24px rgb(15 12 14 / .42);opacity:0;transform:translateY(-12px);
  transition:opacity 100ms var(--e-cikis),transform 100ms var(--e-cikis),overlay 100ms allow-discrete,display 100ms allow-discrete}
dialog.ac[open]{opacity:1;transform:none;transition:opacity var(--t-kisa) var(--e-giris),transform var(--t-kisa) var(--e-giris),overlay var(--t-kisa) allow-discrete,display var(--t-kisa) allow-discrete}
@starting-style{dialog.ac[open]{opacity:0;transform:translateY(-12px)}}
dialog.ac::backdrop{background:color-mix(in srgb,var(--zemin) 60%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity 100ms var(--e-cikis),overlay 100ms allow-discrete,display 100ms allow-discrete}
dialog.ac[open]::backdrop{opacity:1;transition:opacity var(--t-kisa) var(--e-giris),overlay var(--t-kisa) allow-discrete,display var(--t-kisa) allow-discrete}
@starting-style{dialog.ac[open]::backdrop{opacity:0}}
:root[data-tema="koyu"] dialog.ac{background:var(--yuzey-2);box-shadow:0 32px 72px -20px rgb(0 0 0 / .8)}
.ac-k{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 0 18px}
.ac-k .ikon-b{width:44px;height:44px;border:0;border-radius:var(--r-pill);background:none;font-size:26px;cursor:pointer;color:var(--metin)}
.ac-g{display:flex;align-items:center;gap:14px;margin:6px 0 0;padding:6px 18px;border-radius:var(--r-m);background:var(--zemin);box-shadow:inset 0 0 0 1px var(--kenar-kontrol)}
.ac-g input{flex:1;border:0;background:transparent;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:560;letter-spacing:-.01em;padding:10px 0;outline:0;min-width:0}
.ac-l{list-style:none;margin:8px 0 0;padding:0;overflow:auto;max-height:min(52vh,460px)}
.ac-l li{display:flex;align-items:center;gap:8px;border-radius:var(--r-m);transition:background-color var(--t-mikro)}
.ac-l li a:first-child{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;text-decoration:none;min-height:48px;border-radius:var(--r-m)}
.ac-l li[aria-selected="true"],.ac-l li:hover{background:var(--ic-ton)}
.ac-l b{font-weight:600;font-size:17px}
.ac-l small{flex-basis:100%;color:var(--metin-2);font-size:14px}
.ac-l .stok-n{font-size:13px}
.ac-l .ac-tur{font-family:var(--f);font-feature-settings:"case";font-size:12px;font-weight:560;letter-spacing:.04em;text-transform:uppercase;color:var(--metin-2);padding:2px 9px;border-radius:var(--r-pill);background:var(--ic-ton)}
.ac-l .ac-e{padding:0 14px;font-size:14px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--r-pill)}
.ac-d{padding:10px 18px 0;font-size:15px;color:var(--metin)}
.ac-d:empty{display:none}
.ac-not{padding:10px 18px 14px;font-size:13px;color:var(--metin-2)}
/* sayfa başı + gövde metni */
.sf-bas{padding-top:var(--s7);padding-bottom:var(--s7);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk);row-gap:var(--s4)}
.sf-bas>*{grid-column:1/9}
.sf-bas h1{font-size:var(--t-h1);line-height:1.02;font-weight:650;letter-spacing:-.02em}
.sf-bas .tanim{font-size:var(--t-tanim);line-height:1.4;color:var(--metin);max-width:46ch}
.sf-bas .hub-kap{grid-column:10/13;grid-row:1/4;align-self:end}
.sf-bas .sf-ara{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.sf-ara input.alan{max-width:360px;font-family:inherit}
svg.kap-hub{width:100%;max-width:260px;height:auto;display:block;margin-left:auto}
.b-gov>p+p,.b-gov>p+ul,.b-gov>ul+p{margin-top:var(--s4)}
.b-gov>p,.b-gov li{max-width:68ch}
.b-gov h2{margin-bottom:var(--s5)}
.liste{margin:var(--s4) 0 0;padding-left:1.1em}
.liste li+li{margin-top:6px}
.bag-l{list-style:none;margin:var(--s4) 0 0;padding:0;display:grid;gap:2px}
.kaynak-l{margin:var(--s3) 0 0;padding-left:1.1em;font-size:14px;color:var(--metin-2)}
.kaynak-l li+li{margin-top:4px}
details.kaynaklar{margin-top:var(--s4);font-size:14px}
details.kaynaklar summary,details.vn summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
details.sss{background:var(--yuzey);border-radius:var(--r-m);padding:0 20px}
details.sss+details.sss{margin-top:8px}
details.sss summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-weight:560;font-size:18px;padding:8px 0}
details.sss>p,details.sss>ul{padding-bottom:var(--s5)}
details.vn{background:var(--yuzey);border-radius:var(--r-m);padding:4px 20px}
details.vn+details.vn{margin-top:8px}
details.vn>details.kaynaklar{margin-bottom:var(--s5)}   /* açık kartın alt boşluğu içerikte: açılış animasyonunda zıplamaz */
.tw{overflow-x:auto;max-width:100%}
.tw:focus-visible{outline-offset:2px}
table.oz.yan .d,table.oz.mf td,table.oz.pa td{white-space:normal}
table.oz.yan .d small{color:var(--metin-2);font-size:12px}
table.oz.yan .durum{margin-left:4px}
table.oz.pa tr:target{background:var(--yuzey-2)}
table.oz.kl td{font-size:14px}
.renk-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.renk-l li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;border-radius:var(--r-m);background:var(--yuzey)}
.renk-l li>a{min-width:180px;font-weight:600;text-decoration:none}
.cip.k{cursor:default;min-height:32px;font-size:13px}
.dur-l>div{grid-template-columns:150px 1fr}
.kunye{display:grid;gap:10px;margin:0 0 var(--s4)}
.kunye>div{display:grid;grid-template-columns:120px 1fr;gap:16px;font-size:15px}
.kunye dt{color:var(--metin-2)}
/* teklif bandı */
.bant{margin-top:var(--yz-ara);margin-bottom:0}
/* vurgu yüzeyi: ters zemin (açık temada mürekkep, koyu temada kâğıt); içerideki token'lar yerelde döner, buton ve bağlantılar kendiliğinden uyar */
.bant-i{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s7) var(--yz-p);border-radius:var(--r-l);--metin:var(--ters-metin);--zemin:var(--ters-zemin);--metin-2:color-mix(in srgb,var(--ters-metin) 80%,var(--ters-zemin));--yuzey-2:color-mix(in srgb,var(--ters-metin) 16%,var(--ters-zemin));--odak:var(--ters-metin);background:var(--zemin);color:var(--metin)}
.bant h2{font-size:var(--t-h2);line-height:1.1;font-weight:600;letter-spacing:-.01em}
.bant p{margin-top:8px;color:var(--metin-2);font-size:15px}
.dizin>.olcu-bar{margin-top:var(--s6)}
.dizin .seri-bas{margin-top:var(--s8)}
.dizin .seri-bas h2{font-size:var(--t-h2);margin-top:8px}
.dizin .cevap{flex-basis:100%;margin-top:0}
/* karşılaştırma */
.kars{padding-top:var(--s7)}
.kars-sec{border:0;padding:0;margin:var(--s3) 0 0}
.kars-sec .cip input{position:static;opacity:1;pointer-events:auto;width:16px;height:16px;margin:0;accent-color:var(--metin)}
.kars-sec .cip:has(input:disabled){opacity:.45;cursor:not-allowed}
#kars-sonuc{margin-top:var(--s5)}
.kars-eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s5)}
/* hesaplayıcı */
.hesap{padding-top:var(--s7)}
.numune.tek{position:static;max-width:520px}
.h-alan{display:grid;gap:6px;margin-top:var(--s4)}
select.alan{height:44px;border:1px solid var(--kenar-kontrol);border-radius:var(--r-kontrol);padding:0 12px;font-size:16px;background:var(--yuzey);width:100%}
.h-olcu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:var(--s4)}
.h-olcu[data-hf="cubuk"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-olcu>div{display:grid;gap:6px}
.sat-ek.iki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sat-ek.iki>div{display:grid;gap:6px}
/* teklif formu */
.tf-w{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--oluk);padding-top:var(--s7)}
.tf{grid-column:1/8;display:grid;gap:var(--s5)}
.tf-yan{grid-column:9/13;align-self:start;position:sticky;top:96px;padding:var(--s5);border-radius:var(--r-l);background:var(--yuzey-2)}
.tf-kip{margin-top:0;max-width:360px}
.kalem,.kim{border:0;margin:0;padding:var(--s5);border-radius:var(--r-l);background:var(--yuzey);display:grid;gap:var(--s4);min-width:0}
.kalem legend,.kim legend{float:left;padding:0}   /* float: lejant yüzeyin içinde kalır */
.k-sat{display:grid;gap:6px}
.k-sat label,.k-olc label,.k-sat .lbl{font-weight:600;font-size:15px}
.k-sat small{font-weight:400;color:var(--metin-2)}
.k-sat .seg{margin-top:0}
.seg label{min-height:40px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:560;font-size:15px;cursor:pointer;position:relative}
.seg label input{position:absolute;opacity:0;pointer-events:none}
.seg label:has(input:checked){background:var(--metin);color:var(--zemin)}
.seg label:has(input:focus-visible){outline:2px solid var(--odak);outline-offset:-3px}
.seg label svg{width:20px;height:20px}
.k-olc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k-olc>div{display:grid;gap:6px}
.k-olc>div[hidden]{display:none}
.k-kg{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.k-kg b{font-family:var(--f);font-feature-settings:"case";font-size:18px}
.k-kg small{color:var(--metin-2);font-size:13px}
textarea.alan{min-height:112px;border:1px solid var(--kenar-kontrol);border-radius:var(--r-kontrol);padding:10px 12px;font:inherit;font-size:16px;background:var(--yuzey);width:100%;resize:vertical}
input.alan[type=file]{height:auto;padding:10px 12px;font-family:inherit;font-size:14px}
.tf input.alan,.tf textarea.alan{font-family:inherit;font-size:16px}
.tf input.alan[inputmode]{font-family:var(--f);font-feature-settings:"case"}
.alan[aria-invalid="true"]{border-color:var(--hata);box-shadow:inset 0 0 0 1px var(--hata)}
.kvkk label{display:flex;gap:12px;align-items:flex-start;font-size:15px;cursor:pointer}
.kvkk input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--metin)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tf>.btn{justify-self:start;min-width:260px}
.tf-hata{font-weight:600}
.ta-ref{margin-top:var(--s4);display:flex;gap:12px;align-items:baseline}
.ta-ref b{font-size:24px}
#ta-ozet{margin-top:var(--s4)}
@media (max-width:1023px){
 .sf-bas>*{grid-column:1/-1}
 .sf-bas .hub-kap{grid-column:1/-1;grid-row:auto}
 svg.kap-hub{max-width:180px;margin-left:0}
 .tf,.tf-yan{grid-column:1/-1}
 .tf-yan{position:static;margin-top:var(--s6)}
}
@media (max-width:760px){
 .sf-bas{padding-top:var(--s5);padding-bottom:var(--s5)}
 .k-olc{grid-template-columns:1fr 1fr}
 .h-olcu{grid-template-columns:1fr 1fr}
 .kunye>div{grid-template-columns:1fr;gap:2px}
 .renk-l li>a{min-width:0;flex-basis:100%}
 .bant{margin-top:var(--s8)}
 .tf>.btn{width:100%}
 .dur-l>div{grid-template-columns:1fr}
}
.mz-bas .not-kutu{margin-top:var(--s4);padding:16px 20px;background:var(--yuzey);border-radius:var(--r-m);font-size:15px}
.mz-bas .not-kutu p+p{margin-top:8px}
a.ib{text-underline-offset:3px}
.mz-h h1{white-space:normal}
.mz-h h1 .h1-ad{white-space:nowrap}
.mz-h h1 .h1-ek{display:block;margin-top:.35em;font-size:var(--t-h2);line-height:1.1;font-weight:600;letter-spacing:0}
.mz-h h1.uzun{font-size:var(--t-h1);line-height:1}
.mz-h h1.uzun .h1-ad{white-space:normal}
/* düzeltmeler (ekran denetimi) */
[hidden]{display:none!important}
:root[data-tema="acik"]{color-scheme:light}   /* tokens.css "light dark" der; işletim sistemi tercihi form denetimlerini de koyulaştırmasın */
:root[data-tema="koyu"]{color-scheme:dark}
@media (max-width:760px){   /* çok sütunlu yan yana tablolar: tablo kalır, .tw yatay kaydırır */
 table.oz.yan,table.oz.mf,table.oz.pa,table.oz.kl{min-width:560px}
 table.oz.yan thead,table.oz.mf thead,table.oz.pa thead,table.oz.kl thead{display:table-header-group}
 table.oz.yan tr,table.oz.mf tr,table.oz.pa tr,table.oz.kl tr{display:table-row;padding:0}
 table.oz.yan th,table.oz.yan td,table.oz.mf th,table.oz.mf td,table.oz.pa th,table.oz.pa td,table.oz.kl th,table.oz.kl td{padding:9px 12px;display:table-cell}
 table.oz.yan td.d,table.oz.kl td{font-size:13px}
}

/* =====================================================================================================
   DENETİM DÜZELTMELERİ · 2026-11-03 (SUMMARY K/Y/O/D kodları) · aynı token, yeni renk yok
   ===================================================================================================== */
/* Y6 · odak göstergesi: ölçü girişleri ve ⌘K alanı; yapışkan çubuklar odağı örtmesin */
.giris:focus-within,.ac-g:focus-within{outline:2px solid var(--odak);outline-offset:3px;border-radius:var(--r-s)}
html{scroll-padding-top:104px}
@media (max-width:900px){html{scroll-padding-top:56px;scroll-padding-bottom:84px}}
/* Y4 · mobil menü: içinde teklif düğmesi */
.mnav .mn-teklif{margin-top:20px}.mnav .mn-teklif .btn{width:100%}
/* Y7 · 320–375 px taşma */
@media (max-width:420px){
 .ust .logo{width:min(256px,calc(100vw - 2*var(--kenar) - 96px))!important;height:auto!important}
 .olcu-bar .ob-g{flex-wrap:wrap}.olcu-bar input{width:min(3.4em,100%);font-size:34px}
 .mz-bas,.mz-h{min-width:0}.mz-h h1 .h1-ad{white-space:normal;overflow-wrap:anywhere}
 .seg button,.seg label{font-size:14px;gap:6px;padding:0 4px}
}
/* O3 · dizin grup başlıkları gerçek başlık (h3), görünüm aynı */
.eksen h3.a-ad{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;margin:0}
/* O4 · seçim tablosu: eşit sütun, durum etiketi hep alt satırda sağa hizalı */
table.oz.yan:not(.bl){table-layout:fixed}
table.oz.yan:not(.bl) thead th:first-child{width:24%}
table.oz.yan .durum{display:block;width:fit-content;margin:4px 0 0 auto}
/* O10 · mobilde kaydırılan tabloda ilk sütun yapışkan + kenar gölgesi (token renkleriyle) */
@media (max-width:760px){
 table.oz.yan th:first-child,table.oz.mf th:first-child,table.oz.pa th:first-child{position:sticky;left:0;background:var(--yuzey);z-index:1}
 table.oz.yan tr:nth-child(even of :not(.grp)) th:first-child,table.oz.mf tr:nth-child(even of :not(.grp)) th:first-child,table.oz.pa tr:nth-child(even of :not(.grp)) th:first-child{background:var(--zebra)}
 table.oz.yan thead th:first-child,table.oz.mf thead th:first-child,table.oz.pa thead th:first-child{background:var(--yuzey-2)}
 .tw{background:linear-gradient(to right,var(--yuzey) 30%,transparent) left/24px 100% no-repeat local,linear-gradient(to left,var(--yuzey) 30%,transparent) right/24px 100% no-repeat local,
   linear-gradient(to right,var(--cizgi-guclu),transparent) left/8px 100% no-repeat scroll,linear-gradient(to left,var(--cizgi-guclu),transparent) right/8px 100% no-repeat scroll,var(--yuzey)}
}
/* O5 · arama alanının tarayıcı × düğmesi token dışı */
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ac-l li:focus-within{background:var(--ic-ton)}
/* O8 · KVKK kutusu: iki temada açıkça boş/dolu, 24 px */
.kvkk input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:1.5px solid var(--kenar-kontrol);border-radius:calc(var(--r-s)/2);background:var(--yuzey);cursor:pointer}
.kvkk input:checked{background:var(--metin);border-color:var(--metin);box-shadow:inset 0 0 0 4px var(--yuzey)}
/* O9 · düğme olarak .bag */
button.bag{background-color:transparent;border:0;padding:0;font:inherit;font-weight:550;cursor:pointer;color:inherit}
.k-sil{justify-self:start;color:var(--hata)}
/* O11 · hesaplayıcı: kap solda, girişler ve kg sağda (ilk ekranda sonuç) */
@media (min-width:901px){
 .numune.tek{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:40px;max-width:900px}
 .numune.tek>*{grid-column:2}
 .numune.tek>.kap-w{grid-column:1;grid-row:1/span 8;align-self:start;position:sticky;top:24px;max-width:220px}
}
/* O12 · arama satırı her yerde esnek; karşılaştırma başlıkları yapışkan */
.sf-ara{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
#kars-sonuc thead th{position:sticky;top:0;z-index:2}
#kars-sonuc .tw{overflow:visible}
@media (max-width:760px){#kars-sonuc .tw{overflow-x:auto}}
/* D9 · D10 · mobil dokunma hedefleri */
@media (max-width:760px){footer.alt ul a,.kirinti a{display:inline-flex;min-height:44px;align-items:center}}
.renk-l li>a{min-height:44px;display:inline-flex;align-items:center}
/* blog */
.bl-meta{font-family:var(--f);font-feature-settings:"case";font-size:13px;color:var(--metin-2)}
.bl-kp,.bl-bn{margin-top:var(--s6)}
.bl-kp img,.bl-bn img{display:block;width:100%;height:auto;border-radius:var(--r-buyuk)}
.b-gov h3{font-size:20px;font-weight:560;letter-spacing:-.01em;margin-top:var(--s5)}
.b-gov>ol.liste,.b-gov>.tw{margin-top:var(--s4)}
.b-gov>.tw+p,.b-gov>ol+p,.b-gov>h3+p{margin-top:var(--s3)}
table.oz.bl td,table.oz.bl th{white-space:normal}
.kunye dd{min-width:0;overflow-wrap:anywhere}

/* =====================================================================================================
   FINAL KREATİF DENETİM · 2026-11-03 (düzeltme 2 ve 4) · aynı token, yeni renk yok
   ===================================================================================================== */
/* Kaynaklar açılır kutusu: açılma işareti (mobil menüyle aynı dil) */
details.kaynaklar summary,details.vn summary{list-style:none;gap:12px}
details.kaynaklar summary::-webkit-details-marker,details.vn summary::-webkit-details-marker{display:none}
/* mobil özellik tablosu: çok türlü değerin önünde tür etiketi (B40 · 15–27 MPa) */
@media (max-width:760px){
 table.oz td.d[data-v]::before{content:attr(data-v) " · ";font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-2)}
 table.oz.yan td.d .durum{white-space:normal;text-align:center;max-width:100%}   /* rozet ("bilgi amaçlı") dar sütunda iki satıra iner, komşuya binmez */
 table.oz.yan td.d{min-width:6.5em}
}
table.oz.yan .durum{display:inline-block;margin:4px 0 0}
table.oz.nitel td{white-space:normal;font-size:15px}
.b-gov h3.alt-b{margin-top:var(--s7)}
/* karşılaştırma: kip seçici + işe göre aday listesi */
.kars-kip{max-width:420px;margin:0 0 var(--s5)}
.is-l{margin-top:var(--s5)}
.is-l h3{font-size:20px;font-weight:560;letter-spacing:-.01em}
.is-ul{list-style:none;margin:var(--s3) 0 0;padding:0;max-width:56em}
.is-ul li{background:var(--yuzey);border-radius:var(--r-m);padding:12px 16px}
.is-ul li+li{margin-top:8px}
.is-ul .is-ad{font-size:17px;color:var(--metin)}
.is-ul p{margin-top:4px;font-size:15px;color:var(--metin-2)}
.is-l>p{margin-top:var(--s4)}

/* =====================================================================================================
   ŞABLON DİLİ · final kreatif denetim 5 (2026-11-03) · kimlikten üç yapı, aynı token, yeni renk yok
   1 okuma bloğu (art arda metin bölümleri tek blok, numaralı içindekiler) · 2 sıralı satır (dizinin satır dili:
   numara · stok renkli mini istif · ad) · 3 stok etiketi (termal etiket: ISO işareti kahraman, stok noktası, mürekkep çerçeve)
   ===================================================================================================== */
/* 1 · okuma bloğu */
.ok-dz{grid-column:1/4;align-self:start;position:sticky;top:var(--s9);padding-top:6px}
.ok-dz ol{list-style:none;margin:var(--s4) 0 0;padding:0;max-width:260px}
.ok-dz li a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;padding:8px 10px;border-radius:var(--r-s);font-size:14px;line-height:1.35;color:var(--metin-2);text-decoration:none;transition:background-color var(--t-mikro)}
@media (hover:hover) and (pointer:fine){.ok-dz li a:hover{color:var(--metin)}}
.ok-dz .no,.sira .no{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);font-weight:520;letter-spacing:.04em;color:var(--metin-3)}
.ok-gov{grid-column:4/13}
.ok-m{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:var(--s4);padding:var(--s6) 0}
.ok-m:first-child{padding-top:0}
.ok-m:last-child{padding-bottom:0}
.ok-no{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-tanim);font-weight:400;line-height:1.15;color:var(--metin-3)}
.ok-i h2{font-size:var(--t-tanim);line-height:1.15;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--s3)}
.ok-i>*+*{margin-top:var(--s3)}
.ok-i>h2+*{margin-top:0}
.ok-i>p,.ok-i li{max-width:68ch}
@media (max-width:1023px){.ok-dz{grid-column:1/-1;position:static}.ok-dz ol{display:none}.ok-gov{grid-column:1/-1;margin-top:var(--s4)}}
@media (max-width:760px){.ok-m{grid-template-columns:32px minmax(0,1fr);column-gap:var(--s3);padding:var(--s5) 0}.ok-no{font-size:16px;padding-top:3px}}
/* 2 · sıralı satır (pillar aileleri, rehber dizini) */
.sira{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:8px;--ist:200px}
.sira.s-rehber{--ist:120px}
.sira-d,.sira-a{display:grid;grid-template-columns:40px var(--ist) minmax(0,1fr) auto;column-gap:var(--s4);align-items:center;min-height:64px;padding:var(--s3) var(--s4);border-radius:var(--r-m);background:var(--yuzey)}
.sira-a{text-decoration:none;transition:background-color var(--t-mikro)}
@media (hover:hover) and (pointer:fine){.sira-a:hover{background:var(--zebra)}.sira-a:hover b{text-decoration:underline;text-underline-offset:3px}}
.sira-a:focus-visible{background:var(--zebra)}
.istifler{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.istifler .mini svg,.et-ust .mini svg,.ys .mini svg{width:36px;height:32px;display:block}
.sira-ad{min-width:0}
.sira-ad b{display:block;font-size:19px;font-weight:600;line-height:1.25}
.sira-ad a{text-decoration:none}
@media (hover:hover) and (pointer:fine){.sira-ad a:hover b{text-decoration:underline;text-underline-offset:3px}}
.sira-ad small{display:block;margin-top:2px;font-size:15px;color:var(--metin-2)}
.sira-ad small a{color:var(--metin);text-underline-offset:3px}
.sira-say{font-size:13px;color:var(--metin-3);white-space:nowrap}
.sira-a>.i{color:var(--metin-2)}
@media (max-width:760px){
 .sira-d,.sira-a{grid-template-columns:28px minmax(0,1fr) auto;row-gap:6px}
 .sira .istifler{grid-column:2/-1;grid-row:1}
 .sira-ad{grid-column:2/-1;grid-row:2}
 .sira .no{grid-row:1}
 .sira-say,.sira-a>.i{grid-column:3;grid-row:1;justify-self:end}
}
/* 3 · stok etiketi (hub üyeleri, PTFE türleri, yazıdaki malzemeler) */
.etiketler{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--oluk)}
.etiket{display:flex;flex-direction:column;height:100%;padding:var(--s3) var(--s4) var(--s4);border-radius:var(--r-m);background:var(--yuzey);text-decoration:none;transition:background-color var(--t-mikro)}
@media (hover:hover) and (pointer:fine){.etiket:hover{background:var(--zebra)}.etiket:hover .et-ad{text-decoration:underline;text-underline-offset:3px}}
.etiket:focus-visible{background:var(--zebra)}
.et-ust{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);min-height:44px;padding-bottom:var(--s2)}
.et-ust .isr{font-size:19px}
.et-ust .istifler{flex-wrap:nowrap}
.et-ust .istifler .mini svg{width:28px;height:25px}
.et-ad{margin-top:var(--s3);font-size:22px;line-height:1.1;font-weight:650;letter-spacing:-.01em}
.et-tanim{margin-top:4px;font-size:15px;color:var(--metin-2)}
.et-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:auto;padding-top:var(--s4);font-size:13px;color:var(--metin-2)}
.et-alt .stok-n{font-size:14px}
/* blog: yazı satırı (dizin dili) + kapak */
.yazilar{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:8px}
.ys{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--s4);align-items:start;padding:var(--s4);border-radius:var(--r-m);background:var(--yuzey);text-decoration:none;transition:background-color var(--t-mikro)}
.ys.g{grid-template-columns:40px minmax(0,1fr) 192px}
.ys .mini{padding-top:1px}
.ys b{display:block;font-size:20px;line-height:1.25;font-weight:600}
.ys-d{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--metin-2);max-width:62ch}
.ys-m{display:block;margin-top:var(--s2);font-size:13px;color:var(--metin-3)}
.b-gov .yazilar>li,.b-gov .sira>li,.b-gov .etiketler>li{max-width:none}
.ys img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-s);display:block}
@media (hover:hover) and (pointer:fine){.ys:hover{background:var(--zebra)}.ys:hover b{text-decoration:underline;text-underline-offset:3px}}
.ys:focus-visible{background:var(--zebra)}
@media (max-width:760px){
 .ys,.ys.g{grid-template-columns:40px minmax(0,1fr)}
 .ys img{grid-column:2;margin-top:var(--s3);max-width:280px}
}
@media (max-width:760px){.bl-bn img{aspect-ratio:4/3;object-fit:cover;object-position:78% 50%}}
/* 2. tur bloklayıcı · çok malzemeli tablolar (hub, ikili, karşılaştırma aracı) ≤ 760: yatay kaydırma yok; her satır özellik başlığı altında,
   her değer malzeme etiketiyle alt alta (B40/B60 deseni: "PE 100 · 0,96 g/cm³ · tipik") */
@media (max-width:760px){
 .tw:has(> table.oz.cok){overflow:visible;background:none}
 table.oz.yan.cok{min-width:0;table-layout:auto;display:block}
 table.oz.yan.cok thead{display:none}
 table.oz.yan.cok tbody{display:block}
 table.oz.yan.cok tr{display:block;padding:12px 16px;border-radius:var(--r-m);background:var(--yuzey)}
 table.oz.yan.cok tr+tr{margin-top:8px}
 table.oz.yan.cok tr.grp{padding:16px 4px 0;background:none}
 table.oz.yan.cok th,table.oz.yan.cok td{display:block;padding:0;position:static;background:none;width:auto}
 table.oz.yan.cok tr:not(.grp) th{font-weight:600;margin-bottom:6px}
 table.oz.yan.cok td{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);column-gap:12px;align-items:baseline;text-align:left;white-space:normal;font-size:14px;padding:5px 0}
 table.oz.yan.cok td::before{content:attr(data-m);font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-2);grid-row:1 / span 3}
 table.oz.yan.cok td .durum{display:inline-block;margin:4px 0 0;justify-self:start;white-space:nowrap}
 table.oz.yan.cok td small{grid-column:2}
}
/* ana sayfa ve ölçüye kesim: kurallar sütunu çizimle dikeyde ortalanır (sağ altta ölü boşluk kalmaz) */
@media (min-width:761px){.kesim .ks-k{align-self:center}}

/* =====================================================================================================
   HAREKET · 04-design/web/MOTION.md (Rev. 2 + Cem kararları, 2026-11-03). Yalnız transform/opacity anime edilir;
   renk takası (buton) boyama geçişidir. reduced-motion: yukarıdaki genel kural her geçişi kapatır; transform durumları ayrıca no-preference içinde.
   ===================================================================================================== */
/* Lenis (lenis.css karşılığı; dosya alınmaz) */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
/* girdi modalitesi: yazma, ± ve ↑/↓ o kare için anlık; klavyeyle gezinmede istif ve kap anlık (MOTION §1) */
[data-anlik] *,[data-anlik] *::after{transition-duration:0s!important}
[data-girdi=klavye] .st .kal,[data-girdi=klavye] .rh-kap .yuva-ic>use{transition-duration:0s!important}
/* mega ↓/Enter ve form segmenti Enter/Space klavyede de anime (tek seferlik eylem; ana oturum kararı O5); ±, yazma ve ↑/↓ anlık (yukarıda) */

/* H4 · raf ilk yerleşimi (oturumda bir kez; html[data-giris=raf] tema betiğinden) */
@keyframes raf-yer{from{opacity:0;transform:translateY(-12px)}}
[data-giris=raf] .st .yer{animation:raf-yer var(--t-orta) var(--e-giris) backwards;animation-delay:calc(120ms + var(--i,0)*28ms)}
/* raf Levha kalınlığı ↔ Çubuk çapı: motion.js (WAAPI, 180 ms, istif başı 14 ms) */
/* H6 · kap vizöründe istifin büyümesi */
[data-hazir] .rh-kap .yuva-ic>use{transform-box:fill-box;transform-origin:50% 100%;transition:opacity var(--t-kisa) var(--e-giris),transform var(--t-kisa) var(--e-giris)}
@starting-style{[data-hazir] .rh-kap .yuva-ic>use{opacity:0;transform:scale(.96)}}
/* H2 (hesaplayıcı) · <use> takası: eski 120 ms'de iner ve söner, yeni 60 ms'den itibaren yerleşir */
[data-hazir] .yuva-ic>use.gir{transition:opacity 200ms var(--e-giris) 60ms,transform 200ms var(--e-giris) 60ms}
@starting-style{[data-hazir] .yuva-ic>use.gir{opacity:0;transform:translateY(-10px)}}
@keyframes kap-cik{to{opacity:0;transform:translateY(6px)}}
.yuva-ic>.hayalet.cik{animation:kap-cik 120ms var(--e-cikis) forwards}
.yuva-ic>.hayalet{pointer-events:none}
/* H8 · eksen çubukları bir kez çizilir (motion.js yalnız açılışta görünüm dışındaki eksenlerde data-ciz yazar) */
.eksen[data-ciz] .eks i{transform-origin:left center}
.eksen[data-ciz=bekle] .eks i{transform:scaleX(0)}
.eksen[data-ciz=ciz] .eks i{transition:transform var(--t-ciz) var(--e-giris) var(--gec,0ms)}
@media print{.eksen[data-ciz] .eks i{transform:none}}   /* D13: yazdırmada gizli başlangıç kalmaz */
/* H11 · teklif kesim listesine kalem girişi (ön dolumda yok) */
[data-hazir] #kalemler>.kalem{transition:opacity var(--t-kisa) var(--e-giris),transform var(--t-kisa) var(--e-giris)}
@starting-style{[data-hazir] #kalemler>.kalem{opacity:0;transform:translateY(8px)}}

/* H13 · BUTON A · bölünmüş CTA (birincil). Kesik kenar dikeyle 30° (yatayla 60°: raf istif adlarının açısı); geometri kimlikten, referanstan kopya yok */
.btn.ayrik{--btn-h:48px;--egik:calc(var(--btn-h)*.5774);gap:0;padding:0;min-height:var(--btn-h);align-items:stretch;justify-content:flex-start;background:none;color:var(--eylem-uzeri);transition:transform var(--t-basma) var(--e-giris)}
.btn.ayrik.k{--btn-h:44px;padding:0;font-size:inherit}
.mbar .btn.ayrik{--btn-h:52px}
.btn.ayrik,.btn.ayrik:hover{background:none}
.ay-etk{position:relative;isolation:isolate;flex:1 1 auto;display:flex;align-items:center;padding:0 calc(var(--egik)*.67 + 4px) 0 16px;color:var(--eylem-uzeri);font-family:var(--f);font-feature-settings:"case";font-weight:550;font-size:13px;letter-spacing:.02em;text-transform:uppercase;font-variation-settings:normal;white-space:nowrap;transition:color var(--t-buton-a) var(--e-buton)}
/* Cem revize 1 · madde 4: sivri köşe yok. Gövde yarıçaplı (dış köşeler --r-s), eğik ek skewX(−30°) parçası: eğik kenar dikeyle 30°, uçları yuvarlak (6 px) */
.ay-etk::before,.ay-etk::after,.ay-ikon::before,.ay-ikon::after{content:"";position:absolute;top:0;bottom:0;z-index:-1;background:var(--ay-z);transition:background-color var(--t-buton-a) var(--e-buton)}
.ay-etk{--ay-z:var(--eylem)}
.ay-etk::before{left:0;right:calc(var(--egik)*1.5);border-radius:var(--r-s) 0 0 var(--r-s)}
.ay-etk::after{right:0;width:calc(var(--egik)*2);border-radius:0 6px 6px 0;transform:skewX(-30deg);transform-origin:100% 0}
.btn.ayrik.k .ay-etk{padding-left:16px}
.ay-ikon{--ay-z:var(--metin);position:relative;isolation:isolate;flex:none;width:calc(var(--btn-h) + var(--egik));margin-left:calc(8px - var(--egik));color:var(--zemin);overflow:clip;transform-origin:right center;transition:color var(--t-buton-a) var(--e-buton),transform var(--t-buton-a) var(--e-buton)}
.ay-ikon::before{left:var(--egik);width:calc(var(--egik)*2);border-radius:6px 0 0 6px;transform:skewX(-30deg);transform-origin:0 0}
.ay-ikon::after{left:calc(var(--egik)*1.5);right:0;border-radius:0 var(--r-s) var(--r-s) 0}
/* Cem revize 2 · 5: ok, eğik ekli bloğun alan ağırlık merkezinde (yamuk: üst h, alt h + eğik; köşe yarıçapları dahil). Ölçüm 06-qa/ekran-revize2/_olcum.json */
.ay-ok{position:absolute;top:calc(50% + var(--btn-h)*.025);left:calc(var(--btn-h)*.5 + var(--egik)*.725);width:20px;height:20px;margin:-10px 0 0 -10px;transition:transform var(--t-buton-a) var(--e-buton),opacity var(--t-buton-a) var(--e-buton)}
.ay-ok+.ay-ok{opacity:0;transform:translateX(calc(var(--btn-h)*-.75))}
@media (hover:hover) and (pointer:fine){
 .btn.ayrik:not(:disabled):hover .ay-etk{--ay-z:var(--metin);color:var(--zemin)}
 .btn.ayrik:not(:disabled):hover .ay-ikon{--ay-z:var(--eylem);color:var(--eylem-uzeri)}
}
.btn.ayrik:focus-visible .ay-etk{--ay-z:var(--metin);color:var(--zemin);transition-duration:0s}
.btn.ayrik:focus-visible .ay-ikon{--ay-z:var(--eylem);color:var(--eylem-uzeri);transition-duration:0s}
.btn.ayrik:focus-visible :is(.ay-etk,.ay-ikon)::before,.btn.ayrik:focus-visible :is(.ay-etk,.ay-ikon)::after{transition-duration:0s}
.btn.ayrik:focus-visible{outline-offset:4px;border-radius:var(--r-s)}
.btn.ayrik:focus-visible .ay-ok{transition-duration:0s}
@media (prefers-reduced-motion:no-preference){
 @media (hover:hover) and (pointer:fine){
  .btn.ayrik:not(:disabled):hover .ay-ikon{transform:translateX(-4px) scale(.875)}
  .btn.ayrik:not(:disabled):hover .ay-ok{opacity:0;transform:translateX(calc(var(--btn-h)*.75))}
  .btn.ayrik:not(:disabled):hover .ay-ok+.ay-ok{opacity:1;transform:none}
 }
 .btn.ayrik:focus-visible .ay-ikon{transform:translateX(-4px) scale(.875)}
 .btn.ayrik:focus-visible .ay-ok{opacity:0;transform:translateX(calc(var(--btn-h)*.75))}
 .btn.ayrik:focus-visible .ay-ok+.ay-ok{opacity:1;transform:none}
 .btn.ayrik:active,.btn.yuvar:active{transform:scale(.98)}
}
.btn.ayrik:disabled{cursor:progress}
/* H13 · BUTON B · metin yuvarlama (ikincil, çizgi). Kopya satır gerçek span, aria-hidden (::after ekran okuyucuda iki kez okunur) */
.btn.yuvar{--btn-h:48px;min-height:var(--btn-h);padding:0 18px;background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1.5px var(--metin);font-family:var(--f);font-feature-settings:"case";font-weight:550;font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-variation-settings:normal;transition:background-color var(--t-buton-b) var(--e-buton) 60ms,transform var(--t-basma) var(--e-giris)}
.btn.yuvar.k{--btn-h:44px;font-size:13px}
.yv-kap{display:block;height:1.4em;line-height:1.4em;overflow:clip}
.yv-1,.yv-2{display:block;transition:transform var(--t-buton-b) var(--e-buton)}
@media (hover:hover) and (pointer:fine){.btn.yuvar:hover{background:var(--yuzey-2)}}
.btn.yuvar:focus-visible{background:var(--yuzey-2);transition-duration:0s}
@media (prefers-reduced-motion:no-preference){
 @media (hover:hover) and (pointer:fine){:is(.btn.yuvar,.btn.ayrik:not(:disabled)):hover .yv-1,:is(.btn.yuvar,.btn.ayrik:not(:disabled)):hover .yv-2{transform:translateY(-100%)}}
 :is(.btn.yuvar,.btn.ayrik):focus-visible .yv-1,:is(.btn.yuvar,.btn.ayrik):focus-visible .yv-2{transform:translateY(-100%);transition-duration:0s}
}
.ozet-bar .btn.yuvar{margin-left:auto}
.fsat .btn.yuvar{margin-top:4px}
@media (forced-colors:active){.ay-etk::before,.ay-etk::after,.ay-ikon::before,.ay-ikon::after{display:none}.ay-etk,.ay-ikon{border:1px solid ButtonText;border-radius:var(--r-s)}.ay-ikon{margin-left:8px;width:var(--btn-h)}.ay-ok{left:50%}.btn.yuvar{border:1px solid ButtonText}}

/* =====================================================================================================
   MEGA MENÜ · cam panel (REFERANS-SEED-MEGAMENU · Cem kararı 2026-11-03: "cam efekti yasak" kuralı YALNIZ mega menü ve mobil menü panelinde kaldırıldı)
   Panel: nav çerçevesinin 8 px altı ve genişliğinde (Cem 2026-11-04, aşağıda KONUM), köşe 30 px, hücre 20 px. Metin hep --metin (iki temada AA; arka plan en kötü
   durumda siyah/beyaz olsa da yüzey %90 kâğıt/mürekkep). Opak yedek: backdrop-filter yoksa ve prefers-reduced-transparency'de.
   Kreatif 4. tur: %74 + saturate(1.6) arkadaki mürdüm kabı pembe lekeye, koyuda beyaz istifleri gri sise çeviriyordu → %90, doygunluk artışı yok (saturate 1).
   Hareket (MOTION §3 H9/H10): açılış 180 ms kayarak belirme + satırlar 40 ms + 12 ms kademe (en çok 8 adım; son satır ≤ 276 ms); kapanış 100 ms, kademesiz (≤ 150 ms ölçüldüğünde de pay kalır).
   ===================================================================================================== */
/* Cem revize 1 · madde 3: yüzey seed.com'daki gibi koyu, tonlu, yarı saydam cam (önceki %90 kâğıt panel kaldırıldı); iki temada aynı.
   Okunurluk (tarayıcıda ölçüldü): arkada en kötü durum beyaz (#FFF) iken bile zemin = .74 mürekkep + .26 beyaz ≈ #535152 → metin #F3EEEC 6,83:1, ISO (%82) 5,23:1 (AA).
   saturate(.8): arkadaki mürdüm kap ve stok renkleri camda leke gibi parlamaz (kreatif 4. tur notu).
   Panel içinde token'lar yerelde açık metne döner (metin, bağlantı, buton, odak). Gölge ve kenarlık yok (seed). */
:root[data-tema="koyu"] :is(.mega,.mega-zemin,.mnav){--cam:rgb(23 20 21 / .74);--cam-opak:var(--naturel-950);--cam-doy:.8;--metin:var(--naturel-50);--metin-2:var(--naturel-300);--zemin:var(--naturel-950);--yuzey:var(--naturel-900);--yuzey-2:var(--naturel-800);--odak:var(--naturel-50);--ic-ton:rgb(255 255 255 / .08);
  --mg-ton:rgb(255 255 255 / .1);--mg-ton-g:rgb(255 255 255 / .15);--mg-ic:rgb(255 255 255 / .08);--mg-isr:rgb(243 238 236 / .82)}
/* AÇIK CAM (Cem 2026-11-04): açık temada mega menü kâğıt tonlu Liquid Glass; koyu temada yukarıdaki koyu cam. Metin, ISO ve ikonlar mürekkep; mini istifler kendi renginde.
   %82 kâğıt + blur(20) + saturate(1): arkadaki mürdüm kap/Şerit rengi sızmaz. Okunurluk (tarayıcıda ölçüldü, 06-qa/ekran-menu-duzen): en kötü durum koyu Şerit yüzeyi
   üstünde zemin ≈ %82 kâğıt + %18 mürekkep → metin (--naturel-950) ≥ 10:1, ikincil metin (--naturel-700) ≥ 6:1. İnce iç parlama (üst kenar beyaz %50) + yumuşak geniş gölge (.mega-golge). */
:root:not([data-tema="koyu"]) :is(.mega,.mega-zemin,.mnav){--cam:rgb(243 238 236 / .82);--cam-opak:var(--naturel-50);--cam-doy:1;--metin-2:var(--naturel-700);
  --mg-ton:rgb(23 20 21 / .06);--mg-ton-g:rgb(23 20 21 / .09);--mg-ic:rgb(255 255 255 / .5);--mg-isr:var(--naturel-700);
  --cam-isik:inset 0 1px 0 rgb(255 255 255 / .5),inset 0 0 0 1px rgb(255 255 255 / .28);--cam-golge:0 2px 6px rgb(15 12 14 / .05),0 28px 64px -24px rgb(15 12 14 / .3)}
:root[data-tema="koyu"] .mega{--metin-2:var(--naturel-200)}   /* denetim D3: koyu camda kart açıklaması en kötü arka planda da AA */
.mnav,.mega-zemin{background:var(--cam);-webkit-backdrop-filter:blur(20px) saturate(var(--cam-doy));backdrop-filter:blur(20px) saturate(var(--cam-doy));border-radius:var(--r-l)}
.mnav{color:var(--metin);box-shadow:var(--cam-isik),var(--cam-golge)}   /* açık camda iç parlama + gölge (mega ile aynı); koyuda değişken yok → gölge yok */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mnav,.mega-zemin{background:var(--cam-opak)}}
@media (prefers-reduced-transparency:reduce){.mnav,.mega-zemin{background:var(--cam-opak);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (forced-colors:active){.mnav,.mega-zemin{border:1px solid CanvasText;background:Canvas}
 .seg button,.seg label{border:1px solid ButtonText}
 .seg button[aria-pressed=true],.seg label:has(input:checked){background:Highlight;color:HighlightText;forced-color-adjust:none}}
/* KONUM (Cem 2026-11-04): bütün paneller nav çerçevesinin (.ust) 8 px altında, onun sol/sağ kenarlarına hizalı ve genişliğinde; köşe --r-l.
   Panel nav'ın içinde olduğu için nav gizlenip gelirken (.ust-w transform) birlikte hareket eder. Cam yüzey tek (.mega-zemin): paneller arası geçişte
   kapanıp açılmaz. Yükseklik geçişi site.js'te (WAAPI): zemin geçiş boyunca büyük yükseklikte durur ve clip-path inset kırpması eski → yeni
   yüksekliğe akar (kare başına layout yok; yalnız geçişin başında/sonunda bir kez yükseklik yazılır), gölge FLIP scaleY. Durağan halde kırpma yok → squircle köşe.
   Hareket: açılış cam 140 ms (translateY −8 → 0 + opaklık), kolonlar 48 ms sonra 20 ms kademe + 140 ms (son kolon 248 ms) · geçiş 220 ms (--e-hareket) + içerik
   çapraz geçişi (giden 70 ms linear, gelen 40 ms sonra yön tarafından 16 px) · kapanış 120 ms (--e-cikis). Hepsi yarıda kesilebilir; reduced-motion'da genel kural → anlık. */
@media (min-width:901px){.ust{position:relative}}
@media (max-width:900px){.mega-zemin,.mega-golge{display:none}}
.mega,.mega-zemin,.mega-golge{position:absolute;top:calc(100% + var(--s2));left:0;right:0}
.mega{max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:var(--s5);z-index:25;color:var(--metin);
  display:none;opacity:0;pointer-events:none;transition:opacity 70ms linear,display 70ms allow-discrete}   /* denetim O2: giden içerik 70 ms linear (ease-in ilk yarıda tam opaktı) */
.mega.acik{display:block;opacity:1;pointer-events:auto;transition:opacity var(--t-mikro) var(--e-giris)}
@starting-style{.mega.acik{opacity:1}}
/* denetim O1/O2: --k0 = ilk açılışta 48 ms (cam ≥ %60 görünür olmadan içerik başlamaz), paneller arası 40 ms (giden 70 ms'de biter; örtüşme ≤ 30 ms) */
.mega.acik :is(.mg-k,.mega-alt){transition:opacity 140ms var(--e-giris) calc(var(--k0,0ms) + var(--k,0)*20ms),transform 140ms var(--e-giris) calc(var(--k0,0ms) + var(--k,0)*20ms)}
@starting-style{.mega.acik :is(.mg-k,.mega-alt){opacity:0;transform:translate(var(--gx,0px),var(--gy,-8px))}}
.mega-zemin,.mega-golge{pointer-events:none;border-radius:var(--r-l);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity 120ms var(--e-cikis),transform 120ms var(--e-cikis),visibility 0s 120ms}
.mega-zemin{z-index:24;height:var(--mh,0px);box-shadow:var(--cam-isik,none)}
.mega-golge{z-index:23;height:var(--mh,0px);box-shadow:var(--cam-golge,none);transform-origin:50% 0}
.mega-acik :is(.mega-zemin,.mega-golge){opacity:1;visibility:visible;transform:none;transition:opacity 140ms var(--e-giris),transform 140ms var(--e-giris)}
.ust:is(:hover,:focus-within) .mega-zemin{will-change:opacity}   /* denetim O1b: büyük blur katmanı imleç nav'dayken hazırlanır; ilk açılışta geç rasterlanmaz */
/* DÜZEN: ortak 12 kolon; iç boşluk token'lardan. Kolon payları her panelin içeriğine göre (901–1440 ölçüldü). */
.mg-iz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5);row-gap:var(--s4);align-items:start}
.mg-k{min-width:0}
#mega-malzemeler .mg-aile{grid-column:1/7}#mega-malzemeler .mg-form{grid-column:7/10}#mega-malzemeler .mg-ad{grid-column:10/13}
#mega-malzemeler .mg-aile ul,#mega-sss .mg-ikili ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s1)}
.mg-k.mg-ad,.mg-k.mg-adres{border-radius:var(--r-m);background:var(--mg-ic);padding:var(--s1) 0 var(--s4)}
.mg-k.mg-ad>p+p,.mg-k.mg-adres>p+p{margin-top:var(--s3)}
#mega-sss .mg-yanit{grid-column:1/6}#mega-sss .mg-ikili{grid-column:6/13}
#mega-araclar .mg-kartlar{grid-column:1/-1}
#mega-firma .mg-kartlar{grid-column:1/9}#mega-firma .mg-adres{grid-column:9/13}
.mg-kartlar ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
.mg-s.mg-kart{align-items:flex-start;height:100%;padding:var(--s4);background:var(--mg-ic);border-radius:var(--r-m)}
.mg-kart .mg-t{gap:var(--s1)}
.mg-kart .mg-a{font-size:14px;line-height:1.4;color:var(--metin-2);text-wrap:pretty}
.mg-kart .mg-i{background:var(--mg-ton)}
@media (hover:hover) and (pointer:fine){.mg-s.mg-kart:hover{background:var(--mg-ton-g)}}
.mb-sol{grid-column:1/4}.mb-sag{grid-column:4/13}
/* ≤ 1180: ad çözücü kartı Forma göre'nin altına iner (3 kolonda düğme sığmıyordu); formlar 2 × 2 */
@media (max-width:1180px){#mega-malzemeler .mg-aile{grid-column:1/8;grid-row:1/3}#mega-malzemeler :is(.mg-form,.mg-ad){grid-column:8/13}#mega-malzemeler .mg-form ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s1)}}
.mg-adres{font-size:14px}.mg-adres .mg-n{font-size:14px}.mg-adres a{overflow-wrap:anywhere}
.mg-k h3,.mnav summary{color:var(--metin)}
.mg-k h3{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);font-weight:560;letter-spacing:.05em;text-transform:uppercase;margin:8px 12px 6px}
.mg-k ul,.mnav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mg-s{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px 6px 8px;border-radius:var(--r-m);text-decoration:none;color:var(--metin);transition:background-color 200ms ease}
.mg-s:focus-visible{border-radius:var(--r-m)}
/* cam üstünde odak (motion O8): halka iki yanından opak zeminle çevrili → arkada ne olursa olsun halka/zemin ≥ 3:1 (açık 3,65 · koyu 6,9) */
.mega :focus-visible,.mnav :focus-visible{outline:2px solid var(--odak);outline-offset:2px;box-shadow:none}   /* açık halka koyu camda ≥ 6:1 */
@media (hover:hover) and (pointer:fine){.mg-s:hover{background:var(--mg-ton)}}
.mg-i{flex:none;width:40px;height:36px;display:grid;place-items:center;border-radius:var(--r-s);background:var(--mg-ic)}
.mg-i svg{width:36px;height:32px;display:block}
.mg-i svg.i{width:22px;height:22px}
.mg-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.mg-t .isr{font-size:12px;font-weight:520;color:var(--mg-isr);letter-spacing:.02em}
.mg-t b{font-weight:600;font-size:15.5px}
.mg-n{font-size:15px;margin:0 12px 8px;color:var(--metin)}
.mg-k>p{margin:0 12px}
.mega .bag{color:var(--metin)}
.mega button.bag{background-color:transparent;border:0;padding:0;cursor:pointer;font:inherit;font-weight:550}
.mega .mega-alt{display:flex;justify-content:flex-end;margin:var(--s2) var(--s3) 0}
/* mobil: aynı cam yüzey, üst çubuğun 8 px altından, 16 px kenar boşluklu yüzen panel; akordeon gruplar */
.mnav details{padding:0 12px;border-radius:var(--r-m)}
.mnav details[open]{background:var(--mg-ton)}
.mnav .mg-s{padding-left:4px}
.mnav .mn-teklif{margin-left:12px;margin-right:12px}
/* Cem revize 2 · 11: panel yukarıdan kayar (200 ms), satırlar 20 ms kademeyle (son satır 100 + 160 = 260 ms ≤ 280); kapanış 120 ms kademesiz (.kapan, site.js) */
.mnav:not([hidden]){transition:opacity 160ms var(--e-giris),transform 200ms var(--e-giris)}
@starting-style{.mnav:not([hidden]){opacity:0;transform:translateY(-12px)}}
.mnav>.wrap>*{transition:opacity 160ms var(--e-giris),transform 160ms var(--e-giris)}
@starting-style{.mnav:not([hidden])>.wrap>*{opacity:0;transform:translateY(-8px)}}
.mnav>.wrap>:nth-child(2){transition-delay:20ms}.mnav>.wrap>:nth-child(3){transition-delay:40ms}.mnav>.wrap>:nth-child(4){transition-delay:60ms}
.mnav>.wrap>:nth-child(5){transition-delay:80ms}.mnav>.wrap>:nth-child(n+6){transition-delay:100ms}
.mnav.kapan{opacity:0;transform:translateY(-8px);transition:opacity 120ms var(--e-cikis),transform 120ms var(--e-cikis)}
.mnav.kapan>.wrap>*{transition:none}
/* arama menünün içinde (aynı odaklı arama paneli açılır) */
.mnav .mn-ara{display:flex;align-items:center;gap:10px;width:calc(100% - 24px);min-height:52px;margin:4px 12px 10px;padding:0 18px;border:1px solid var(--mg-ton-g);border-radius:var(--r-pill);background:var(--mg-ton);color:var(--metin-2);font-size:17px;text-align:left;cursor:pointer}
.mnav .mn-ara .i{flex:none;color:var(--metin)}
.mnav>.wrap{padding:0}
/* BLOG paneli (Cem 2026-11-03 · kardeş p-blog mantığı): solda konular, sağda 3 görselli kart; konuya gelince/odaklanınca kartlar döner (site.js).
   Grup değişimi yalnız opaklık + transform (--t-kisa, --e-giris); reduced-motion'da (data-hareket yok) anlık. */
.mb-sol h3,.mb-gb{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);font-weight:560;letter-spacing:.05em;text-transform:uppercase;margin:8px 12px 6px;color:var(--metin)}
.mb-sol ul,.mb-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mb-c{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 12px;border-radius:var(--r-m);text-decoration:none;color:var(--metin);font-weight:600;font-size:15.5px;transition:background-color 200ms ease}
.mb-c .i{flex:none;opacity:.5;transition:opacity var(--t-mikro),transform var(--t-kisa) var(--e-giris)}
.mb-c[aria-expanded="true"]{background:var(--mg-ton)}
.mb-c[aria-expanded="true"] .i{opacity:1;transform:translateX(2px)}
.mb-c:focus-visible{border-radius:var(--r-m)}
@media (hover:hover) and (pointer:fine){.mb-c:hover{background:var(--mg-ton)}}
.mb-g ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mb-k{position:relative;display:flex;flex-direction:column;gap:6px;padding:6px 6px 10px;border-radius:var(--r-m);transition:background-color 200ms ease}
.mb-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-m);background:var(--mg-ic);margin-bottom:4px}
.mb-e{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);font-weight:520;letter-spacing:.05em;text-transform:uppercase;color:var(--metin-2);padding:0 4px}
.mb-a{color:var(--metin);text-decoration:none;font-weight:600;font-size:15px;line-height:1.3;padding:0 4px;text-wrap:pretty}
.mb-a::after{content:"";position:absolute;inset:0;border-radius:var(--r-m)}   /* kartın tamamı tıklanır; erişilebilir ad yalnız başlık */
.mb-a:focus-visible{outline:0}
.mb-k:has(.mb-a:focus-visible){outline:2px solid var(--odak);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.mb-k:hover{background:var(--mg-ton)}}
[data-hareket] .mb-g:not([hidden]){animation:mb-gir var(--t-kisa) var(--e-giris)}
[data-hareket] .mb-g:not([hidden]) li{animation:mb-gir var(--t-kisa) var(--e-giris) backwards}
[data-hareket] .mb-g:not([hidden]) li:nth-child(2){animation-delay:30ms}
[data-hareket] .mb-g:not([hidden]) li:nth-child(3){animation-delay:60ms}
@keyframes mb-gir{from{opacity:0;transform:translateY(8px)}}
@media (max-width:1100px){.mb-a{font-size:14px}}

/* =====================================================================================================
   BLOG · Cem 2026-11-03: dizinde yazı sayısı yok; görünüm ziyaretçinin (Izgara varsayılan · Dizin); yazıda solda yapışkan içindekiler; kart ve kapak köşesi --r-buyuk
   ===================================================================================================== */
/* dizin: araç çubuğu (başlık süzgeci + görünüm anahtarı; JS ile açılır) */
.bl-arac{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--s4) var(--s6);margin-top:var(--s7)}
.bl-arac[hidden]{display:none}
.bl-grup{display:flex;flex-direction:column;gap:var(--s2);max-width:100%}
.bl-grup .seg{display:flex;margin-top:0;max-width:100%}
.bl-grup .seg button{flex:1 1 auto;padding:0 16px;white-space:nowrap;color:var(--metin)}
.bl-grup .seg button[aria-pressed="true"]{color:var(--zemin)}
.bl-grup .seg button:focus-visible{outline-offset:-3px}
@media (max-width:760px){.bl-arac>.bl-grup:first-child{flex:1 1 100%}.bl-grup .seg button{padding:0 10px}}
@media (max-width:360px){.bl-grup .seg button{padding:0 6px;font-size:14px}}   /* 320 px: dört başlık tek satırda (a11y O1 reflow) */
/* dizin: Izgara görünümü (varsayılan; aynı satır işaretlemesi kart olur: kapak · istif + metin) */
:root:not([data-gorunum=dizin]) .bl-liste .yazilar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr));gap:var(--s7) var(--oluk)}
:root:not([data-gorunum=dizin]) .bl-liste .ys{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"g g" "m t";row-gap:var(--s4);align-content:start;height:100%;padding:0;background:none}
:root:not([data-gorunum=dizin]) .bl-liste .ys img{grid-area:g;grid-column:1/-1;margin:0;max-width:none;border-radius:var(--r-buyuk)}
:root:not([data-gorunum=dizin]) .bl-liste .ys .mini{grid-area:m}
:root:not([data-gorunum=dizin]) .bl-liste .ys-t{grid-area:t}
:root:not([data-gorunum=dizin]) .bl-liste .ys:hover{background:none}
:root:not([data-gorunum=dizin]) .bl-liste .ys:focus-visible{background:none;outline-offset:6px;border-radius:calc(var(--r-buyuk) + 6px)}
/* görünüm ya da süzgeç değişimi: yalnız opaklık, kısa (layout anime edilmez) */
[data-hazir] .bl-liste.gecis{animation:bl-gir var(--t-kisa) var(--e-giris)}
@keyframes bl-gir{from{opacity:0}}
/* yazı: okuma bloğu içindekiler (masaüstü yapışkan; aktif bölüm aria-current) */
.ok-dz li a{position:relative}
.ok-dz li a[aria-current]{color:var(--metin)}
.ok-dz li a[aria-current] .no{color:var(--metin)}
.ok-dz li a[aria-current]{background:var(--ic-ton)}
.bl-oku .ok-gov>.bl-kp{margin:0 0 var(--s6)}
.ok-ac{display:none}
@media (max-width:1023px){
 .bl-oku .ok-dz{display:none}
 .ok-ac{display:block;margin:0 0 var(--s5);border-radius:var(--r-m);background:var(--yuzey)}
 .ok-ac summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--s4);font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);font-weight:560;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;list-style:none}
 .ok-ac summary::-webkit-details-marker{display:none}
 .ok-ac summary:focus-visible{outline-offset:-3px;border-radius:var(--r-kart)}
 .ok-ac ol{list-style:none;margin:0;padding:0 var(--s4) var(--s3)}
 .ok-ac li a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;min-height:44px;align-items:center;padding:6px 8px;border-radius:var(--r-s);font-size:15px;line-height:1.35;color:var(--metin);text-decoration:none}
 .ok-ac .no{font-family:var(--f);font-feature-settings:"case";font-size:var(--t-etk);color:var(--metin-3)}
 .bl-oku .ok-gov{margin-top:0}
}
/* ölçü girişi: görünür odak halkası ≥ 2 px (WCAG 2.4.11; alt çizginin renk değişimi tek başına yetmiyordu) */
.rh-olcu .giris:focus-within,.olcu-bar .giris:focus-within,.olcu-g .giris:focus-within{outline:2px solid var(--odak);outline-offset:3px;border-radius:var(--r-s);box-shadow:inset 0 0 0 1.5px var(--metin)}
/* mobil menü açıkken sabit "Teklif iste" çubuğu gizli: panel üstüne binmez (panelde kendi Teklif iste düğmesi var) */
.mnav-acik .mbar{visibility:hidden}

/* =====================================================================================================
   CEM REVİZE 1 · 2026-11-03 · yüzey sistemi (çizgi yerine köşe yarıçaplı yüzeyler), hap navigasyon, blog hero
   Yüzey türleri: bilgi (.bolum → --yuzey-2) · veri (eksen, tablo kartı, kesim → --yuzey) · araç (ölçü paneli, numune → --yuzey)
   · vurgu (.bant → ters zemin). Yüzeyler boşluk (--yz-ara) ve ton farkıyla ayrılır; yarıçaplar --r-s/m/l/pill.
   Hareket yalnız transform/opacity (MOTION §2 token'ları); reduced-motion: dosya başındaki genel kural geçişleri kapatır.
   ===================================================================================================== */
/* veri yüzeyi: ölçü ekseni (dizin, seri kesiti). --zemin yerelde yüzey rengine döner: maskeler (yapışkan çubuklar, aile adı) yüzeyle aynı tonda kalır */
.eksen{--zemin:var(--yuzey);background:var(--zemin);border-radius:var(--r-l);padding:4px var(--s5) var(--s5)}
.dizin>.olcu-bar+.eksen,.dizin>.olcu-bar{margin-top:var(--yz-ara)}
.dizin .seri-bas{margin-bottom:var(--s3)}
@media (max-width:760px){.eksen{padding:2px 12px 12px}.olcu-bar,.rh-olcu{padding:14px 14px 16px}}
/* araç yüzeyi: numune paneli (malzeme, hesaplayıcı) */
.numune{background:var(--yuzey);border-radius:var(--r-l);padding:var(--s5)}
@media (max-width:760px){.numune{padding:var(--s4)}}
/* tablo kartı */
.tw{background:var(--yuzey);border-radius:var(--r-m);padding:6px}   /* başlık bandı kartın içinde, yarıçaplı */
@media (max-width:760px){.tw:has(> table.oz.cok){border-radius:0;padding:0}}
/* küçük öğeler */
.durum{padding:3px 9px}
.olcu-bar .giris:focus-within,.olcu-g .giris:focus-within,.rh-olcu .giris:focus-within{background:var(--yuzey)}

/* NAVİGASYON · hap (madde 8): yüzen hap çerçeve, kâğıt yüzey + ince gölge (koyu temada mürekkep). Aşağı kaydırınca yukarı kayarak gizlenir
   (yalnız transform, 180 ms), yukarı kaydırınca 240 ms ile iner; sayfa başında, odak içerideyken, menü/arama açıkken gizlenmez (site.js html.ust-gizli). */
.ust{box-shadow:0 1px 2px rgb(15 12 14 / .06),0 10px 28px -14px rgb(15 12 14 / .3)}
:root[data-tema="koyu"] .ust,:root[data-tema="koyu"] .mbar{background:var(--yuzey);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06),0 12px 32px -12px rgb(0 0 0 / .85)}
.ust-w{transition:transform var(--t-orta) var(--e-giris)}
.ust-gizli .ust-w{transform:translateY(calc(-100% - 32px));transition:transform var(--t-kisa) var(--e-hareket)}
.ust-gizli .ust-w:focus-within,.mega-acik .ust-w,.mnav-acik .ust-w{transform:none}
@media (hover:hover) and (pointer:fine){.ust nav>ul>li>button:hover,.ust nav>ul>li>a:hover{background:var(--ic-ton)}}
.ust nav>ul>li>button[aria-expanded="true"]{background:var(--yuzey-2)}

/* BLOG YAZISI · hero (madde 6) */
.bl-hero{padding-top:var(--s4)}
.bh-yz{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;min-width:0;aspect-ratio:2.2/1;min-height:clamp(320px,36vw,440px);border-radius:var(--r-l);overflow:hidden;background:var(--yuzey-2)}
.bh-yz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.bh-m{width:100%;padding:var(--s5) var(--yz-p) var(--yz-p)}
.bh-m>*{max-width:52rem}
.bh-m h1{font-size:var(--t-h1);line-height:1.02;font-weight:650;letter-spacing:-.02em;margin-top:var(--s3)}
.bh-m .bl-meta{margin-top:var(--s4)}
/* tonlama metnin yüksekliğini izler: metnin arkası en az %72 mürekkep (en kötü durumda beyaz kapakta bile beyaz metin ≥ 6:1), üstünde 140 px'te söner */
/* Cem revize 2 · 3: tonlama çok duraklı ve yumuşatılmış (scrim eğrisi, 13 durak): metnin arkası en az %72 mürekkep (beyaz kapakta bile AA), üstte --bh-sol boyunca kademesiz söner */
.bh-yz.gorsel .bh-m{--bh-sol:180px;padding-top:var(--bh-sol);color:var(--naturel-50);background:linear-gradient(to top,rgb(15 12 14 / .86),rgb(15 12 14 / 0.720) calc(100% - var(--bh-sol) * 1.000),rgb(15 12 14 / 0.531) calc(100% - var(--bh-sol) * 0.810),rgb(15 12 14 / 0.390) calc(100% - var(--bh-sol) * 0.660),rgb(15 12 14 / 0.275) calc(100% - var(--bh-sol) * 0.530),rgb(15 12 14 / 0.200) calc(100% - var(--bh-sol) * 0.435),rgb(15 12 14 / 0.140) calc(100% - var(--bh-sol) * 0.350),rgb(15 12 14 / 0.091) calc(100% - var(--bh-sol) * 0.270),rgb(15 12 14 / 0.054) calc(100% - var(--bh-sol) * 0.198),rgb(15 12 14 / 0.030) calc(100% - var(--bh-sol) * 0.139),rgb(15 12 14 / 0.015) calc(100% - var(--bh-sol) * 0.090),rgb(15 12 14 / 0.006) calc(100% - var(--bh-sol) * 0.048),rgb(15 12 14 / 0.001) calc(100% - var(--bh-sol) * 0.018),rgb(15 12 14 / 0) calc(100% - var(--bh-sol) * 0))}
.bh-yz.gorsel .etk,.bh-yz.gorsel .bl-meta{color:rgb(243 238 236 / .86)}
.bh-yz.gorsel :focus-visible{outline-color:var(--naturel-50)}
.bl-ozet{padding-top:var(--s6)}
.bl-ozet .tanim{font-size:var(--t-tanim);line-height:1.4;max-width:46ch}
.bl-ozet+.bolum{margin-top:var(--s6)}
@media (max-width:760px){.bh-yz{aspect-ratio:4/5;min-height:0}.bh-yz.gorsel .bh-m{--bh-sol:140px}.bh-m h1{font-size:clamp(1.875rem,1.2rem + 3.4vw,2.5rem)}}

/* sayfa başı: eksen ve bölüm aralığı */
.sf-bas+.dizin,.sf-bas+.bolum{margin-top:0}
.kirinti+.wrap.sf-bas{padding-top:var(--s6)}

/* squircle (destekleyen tarayıcıda; öteki tarayıcılar aynı yarıçapla yuvarlak köşe) */
@supports (corner-shape:squircle){
 .ust,.bolum>.izgara,.eksen,.kesim .izgara,.bant-i,footer.alt .ft-yz,.olcu-bar,.rh-olcu,.numune,.tf-yan,.kalem,.kim,dialog.ac,.mega-zemin,.mega-golge,.mnav,.bh-yz,.tw,.fsat,details.sss,details.vn,
 .etiket,.sira-a,.sira-d,.ys,.renk-l li,.is-ul li,.ks-k>div,.agr,.isr-sat,.not-kutu,.mbar,.ok-ac,.sr,.sr-kart,.sr-plaka{corner-shape:squircle}
}

/* ANA SAYFA · KULLANIM ALANI ŞERİDİ (Cem: "3 · Şerit", 04-design/web/kullanim-alani/3-serit/). Koyu vurgu yüzeyi (iki temada koyu), --r-l; kartlar --r-m.
   Kaydırma her cihazda yerel (overflow-x + scroll-snap): GSAP ve JS olmadan da çalışır. Masaüstünde fareyle sürükleme site.js'te.
   Çekmece: iç yüzey kendi çekmece yüksekliği kadar yukarı kayar (yalnız transform, 520 ms --e-hareket ≈ power3.inOut); levhalar alttan üste istife iner,
   liste satırları istif sırasıyla gelir. Bölümün vitrin hareketleri ≤ 520 ms: Cem kararı (seviye A istisnası). reduced-motion: genel kural → anlık. */
.serit{margin-top:var(--yz-ara)}
.sr{--sr-p:var(--yz-p);--sr-kart:var(--yuzey);position:relative;padding:var(--sr-p) 0;border-radius:var(--r-l);background:var(--naturel-950);color:var(--naturel-50);overflow:hidden;overflow:clip}
:root[data-tema="koyu"] .sr{--sr-kart:var(--yuzey-2)}
.sr-bas{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s5) var(--s7);align-items:end;padding:0 var(--sr-p) var(--s6)}
.sr-bas .etk{color:var(--naturel-300)}
.sr-bas h2{margin-top:12px;font-size:var(--t-h2);line-height:1.06;font-weight:600;letter-spacing:-.01em}
.sr-bas p:not(.etk){color:var(--naturel-300);max-width:40em}
.sr-kontrol{display:flex;align-items:center;gap:12px;margin-top:var(--s4)}
.sr-sayac{margin-right:auto;font-family:var(--f);font-feature-settings:"case";font-size:13px;color:var(--naturel-300)}
.sr-sayac b{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--naturel-50);margin-right:4px}
.sr-ipucu{font-family:var(--f);font-feature-settings:"case";font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--naturel-400)}
.sr-btn{width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--r-pill);background:var(--naturel-800);color:var(--naturel-50);cursor:pointer;transition:background-color var(--t-mikro),opacity var(--t-mikro)}
.sr-btn.geri svg{transform:scaleX(-1)}
.sr-btn[aria-disabled="true"]{opacity:.35;cursor:default}
.sr-btn:focus-visible{outline-color:var(--murdum-300)}
@media (hover:hover) and (pointer:fine){.sr-btn:not([aria-disabled="true"]):hover{background:var(--naturel-700)}}
.sr-pencere{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sr-p);overscroll-behavior-x:contain;scrollbar-width:none;touch-action:manipulation;padding:6px 0}
.sr-pencere::-webkit-scrollbar{display:none}
.sr-pencere.serbest{scroll-snap-type:none}   /* sürükleme ve yaslanma tween'i sürerken tarayıcı yaslaması beklemede */
@media (hover:hover) and (pointer:fine){.sr-pencere{cursor:grab;-webkit-user-select:none;user-select:none}.sr-pencere.tutuyor{cursor:grabbing}}
.sr-ray{display:flex;gap:16px;width:max-content;margin:0;padding:0 var(--sr-p);list-style:none}
.sr-kart{--w:clamp(300px,25vw,368px);--h:calc(var(--w)*1.36);flex:none;position:relative;width:var(--w);height:var(--h);scroll-snap-align:start;border-radius:var(--r-m);overflow:hidden;overflow:clip;isolation:isolate;background:var(--sr-kart);color:var(--metin)}
.sr-kart:has(.sr-a:focus-visible){outline:2px solid var(--murdum-300);outline-offset:3px}
.sr-a{position:absolute;inset:0;border-radius:inherit}
.sr-a:focus-visible{outline:0}
.sr-ic{position:absolute;left:0;right:0;top:0;pointer-events:none;transition:transform 340ms var(--e-hareket)}
.sr-foto{position:relative;height:var(--h)}
.sr-foto img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.sr-plaka{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:12px 14px;border-radius:var(--r-s);background:var(--sr-kart)}
.sr-no{grid-row:span 2;padding-top:5px;font-family:var(--f);font-feature-settings:"case";font-size:12px;color:var(--metin-3)}
.sr-ad{font-weight:620;font-size:clamp(1.125rem,.85rem + .6vw,1.5rem);line-height:1.08;letter-spacing:-.01em}
.sr-say{font-family:var(--f);font-feature-settings:"case";font-size:12px;line-height:1.3;color:var(--metin-3)}
.sr-cekmece{display:grid;grid-template-columns:60px minmax(0,1fr);gap:4px 8px;align-content:start;padding:8px 12px 12px}
.sr-istif{padding-top:6px}
.sr-istif svg{display:block;width:100%;height:auto;overflow:visible}
.sr-liste{display:grid;gap:0;align-content:start;margin:0;padding:0;list-style:none}
.sr-liste a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 8px;min-height:32px;padding:2px 6px;border-radius:var(--r-s);text-decoration:none;font-weight:580;font-size:14px;line-height:1.1;transition:background-color var(--t-mikro)}
.sr-liste a:focus-visible,.sr-yazi .bag:focus-visible{outline-offset:-2px}
.sr-liste small{grid-column:1/-1;font-family:var(--f);font-feature-settings:"case";font-size:11.5px;font-weight:400;line-height:1.2;color:var(--metin-3)}
.sr-liste .renkler{grid-column:2;grid-row:1}
.renkler{display:inline-flex;gap:3px}
.renkler i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(23 20 21 / .28)}
.renkler i.seffaf{background:linear-gradient(135deg,#fff 0 45%,var(--naturel-400) 45% 55%,#fff 55%)}
:root[data-tema="koyu"] .renkler i{box-shadow:inset 0 0 0 1px rgb(255 255 255 / .3)}
@media (hover:hover) and (pointer:fine){.sr-liste a:hover{background:var(--ic-ton)}}
.sr-yazi{grid-column:1/-1;margin-top:2px}
.sr-yazi .bag{min-height:40px;font-size:15px;color:var(--marka)}
.sr-yazi p{margin-top:6px;font-family:var(--f);font-feature-settings:"case";font-size:12px;line-height:1.3;color:var(--metin-2)}
.sr-ilerleme{height:4px;margin:var(--s5) var(--sr-p) 0;border-radius:var(--r-pill);background:var(--naturel-800);overflow:hidden}
.sr-ilerleme i{display:block;height:100%;border-radius:var(--r-pill);background:var(--naturel-300);transform-origin:0 50%;transform:scaleX(.1)}
/* çekmece kapalı: içerik bekler (kapanış kısa, gecikmesiz) */
.sr-cekmece{pointer-events:none}
.sr-istif .lv,.sr-liste li,.sr-yazi{opacity:0;transition:opacity 120ms var(--e-giris),transform 120ms var(--e-giris)}
.sr-istif .lv{transform:translateY(-26px)}
.sr-liste li{transform:translateX(16px)}
/* çekmece açık: dokunmatikte .acik (yaslanan kart), klavyede odak, masaüstünde hover (sürüklerken değil) */
.sr-kart{--sr-ad:min(60ms,calc(240ms / (var(--n,2) - 1)))}   /* levha arası gecikme; kalabalık istifte toplam ≤ 240 ms */
.sr-kart.acik .sr-ic,.sr-kart:has(:focus-visible) .sr-ic{transform:translateY(calc(var(--h) - 100%));transition-duration:520ms}
.sr-kart.acik .sr-cekmece,.sr-kart:has(:focus-visible) .sr-cekmece{pointer-events:auto}
.sr-kart.acik :is(.lv,.sr-liste li,.sr-yazi),.sr-kart:has(:focus-visible) :is(.lv,.sr-liste li,.sr-yazi){opacity:1;transform:none}
.sr-kart.acik .lv,.sr-kart:has(:focus-visible) .lv{transition:opacity 300ms var(--e-giris) calc(220ms + var(--i)*var(--sr-ad)),transform 300ms cubic-bezier(.33,1,.68,1) calc(220ms + var(--i)*var(--sr-ad))}
.sr-kart.acik .sr-liste li,.sr-kart:has(:focus-visible) .sr-liste li{transition:opacity 320ms var(--e-giris) calc(260ms + var(--j)*var(--sr-ad)),transform 320ms var(--e-giris) calc(260ms + var(--j)*var(--sr-ad))}
.sr-kart.acik .sr-yazi,.sr-kart:has(:focus-visible) .sr-yazi{transition:opacity 240ms var(--e-giris) 400ms}
@media (hover:hover) and (pointer:fine){
 .sr-pencere:not(.tutuyor) .sr-kart:hover .sr-ic{transform:translateY(calc(var(--h) - 100%));transition-duration:520ms}
 .sr-pencere:not(.tutuyor) .sr-kart:hover .sr-cekmece{pointer-events:auto}
 .sr-pencere:not(.tutuyor) .sr-kart:hover :is(.lv,.sr-liste li,.sr-yazi){opacity:1;transform:none}
 .sr-pencere:not(.tutuyor) .sr-kart:hover .lv{transition:opacity 300ms var(--e-giris) calc(220ms + var(--i)*var(--sr-ad)),transform 300ms cubic-bezier(.33,1,.68,1) calc(220ms + var(--i)*var(--sr-ad))}
 .sr-pencere:not(.tutuyor) .sr-kart:hover .sr-liste li{transition:opacity 320ms var(--e-giris) calc(260ms + var(--j)*var(--sr-ad)),transform 320ms var(--e-giris) calc(260ms + var(--j)*var(--sr-ad))}
 .sr-pencere:not(.tutuyor) .sr-kart:hover .sr-yazi{transition:opacity 240ms var(--e-giris) 400ms}
}
@media (max-width:900px){.sr-bas{grid-template-columns:1fr;align-items:start}}
@media (max-width:760px){
 .sr-kart{--w:min(82vw,340px)}
 .sr-btn,.sr-ipucu{display:none}
}
@media (hover:none){.sr-ipucu{display:none}}

/* yapışkan ölçü çubuğu nav'ın altında (Cem revize 1 açık maddesi): nav görünürken top = nav yüksekliği + 8 px boşluk.
   Geçiş yalnız transform: site.js top değişiminin farkını FLIP ile transform'dan oynatır (nav ile aynı süre ve eğri). */
:root{--ust-alt:76px}   /* 12 üst boşluk + 56 nav + 8 */
@media (max-width:900px){:root{--ust-alt:70px}}
html:not(.ust-gizli){--ust-y:var(--ust-alt)}
.dizin .ozet-bar,.dizin .olcek-bar{transition:transform var(--t-orta) var(--e-giris)}
.ust-gizli .dizin .ozet-bar,.ust-gizli .dizin .olcek-bar{transition:transform var(--t-kisa) var(--e-hareket)}
@media (min-width:901px){.dizin .ozet-bar{top:var(--ust-y,0px)}.dizin .olcek-bar{top:calc(var(--ust-y,0px) + 56px)}}
@media (max-width:900px){.dizin .olcek-bar{top:var(--ust-y,0px)}}

/* ================================================================ Cem revize 2 */
/* 6 · akordeon: tüm details sağda artı/eksi (yalnız transform: dikey çubuk 90° döner, yataya oturur) + içerik yüksekliği animasyonlu (::details-content + interpolate-size; desteklemeyen tarayıcıda anlık) */
details>summary{position:relative;list-style:none;cursor:pointer;padding-right:44px}
details>summary::-webkit-details-marker{display:none}
details>summary::before,details>summary::after{content:"";position:absolute;top:50%;right:var(--pm-sag,6px);width:14px;height:1.5px;margin-top:-.75px;border-radius:1px;background:currentColor;transition:transform var(--t-orta) var(--e-giris)}
details>summary::after{transform:rotate(90deg)}
details[open]>summary::after{transform:rotate(180deg)}
details.kaynaklar>summary{color:var(--metin)}
.ok-ac{--pm-sag:var(--s4)}
.mnav details{--pm-sag:4px}
@supports (interpolate-size:allow-keywords) and selector(::details-content){
 details{interpolate-size:allow-keywords}
 details::details-content{block-size:0;opacity:0;overflow-y:clip;transition:block-size var(--t-orta) var(--e-hareket),opacity var(--t-kisa) var(--e-giris),content-visibility var(--t-orta) allow-discrete}
 details[open]::details-content{block-size:auto;opacity:1}
}
@media (prefers-reduced-motion:reduce){details::details-content{transition:none!important}}
/* 7 · veri notları bağlantısı (şablonlarda tek satır) */
.vn-bag{margin-top:var(--s4)}
.rh-olcu .vn-bag,.olcu-bar .vn-bag{margin-top:var(--s2);font-size:14px}
details.sss>summary{padding-right:44px}
.ok-ac>summary{padding-right:calc(var(--s4) + 30px)}
/* Xmind (2026-11-03): rakamlar orantılı (tnum yok) → değişen sayılar sabit kutuda; değer değişince yanındaki metin kaymaz */
.agr .kg b{min-width:4.5em}
.k-kg b{display:inline-block;min-width:5.6em}
/* kapsam denetimi (2026-11-03): teklifte stokta olmayan form gizli (K1) · ithal ebat etiketi (K7) · kaynak farkı notu (standart birleştirme) · akrilik renk notu (K3) */
.seg label[hidden]{display:none}
.sat-ek .seg.ebat button:has(.ithal){flex-wrap:wrap;row-gap:0;line-height:1.15;padding:4px 2px}
.seg.ebat .ithal{flex-basis:100%;text-align:center;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--metin-3)}
.seg.ebat button[aria-pressed="true"] .ithal{color:inherit;opacity:.8}
table.oz td.d .fark{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:var(--metin-2);white-space:normal}
.renk-not{font-size:13px;color:var(--metin-2)}

/* TEMA DÜĞMESİ (Cem 2026-11-03): açıkta ay (koyuya geç), koyuda güneş (açığa geç). İkonlar üst üste; görünür olan html[data-tema]'dan (tema betiği ilk karede yazar → FOUC yok).
   Giden döner-küçülür-solar (rotate −90° · scale .6 · opacity 0), gelen tersinden; ışınlar 60 ms kademeyle. Toplam 180 + 60 = 240 ms ≤ 280; yalnız transform + opacity.
   Geçiş yalnız data-hazir (ilk yüklemeden sonra) ve data-hareket (reduced-motion değil) iken. */
.tm-ik{position:relative;display:block;width:22px;height:22px}
.tm-ik .i{position:absolute;inset:0;width:22px;height:22px;transform-origin:50% 50%}
.tm-gn{opacity:0;transform:rotate(90deg) scale(.6)}
:root[data-tema="koyu"] .tm-ay{opacity:0;transform:rotate(-90deg) scale(.6)}
:root[data-tema="koyu"] .tm-gn{opacity:1;transform:none}
[data-hareket][data-hazir] .tm-ik .i{transition:opacity var(--t-kisa) var(--e-hareket),transform var(--t-kisa) var(--e-hareket)}
[data-hareket][data-hazir][data-tema="koyu"] .tm-isin{transition-delay:60ms}
.ust .tema:focus-visible{outline:2px solid var(--odak);outline-offset:2px}

/* Cem 2026-11-04: mobilde nav ve alttaki teklif çubuğu çerçevesiz. Nav kenardan kenara düz şerit (sayfa zemini; içerik altında kaybolur), teklif düğmesi tek başına yüzer */
@media (max-width:900px){
  .ust-w{padding-top:0;background:var(--zemin)}
  .ust-w>.wrap{padding:0}
  .ust,:root[data-tema="koyu"] .ust{border-radius:0;box-shadow:none;background:transparent;padding:0 6px 0 var(--kenar)}
  .mnav{top:58px;max-height:calc(100dvh - 74px)}
  .mbar,:root[data-tema="koyu"] .mbar{padding:0;margin:0 var(--kenar);bottom:max(12px,env(safe-area-inset-bottom));border-radius:0;background:transparent;box-shadow:none}
}