/* APD B2B — kurumsal tema (05.10.2026, Orhan: "daha kurumsal ... Dinamik'in B2B'si mantığında").
   Düzen: üst araç çubuğu (ikonlu düğmeler) · arama şeridi (üretici / araç / parça) · yoğun sonuç tablosu
   (depo depo stok sütunları, liste / iskonto / KDV'siz / KDV'li / havale) · altta firma bilgisi çubuğu.
   Renk: logodaki APD mavisi + lacivert; masaüstünde tablo, 900 px altında aynı satırlar kart olur. */
:root{
--zemin:#E9EDF3;--yuzey:#FFFFFF;--yuzey2:#F5F7FA;--yuzey3:#E3E9F1;--cizgi:#D2DAE5;--cizgi2:#BCC7D6;
--murekkep:#132036;--soluk:#5A6A80;--marka:#1767E0;--marka-koyu:#0F4FB4;--marka-zemin:#E3EDFD;
--laci:#0C234A;--laci2:#163763;--laci-yazi:#D8E2F2;
--yesil:#1B873A;--yesil-zemin:#E3F3E7;--kirmizi:#C9342B;--kirmizi-zemin:#FBE8E6;--camgobegi:#0B6E8A;--camgobegi-zemin:#DDF1F6;
--amber:#A85A06;--amber-zemin:#FDF0D8;--gri:#8A96A8;--gri-zemin:#EDF0F4;
--fiyat:#0F4FB4;--havale:#1B873A;--secili:#FFF7D6;--golge:0 1px 2px rgba(12,35,74,.08),0 2px 8px rgba(12,35,74,.06);
--gorsel:#FFFFFF;--etiket:#163763;--kaydir-golge:rgba(12,35,74,.22);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--zemin:#07111F;--yuzey:#0E1A2C;--yuzey2:#122236;--yuzey3:#172A44;--cizgi:#22385A;--cizgi2:#2D4870;
--murekkep:#E6ECF5;--soluk:#97A6BD;--marka:#5B9BFF;--marka-koyu:#8DB8FF;--marka-zemin:#13305C;
--laci:#050C17;--laci2:#0E1F3A;--laci-yazi:#B9C7DD;
--yesil:#4CC970;--yesil-zemin:#0F2E1C;--kirmizi:#FF7B70;--kirmizi-zemin:#3A1716;--camgobegi:#3FC7E6;--camgobegi-zemin:#0B2D38;
--amber:#F2B24C;--amber-zemin:#33240A;--gri:#7C8AA3;--gri-zemin:#162341;
--fiyat:#8DB8FF;--havale:#4CC970;--secili:#2A2810;--golge:0 1px 2px rgba(0,0,0,.4);--gorsel:#FFFFFF;--etiket:#C9D7EE;--kaydir-golge:rgba(0,0,0,.6);color-scheme:dark}}
:root[data-theme="dark"]{
--zemin:#07111F;--yuzey:#0E1A2C;--yuzey2:#122236;--yuzey3:#172A44;--cizgi:#22385A;--cizgi2:#2D4870;
--murekkep:#E6ECF5;--soluk:#97A6BD;--marka:#5B9BFF;--marka-koyu:#8DB8FF;--marka-zemin:#13305C;
--laci:#050C17;--laci2:#0E1F3A;--laci-yazi:#B9C7DD;
--yesil:#4CC970;--yesil-zemin:#0F2E1C;--kirmizi:#FF7B70;--kirmizi-zemin:#3A1716;--camgobegi:#3FC7E6;--camgobegi-zemin:#0B2D38;
--amber:#F2B24C;--amber-zemin:#33240A;--gri:#7C8AA3;--gri-zemin:#162341;
--fiyat:#8DB8FF;--havale:#4CC970;--secili:#2A2810;--golge:0 1px 2px rgba(0,0,0,.4);--gorsel:#FFFFFF;--etiket:#C9D7EE;--kaydir-golge:rgba(0,0,0,.6);color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums}
body.girisli{padding-bottom:34px}
a{color:var(--marka)}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--marka);outline-offset:2px}

/* ── üst çubuk ───────────────────────────────────────────── */
header.ust{position:relative;z-index:10;background:var(--yuzey);border-top:4px solid var(--marka);box-shadow:var(--golge)}
/* Üst alan iki sütun (Orhan 05.10: banner "aşağı doğru uzat, 945x305"): solda logo + düğmeler + arama, sağda banner.
   ~300 px yüksek olduğu için yapışkan DEĞİL. */
.ust-ic{max-width:1480px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,945px);gap:14px;
align-items:start}
.ust-sol{display:grid;gap:8px;align-content:start;min-width:0}
.ust-satir{display:flex;align-items:center;gap:10px;min-width:0}
/* Logo = ana sitenin logo.png dosyasının KENDİSİ (Orhan 05.10: "logomu niye kullanmıyorsun"); koyu zeminde aynı logonun
   siyah harfleri beyaz (logo-beyaz.png). Yanındaki B2B rozeti logonun parçası değil. */
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}
.logo-img{display:block;height:40px;width:auto}
.logo-b2b{background:var(--laci);color:#fff;font-family:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif;font-weight:700;
font-size:.78rem;letter-spacing:.08em;line-height:1;padding:5px 7px;border-radius:4px}
.arac-cubugu{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.arac-cubugu::-webkit-scrollbar{display:none}
.arac{position:relative;display:grid;justify-items:center;gap:2px;min-width:70px;padding:6px 8px 5px;border:1px solid transparent;
border-radius:6px;background:none;color:var(--murekkep);font:inherit;font-size:.74rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.arac svg.i{width:24px;height:24px;color:var(--marka);stroke-width:1.6}
.arac:hover{background:var(--yuzey2);border-color:var(--cizgi)}
.arac[aria-current="page"]{background:var(--marka-zemin);border-color:var(--marka);color:var(--marka-koyu)}
.arac .rozet{position:absolute;top:1px;right:10px}
.rozet{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--kirmizi);color:#fff;font-size:.68rem;
font-weight:700;text-align:center;line-height:18px}
.rozet[hidden]{display:none}
/* Banner (afiş) alanı — Orhan 05.10: "buraya yazı yazma, banner yapıcaz dikdörtgen". Görseller static/afis/ (önerilen 1200×150, 8:1);
   birden çoksa 6 sn'de bir döner. Klasör/sınıf adında 'banner' YOK: reklam engelleyiciler gizliyor. Boşken yazısız çerçeve. */
.afis{position:relative;width:100%;aspect-ratio:945 / 305;border-radius:10px;overflow:hidden;
background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px),
repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px),
linear-gradient(100deg,#0B2147,#163763 60%,#0F4FB4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.afis img{display:block;width:100%;height:100%;object-fit:cover}
.afis img[hidden]{display:none}
.afis button{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;
background:rgba(5,12,23,.55);color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.afis .afis-onceki{left:6px}.afis .afis-sonraki{right:6px}
.cikis{margin:0 0 0 auto;flex:none}
.cikis .arac svg.i{color:var(--kirmizi)}

/* ── sayfa ───────────────────────────────────────────────── */
main{max-width:1480px;margin:0 auto;padding:12px 16px 28px;display:grid;gap:10px}
main > *{min-width:0}
.sonuc-bas{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.sonuc-bas h1{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.35rem;margin:0}
.sonuc-bas span{color:var(--soluk);font-size:.82rem}

/* ── arama şeridi ────────────────────────────────────────── */
.arama-form{display:grid;gap:6px}
.arama-son{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.alan{display:flex;align-items:center;gap:8px;background:var(--yuzey2);border:1px solid var(--cizgi2);border-radius:6px;padding:0 10px;min-width:0}
.alan svg.i{width:18px;height:18px;color:var(--soluk)}
.alan input{flex:1;min-width:0;border:0;background:transparent;color:var(--murekkep);font:inherit;font-size:.95rem;padding:11px 0;outline:none}
.alan:focus-within{border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-zemin);background:var(--yuzey)}
.alan.ana{border-width:2px;border-color:var(--marka)}
.arama-form .btn{height:auto;min-height:40px;gap:8px;padding:0 22px}
.arama-alt{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:6px;font-size:.78rem;color:var(--soluk)}
.arama-alt b{color:var(--murekkep)}

/* ── sekmeler (sonuç süzgeci) ────────────────────────────── */
.sekme-satiri{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;border-bottom:2px solid var(--marka);margin-bottom:-10px}
.sekme{display:flex;gap:2px;overflow-x:auto;min-width:0;max-width:100%}
.sekme a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--cizgi);border-bottom:0;border-radius:6px 6px 0 0;
background:var(--yuzey3);color:var(--murekkep);font-weight:600;font-size:.84rem;text-decoration:none;white-space:nowrap}
.sekme a b{font-weight:700;color:var(--soluk);font-size:.78rem}
.sekme a[aria-current="true"]{background:var(--marka);border-color:var(--marka);color:#fff}
.sekme a[aria-current="true"] b{color:#D6E5FF}
.sekme-bilgi{margin-left:auto;font-size:.76rem;color:var(--soluk);padding-bottom:6px}

/* ── sonuç tablosu ───────────────────────────────────────── */
.tablo-cerceve{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:0 0 8px 8px;box-shadow:var(--golge);overflow-x:auto}
table.sonuc{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}
table.sonuc thead th{position:sticky;top:0;background:var(--yuzey3);color:var(--laci2);font-weight:700;font-size:.74rem;letter-spacing:.02em;
text-align:left;padding:8px 6px;border-bottom:1px solid var(--cizgi2);white-space:normal;line-height:1.15;vertical-align:bottom}
:root[data-theme="dark"] table.sonuc thead th{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) table.sonuc thead th{color:var(--murekkep)}}
table.sonuc td{padding:5px 6px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
table.sonuc tbody tr:nth-child(even of .satir) td{background:var(--yuzey2)}
table.sonuc tbody tr.satir:hover td{background:var(--secili)}
table.sonuc th.sayi,table.sonuc td.sayi{text-align:right;white-space:nowrap}
table.sonuc th.orta,table.sonuc td.orta{text-align:center}
.c-kod{white-space:nowrap}
.c-kod .marka{display:inline-block;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.04em;
color:var(--etiket);background:var(--yuzey3);border:1px solid var(--cizgi);border-radius:3px;padding:0 5px;margin-right:4px;vertical-align:1px}
.kod{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.8rem;font-weight:500}
.c-kod .kod{color:var(--murekkep)}
.c-urun{min-width:190px}
/* genel tablo kuralı (th,td nowrap) ürün adını tek satıra zorluyordu -> tablo 1592 px'de bile sağa taşıyordu */
table.sonuc td.c-urun{white-space:normal}
.muadil-ac{white-space:nowrap}
.c-urun .urun-adi{font-weight:500}
.c-oem a{font-family:"IBM Plex Mono",monospace;font-size:.76rem;color:var(--murekkep);text-decoration:none;border-bottom:1px dotted var(--cizgi2)}
.c-oem a:hover{color:var(--marka);border-color:var(--marka)}
.oem-fazla{display:inline-block;margin-left:4px;font-size:.7rem;font-weight:700;color:var(--soluk);background:var(--yuzey3);border-radius:8px;padding:0 6px;cursor:help}
.isaret{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px}
.isaret svg.i{width:16px;height:16px;stroke-width:2.6}
.isaret.var{color:var(--yesil)}
.isaret.yok{color:var(--kirmizi)}
.isaret.adet{width:auto;min-width:22px;padding:0 4px;border:1.5px solid var(--yesil);color:var(--yesil);font-weight:700;font-size:.78rem}
.f-liste{color:var(--soluk)}
.f-isk{color:var(--amber);font-weight:700}
.f-net{font-weight:700;color:var(--fiyat);font-size:.92rem}
.f-havale{color:var(--havale);font-weight:600}
.adet{width:52px;font:inherit;font-size:.84rem;text-align:center;padding:5px 2px;border:1px solid var(--cizgi2);border-radius:5px;background:var(--yuzey);color:var(--murekkep)}
.ikon-dugme{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--cizgi);border-radius:5px;background:var(--yuzey);
color:var(--soluk);cursor:pointer;padding:0}
.ikon-dugme svg.i{width:17px;height:17px}
.ikon-dugme:hover{color:var(--marka);border-color:var(--marka)}
.kopya{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:4px;border:0;border-radius:4px;background:none;color:var(--soluk);
cursor:pointer;padding:0;vertical-align:-5px}
.kopya svg.i{width:14px;height:14px}
.kopya:hover{background:var(--marka-zemin);color:var(--marka)}
.kopya.tamam{color:var(--yesil);background:var(--yesil-zemin)}
.muadil-ac{margin-left:6px;font:inherit;font-size:.72rem;font-weight:700;color:var(--marka);background:var(--marka-zemin);border:0;border-radius:4px;
padding:1px 7px;cursor:pointer;white-space:nowrap}
.muadil-ac[aria-expanded="true"]{background:var(--marka);color:#fff}
.sepet-btn{height:30px;width:38px;padding:0;gap:4px;font-size:.78rem}
.sepet-btn .etiket{display:none}
.sepet-btn[disabled]{width:auto;padding:0 8px}
@media (max-width:1320px){table.sonuc .c-kdvsiz{display:none}}
@media (max-width:1150px){table.sonuc .c-havale,table.sonuc .c-isk{display:none}}
.sepet-btn svg.i{width:16px;height:16px}
tr.tukendi td{color:var(--soluk)}
tr.tukendi .f-net{color:var(--soluk)}
tr.alt-satir td{background:var(--marka-zemin)}
tr.alt-satir td:first-child{box-shadow:inset 4px 0 0 var(--marka)}
tr.alt-satir .urun-adi::before{content:"Eşdeğer · ";font-weight:700;color:var(--marka-koyu);font-size:.72rem;letter-spacing:.02em}
tr.alt-bilgi td{background:var(--marka-zemin);color:var(--soluk);font-size:.8rem;box-shadow:inset 4px 0 0 var(--marka)}
.bos-satir td{padding:22px 12px;text-align:center;color:var(--soluk)}

/* ── karşılama paneli ────────────────────────────────────── */
.karsilama{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;box-shadow:var(--golge);padding:14px 16px;display:grid;gap:8px;align-content:start}
.panel h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.05rem;color:var(--laci2);display:flex;align-items:center;gap:8px}
:root[data-theme="dark"] .panel h2{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .panel h2{color:var(--murekkep)}}
.panel h2 svg.i{color:var(--marka);width:20px;height:20px}
.panel p{margin:0;color:var(--soluk)}
.ipucu{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--murekkep)}
.ipucu code{font-family:"IBM Plex Mono",monospace;font-size:.82rem;background:var(--yuzey3);border-radius:3px;padding:0 4px}
.kucuk-sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kucuk-sayilar div{border:1px solid var(--cizgi);border-radius:6px;padding:8px 10px;display:grid;gap:1px;background:var(--yuzey2)}
.kucuk-sayilar b{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.35rem;color:var(--laci2)}
:root[data-theme="dark"] .kucuk-sayilar b{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kucuk-sayilar b{color:var(--murekkep)}}
.kucuk-sayilar span{font-size:.74rem;color:var(--soluk)}

/* ── genel kutular, tablolar, formlar (sepet, sipariş, cari, kayıt) ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid var(--marka-koyu);border-radius:6px;
background:var(--marka);color:#fff;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;padding:0 16px;text-decoration:none}
.btn:hover{background:var(--marka-koyu)}
.btn.tam{width:100%}
.btn[disabled]{background:var(--gri-zemin);border-color:var(--cizgi);color:var(--gri);cursor:not-allowed}
.btn-yazi{font:inherit;font-weight:600;color:var(--marka);background:none;border:0;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.kutu-hata{margin:0;background:var(--kirmizi-zemin);border:1px solid var(--kirmizi);border-left-width:4px;border-radius:6px;padding:9px 12px;font-size:.88rem}
.kutu-hata ul{margin:6px 0 0;padding-left:18px}
.kutu-bilgi{margin:0;background:var(--yesil-zemin);border:1px solid var(--yesil);border-left-width:4px;border-radius:6px;padding:9px 12px;font-size:.88rem}
.kutu-uyari{margin:0;background:var(--amber-zemin);border:1px solid var(--amber);border-left-width:4px;border-radius:6px;padding:9px 12px;font-size:.88rem}
.bos-kutu{background:var(--yuzey);border:1px dashed var(--cizgi2);border-radius:8px;padding:16px}
.bos-kutu h1{margin:0 0 6px;font-family:"IBM Plex Sans Condensed",sans-serif}
.ozet-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ozet-kutular div{background:var(--yuzey);border:1px solid var(--cizgi);border-top:3px solid var(--marka);border-radius:6px;padding:10px 14px;display:grid;gap:2px;box-shadow:var(--golge)}
.ozet-kutular span,.ozet-kutular small{color:var(--soluk);font-size:.78rem}
.ozet-kutular b{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.4rem}
.tablo-kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:12px 14px;display:grid;gap:8px;box-shadow:var(--golge)}
.tablo-kutu h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.08rem;color:var(--laci2)}
:root[data-theme="dark"] .tablo-kutu h2{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tablo-kutu h2{color:var(--murekkep)}}
.kaydir{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.86rem}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
th{background:var(--yuzey3);color:var(--soluk);font-weight:700;font-size:.76rem}
td.sayi,th.sayi{text-align:right}
.liste{display:grid;gap:6px}
.urun{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;overflow:hidden}
.bilgi{display:grid;gap:3px;min-width:0}
.ust-sat{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.marka{font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.04em;border:1px solid var(--cizgi);border-radius:3px;padding:0 6px}
.urun-adi{font-weight:600}
.stok{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;border-radius:999px;padding:2px 9px;width:max-content}
.stok::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.stok.depo{color:var(--yesil);background:var(--yesil-zemin)}
.stok.tedarik{color:var(--camgobegi);background:var(--camgobegi-zemin)}
.stok.yok{color:var(--gri);background:var(--gri-zemin)}
.sag{display:grid;gap:8px;grid-template-columns:1fr auto;align-items:end}
.fiyat{display:grid;gap:1px}
.liste-f{font-size:.76rem;color:var(--soluk);text-decoration:line-through}
.size{font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:1.3rem;color:var(--fiyat);line-height:1.1;white-space:nowrap}
.size small{font-family:"IBM Plex Sans",sans-serif;font-size:.68rem;font-weight:700;background:var(--amber-zemin);color:var(--amber);border-radius:3px;padding:1px 5px;vertical-align:middle}
.havale{font-size:.8rem;font-weight:600;color:var(--havale)}
.sepet-satir{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px}
.adet-form{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--soluk)}
.adet-form input{width:68px;font:inherit;color:var(--murekkep);padding:6px 8px;border:1px solid var(--cizgi2);border-radius:6px;background:var(--yuzey2)}
.sepet-satir .birim{display:block;color:var(--soluk);font-size:.76rem}
.odeme-form{display:grid;gap:10px;margin-top:4px}
.ozet{margin:0;display:grid;gap:2px}
.ozet div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--cizgi)}
.ozet dt{color:var(--soluk)}
.ozet dd{margin:0;text-align:right}
.ozet .toplam dt,.ozet .toplam dd{color:var(--murekkep);font-weight:700}
.iban{font-family:"IBM Plex Mono",monospace}
.uyari-metin{color:var(--kirmizi)}
iframe.paytr{width:100%;height:720px;border:0;border-radius:8px;background:#fff}
.form{display:grid;gap:10px}
.form.iki{grid-template-columns:1fr}
.form label{display:grid;gap:4px;font-size:.82rem;font-weight:600;color:var(--soluk)}
.form input:not([type=checkbox]):not([type=file]):not([type=radio]){font:inherit;font-size:.98rem;color:var(--murekkep);background:var(--yuzey2);
border:1px solid var(--cizgi2);border-radius:6px;padding:9px 11px}
.form input:focus{border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-zemin);outline:none;background:var(--yuzey)}
.form .dosya input{font:inherit;font-size:.84rem;color:var(--murekkep)}
.form .onay{display:flex;gap:8px;align-items:flex-start;font-weight:500;color:var(--murekkep)}
.form .onay input{margin-top:3px}
.form fieldset{border:1px solid var(--cizgi);border-radius:6px;padding:8px 12px 10px;margin:0;display:grid;gap:6px;min-width:0}
.form legend{font-size:.82rem;font-weight:600;color:var(--soluk);padding:0 4px}
.form .secim label{display:flex;gap:8px;align-items:flex-start;font-weight:500;color:var(--murekkep)}
.form .secim input{margin-top:3px}
.form .kod-kutu:not([type=checkbox]):not([type=file]){font-family:"IBM Plex Mono",monospace;font-size:1.6rem;letter-spacing:.4em;text-align:center;padding:12px}
.kod-tekrar{margin:10px 0 0}
@media (min-width:640px){.form.iki{grid-template-columns:1fr 1fr}.form .tam{grid-column:1 / -1}}

/* ── giriş / kayıt (kapı) ───────────────────────────────── */
/* Arka plan (Orhan 05.10: gpt-image-2 ile üretilen "A": depo koridoru + tezgâhta parçalar). Masaüstü 16:9 ve telefon 9:16 AYRI
   görsel (static/giris/). Soldaki koyu perde: tanıtım yazıları parçaların üstünde okunur kalsın. */
main.kapi{--kapi-gorsel:url(/static/giris/giris-masaustu-1600.webp);max-width:none;min-height:100vh;min-height:100svh;margin:0;
padding:32px 16px;place-items:center;
background:
 linear-gradient(90deg,rgba(4,12,28,.86) 0%,rgba(4,12,28,.62) 42%,rgba(4,12,28,.30) 72%,rgba(4,12,28,.22) 100%),
 var(--kapi-gorsel) center / cover no-repeat,
 #0B2147}
@supports (background-image:image-set(url("x.webp") 1x)){
 main.kapi{--kapi-gorsel:image-set(url(/static/giris/giris-masaustu-1600.webp) 1x,url(/static/giris/giris-masaustu-2560.webp) 2x)}
}
@media (min-width:1700px){main.kapi{--kapi-gorsel:url(/static/giris/giris-masaustu-2560.webp)}}
.kapi-sahne{width:100%;max-width:1060px;display:grid;grid-template-columns:1.1fr 420px;gap:48px;align-items:center}
.kapi-tanitim{color:#fff;display:grid;gap:18px;justify-items:start}
.kapi-tanitim .logo-img{height:68px}
.kapi-tanitim .logo-b2b{background:#fff;color:var(--laci);font-size:1rem;padding:7px 9px}
.kapi-tanitim h1{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:600;font-size:2rem;line-height:1.15;max-width:22ch;text-wrap:balance;color:#fff}
.kapi-tanitim ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:.98rem;color:#D8E4F6}
.kapi-tanitim li{display:flex;gap:10px;align-items:flex-start}
.kapi-tanitim li svg.i{width:20px;height:20px;color:#6FA8FF;margin-top:1px}
.kapi-tanitim li b{color:#fff}
.kapi-kart{width:100%;max-width:420px;background:var(--yuzey);border:1px solid var(--cizgi);border-top:4px solid var(--marka);border-radius:10px;
padding:24px;display:grid;gap:12px;box-shadow:0 18px 50px rgba(3,10,25,.45)}
main.kapi > .kapi-kart{justify-self:center}
.kapi-kart.genis{max-width:760px}
.kapi-kart h1,.kapi-kart h2.kart-baslik{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.5rem;color:var(--laci2)}
:root[data-theme="dark"] .kapi-kart h1,:root[data-theme="dark"] .kapi-kart h2.kart-baslik{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .kapi-kart h1,:root:not([data-theme="light"]) .kapi-kart h2.kart-baslik{color:var(--murekkep)}}
.kapi-logo{font-family:"IBM Plex Sans Condensed",sans-serif;font-weight:700;font-size:1.1rem;color:var(--murekkep)}
.kapi-logo span{background:var(--laci);color:#fff;padding:1px 6px;border-radius:3px;margin-left:4px;font-size:.85rem;letter-spacing:.06em}
.kapi-alt,.kapi-not{margin:0;color:var(--soluk);font-size:.88rem}
.kapi-mini{margin:0;color:var(--soluk);font-size:.76rem}
.kapi-guven{display:flex;gap:8px;align-items:center;font-size:.76rem;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:10px}
.kapi-guven svg.i{width:18px;height:18px;color:var(--yesil)}

/* ── alt durum çubuğu ───────────────────────────────────── */
.durum-cubugu{position:fixed;left:0;right:0;bottom:0;z-index:9;height:30px;display:flex;align-items:center;gap:0;background:var(--laci);
color:var(--laci-yazi);font-size:.74rem;padding:0 8px;overflow:hidden;white-space:nowrap}
.durum-cubugu > span{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-right:1px solid rgba(255,255,255,.14);height:100%}
.durum-cubugu svg.i{width:14px;height:14px}
.durum-cubugu b{color:#fff;font-weight:600}
.durum-cubugu .unvan{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.durum-cubugu .sag{margin-left:auto;border-right:0;border-left:1px solid rgba(255,255,255,.14)}

/* ── metin sayfaları, görsel ışık kutusu ────────────────── */
.metin{max-width:820px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:22px;line-height:1.6}
.metin h1{font-family:"IBM Plex Sans Condensed",sans-serif;margin:6px 0 12px}
.metin h2{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.25rem;margin:26px 0 8px;scroll-margin-top:90px}
.metin h2.ek{border-top:2px solid var(--cizgi);padding-top:18px;margin-top:36px}
.metin h3{font-size:1.02rem;margin:18px 0 6px}
.metin p{margin:0 0 10px}
.metin ul,.metin ol{margin:0 0 10px;padding-left:22px}
.metin li{margin:3px 0}
.metin code{font-size:.85em}
.metin .tablo-kap{overflow-x:auto;margin:0 0 12px}
.metin table{border-collapse:collapse;width:100%;font-size:.9rem}
.metin th,.metin td{border:1px solid var(--cizgi);padding:6px 8px;text-align:left;vertical-align:top;white-space:normal}
.metin thead th,.metin tbody th{background:var(--yuzey2);font-weight:600}
.metin tbody th{width:32%}
.metin mark.doldur{background:var(--amber-zemin);color:var(--amber);border:1px dashed var(--amber);border-radius:4px;padding:0 3px}
.metin .alan{color:var(--soluk);display:inline;background:none;border:0;padding:0}
.taslak-uyari{background:var(--amber-zemin);border:1px solid var(--amber);color:var(--murekkep);border-radius:6px;padding:10px 12px;margin:0 0 16px;font-size:.9rem}
.isik{position:fixed;inset:0;z-index:20;background:rgba(3,8,20,.92);display:grid;place-items:center}
.isik[hidden]{display:none}
.isik img{max-width:min(92vw,1100px);max-height:86vh;object-fit:contain;background:#fff;border-radius:6px}
.isik button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer}
.isik-kapat{top:14px;right:14px}
.isik-onceki{left:14px;top:50%}
.isik-sonraki{right:14px;top:50%}
.isik-sayac{position:absolute;bottom:16px;color:#fff;font-size:.9rem}

/* ── dar ekran ──────────────────────────────────────────── */
@media (max-width:1100px){.ust-ic{grid-template-columns:1fr}.afis{max-width:945px}}
@media (max-width:900px){
 .ust-ic{gap:8px;padding:8px 10px}
 .arac-cubugu{justify-content:space-between}
 .logo-img{height:32px}.logo-b2b{font-size:.7rem;padding:4px 5px}
 .kapi-tanitim .logo-img{height:52px}
 .arac{min-width:58px;padding:5px 4px;font-size:.68rem}
 .arac svg.i{width:21px;height:21px}
 .cikis{margin-left:auto}
 .arama-form{grid-template-columns:1fr 1fr}
 .arama-son{grid-column:1 / -1;order:-1}
 .sekme-bilgi{display:none}
 .karsilama{grid-template-columns:1fr}
 .kapi-sahne{grid-template-columns:1fr;gap:24px;justify-items:center}
 .kapi-tanitim{max-width:420px}
 .kapi-tanitim h1{font-size:1.45rem}
 .kapi-tanitim ul{display:none}
 /* tablo -> kart */
 table.sonuc,table.sonuc tbody{display:block}
 table.sonuc thead{display:none}
 table.sonuc tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:
  "kod kod gorsel" "urun urun urun" "oem oem oem" "stok stok stok" "fiyat fiyat fiyat" "adet sepet sepet";
  gap:4px 8px;padding:10px 12px;border-bottom:1px solid var(--cizgi);background:var(--yuzey)}
 table.sonuc tbody tr:nth-child(even of .satir) td,table.sonuc tbody tr.satir:hover td{background:none}
 table.sonuc td{display:block;border:0;padding:0;background:none}
 .c-gorsel{grid-area:gorsel}.c-kod{grid-area:kod;white-space:normal}.c-urun{grid-area:urun;min-width:0}.c-oem{grid-area:oem}
 .c-stok{display:none !important}
 .c-stok-ozet{grid-area:stok;display:flex !important;gap:6px;flex-wrap:wrap}
 .c-fiyat{grid-area:fiyat}
 table.sonuc td.c-liste,table.sonuc td.c-isk,table.sonuc td.c-kdvsiz,table.sonuc td.c-havale{display:none}
 table.sonuc td.c-oem:has(> .f-liste){display:none}
 td.c-net{grid-area:fiyat;text-align:left !important}
 td.c-net::after{content:attr(data-ek);display:block;font-size:.74rem;font-weight:600;color:var(--soluk)}
 td.c-adet{grid-area:adet}
 td.c-sepet{grid-area:sepet;text-align:right}
 .sepet-btn{width:auto;padding:0 14px;height:38px}
 .sepet-btn .etiket{display:inline}
 tr.alt-satir{box-shadow:inset 4px 0 0 var(--marka);background:var(--marka-zemin) !important}
 tr.alt-satir td,tr.alt-satir td:first-child{background:none;box-shadow:none}
 tr.alt-bilgi{display:block !important}
 .durum-cubugu > span:not(.kisi):not(.kod-k){display:none}
 .sepet-satir{grid-template-columns:1fr}
}
@media (min-width:901px){.c-stok-ozet{display:none}}
@media print{header.ust,.durum-cubugu,.sekme-satiri,.c-adet,.c-sepet{display:none}body{background:#fff;color:#000}}
@media (prefers-reduced-motion:no-preference){.btn,.arac,.ikon-dugme{transition:background .15s,border-color .15s,color .15s}}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.kart-logo{justify-self:start;margin-bottom:2px}
.kart-logo .logo-img{height:36px}
.sepet-btn.eklendi{background:var(--yesil);border-color:var(--yesil)}
table.sonuc td.c-sepet{padding-right:10px}
.logo picture{display:block}

/* bulunamayan parça bildirimi (05.10) */
.bulunamadi{display:grid;gap:10px;justify-items:center;text-align:center;padding:14px 6px}
.bulunamadi h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.25rem;color:var(--murekkep)}
.bulunamadi > p{margin:0;color:var(--soluk);max-width:64ch}
.bildir{display:grid;gap:8px;width:min(100%,660px);text-align:left}
.bildir label{display:grid;gap:4px;font-size:.84rem;font-weight:600;color:var(--murekkep)}
.bildir label span{font-weight:400;color:var(--soluk)}
.bildir textarea{font:inherit;font-size:.92rem;color:var(--murekkep);background:var(--yuzey2);border:1px solid var(--cizgi2);border-radius:6px;
padding:9px 11px;resize:vertical}
.bildir textarea:focus{border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-zemin);outline:none}
.bildir-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.btn-wa{background:#1B9E4F;border-color:#14803F}
.btn-wa:hover{background:#14803F}
.bulamadin{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:10px 14px}
.bulamadin summary{cursor:pointer;font-weight:600;color:var(--marka)}
.bulamadin[open] summary{margin-bottom:10px}
@media (max-width:900px){table.sonuc tr.bos-satir{display:block}table.sonuc tr.bos-satir td{display:block}}

/* ── duyarlı düzen (Orhan 05.10 akşam: "b2b responsiv olsun") ─────────────────── */
/* Sonuç yok kutusu bir tablo hücresinde: genel th,td nowrap kuralı yazıyı tek satıra zorlayıp sağdan kesiyordu. */
table.sonuc tr.bos-satir td{white-space:normal}
/* Kart düzeninde tr display:grid, kapatılan (hidden) eşdeğer satırlarını yeniden görünür yapıyordu. */
table.sonuc tr[hidden]{display:none !important}
/* Giriş yapılmışken şifre sayfası: kapı zemini yok, kart üst çubuğun hemen altında (telefonda en altta kalıyordu). */
body.girisli main.kapi{min-height:0;background:none;padding:16px 16px 40px;place-items:start center}
.sekme .kisa{display:none}
/* Yana kayan tablolar: kenarda gölge, devamı olduğunu gösterir (kaydırınca kaybolur). */
.kaydir{background:
 linear-gradient(90deg,var(--yuzey) 30%,transparent) left / 28px 100% no-repeat local,
 linear-gradient(270deg,var(--yuzey) 30%,transparent) right / 28px 100% no-repeat local,
 radial-gradient(farthest-side at 0 50%,var(--kaydir-golge),transparent) left / 12px 100% no-repeat scroll,
 radial-gradient(farthest-side at 100% 50%,var(--kaydir-golge),transparent) right / 12px 100% no-repeat scroll}
@media (max-width:1100px){
 /* Banner dar ekranda yalnız ana sayfada ve görsel varken: iş sayfalarında sonuçları aşağı itmesin. */
 .afis[aria-hidden="true"],body:not(.ana) .afis{display:none}
}
@media (max-width:900px){
 /* iPhone, yazısı 16 px'ten küçük kutuya dokununca sayfayı yakınlaştırır. */
 .alan input,.adet,.adet-form input,.bildir textarea,
 .form input:not([type=checkbox]):not([type=file]):not([type=radio]):not(.kod-kutu){font-size:16px}
}
@media (min-width:600px) and (max-width:900px){
 /* tablet: sonuç kartları iki sütun (tek sütunda iki yan boş kalıyordu) */
 table.sonuc tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 table.sonuc tr{box-shadow:1px 0 0 var(--cizgi)}
 table.sonuc tr.alt-satir{box-shadow:inset 4px 0 0 var(--marka),1px 0 0 var(--cizgi)}
 table.sonuc tr.alt-bilgi,table.sonuc tr.bos-satir{grid-column:1 / -1}
}
@media (max-width:560px){
 .sekme a{padding:7px 10px}
 .sekme .uzun{display:none}
 .sekme .kisa{display:inline}
 .kaydir th,.kaydir td{padding:6px 7px}
 .kaydir .c-tur{display:none}
 .ozet-kutular > div:last-child:nth-child(odd){grid-column:1 / -1}
}

/* ── fatura penceresi (Orhan 05.10: cari'de "Görüntüle" yeni sayfa açmasın, aynı sayfada göstersin) ───────────── */
.belge-pencere{width:min(980px,96vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:10px;background:var(--yuzey);
color:var(--murekkep);box-shadow:0 24px 70px rgba(3,10,25,.5);overflow:hidden}
.belge-pencere::backdrop{background:rgba(3,8,20,.72)}
body:has(.belge-pencere[open]){overflow:hidden}
.belge-icerik{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:94vh}
.belge-bas{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 16px;
border-bottom:1px solid var(--cizgi);background:var(--yuzey)}
.belge-baslik{min-width:0}
.belge-baslik h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.2rem}
.belge-baslik p{margin:2px 0 0;color:var(--soluk);font-size:.84rem}
.belge-baslik p b{color:var(--murekkep)}
.belge-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.belge-sayfalar{overflow:auto;padding:14px;background:var(--yuzey3);display:grid;gap:14px;justify-items:center;align-content:start}
.belge-sayfalar img{display:block;width:100%;max-width:900px;height:auto;background:#fff;box-shadow:var(--golge);border-radius:2px}
.belge-ozet{overflow:auto;padding:14px 16px;display:grid;gap:10px;align-content:start}
.belge-yukleniyor{margin:0;padding:32px 18px;color:var(--soluk);text-align:center}
.belge-icerik > .kutu-hata{margin:16px}
.belge-tam{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;overflow:hidden}
.geri{margin:0}
.btn-ikincil{background:var(--yuzey);color:var(--murekkep);border-color:var(--cizgi2)}
.btn-ikincil:hover{background:var(--yuzey2)}
.durum-rozet{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:1px 8px;vertical-align:1px;white-space:nowrap}
.durum-rozet.iptal{color:var(--kirmizi);background:var(--kirmizi-zemin)}
.durum-rozet.iade{color:var(--amber);background:var(--amber-zemin)}
tr.iptal-satir td{color:var(--soluk)}
tr.iptal-satir td.sayi{text-decoration:line-through}
@media (max-width:700px){
 .belge-pencere{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
 .belge-icerik{height:100dvh;max-height:100dvh}
 .belge-bas{padding:10px 12px}
 .belge-sayfalar{padding:8px;gap:8px}
 .belge-dugmeler .btn{height:36px;padding:0 12px}
}

/* ── cari yıl sekmeleri (Orhan 05.10: "2025 2026 diye ayrımlar olsun") ───────────── */
.yil-secici{display:flex;gap:6px;flex-wrap:wrap}
.yil-secici a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border:1px solid var(--cizgi2);border-radius:6px;
background:var(--yuzey);color:var(--murekkep);font-weight:700;font-size:.92rem;text-decoration:none}
.yil-secici a b{font-size:.72rem;color:var(--soluk);background:var(--yuzey3);border-radius:9px;padding:0 7px;line-height:18px}
.yil-secici a:hover{border-color:var(--marka);color:var(--marka-koyu)}
.yil-secici a[aria-current="page"]{background:var(--marka);border-color:var(--marka);color:#fff}
.yil-secici a[aria-current="page"] b{background:rgba(255,255,255,.22);color:#fff}
tr.devreden td{background:var(--yuzey2);font-weight:600;color:var(--soluk);border-top:2px solid var(--cizgi2)}
tr.devreden td.sayi{color:var(--murekkep)}
@media print{.yil-secici{display:none}}

/* ── giriş: telefon (≤700) — dikey görsel üstte, parçalar logonun altında açıkta; kutu altta koyu zeminde. Ölçüler vw: parçalar
   görselde yüksekliğin %33–65'inde, görsel genişliğe oturunca (yükseklik 1,78 x genişlik) -33vw kaydırma onları 0,26w–0,83w'ye,
   kutu 0,86w'den başlar. ───────────── */
@media (max-width:700px){
 main.kapi{--kapi-gorsel:url(/static/giris/giris-mobil.webp);place-items:start stretch;padding:18px 16px 28px;
  background:
   linear-gradient(180deg,rgba(4,12,28,.55) 0,rgba(4,12,28,.06) 24vw,rgba(4,12,28,.06) 80vw,rgba(7,20,43,.97) 94vw,#07142B 112vw),
   var(--kapi-gorsel) center -33vw / 100% auto no-repeat,
   #07142B}
 .kapi-sahne{gap:0;justify-items:stretch}
 .kapi-tanitim{max-width:none;min-height:86vw;align-content:start}
 .kapi-tanitim{align-content:space-between}
 .kapi-tanitim h1{font-size:1.12rem;line-height:1.3;max-width:none;padding-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.85)}
 .kapi-kart{max-width:none}
}

/* ── Sanal POS (Orhan 05.10: cari hesaba kartla ödeme) ───────────── */
.pos{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;box-shadow:var(--golge);padding:16px;display:grid;gap:12px;
max-width:640px}
.pos.genis{max-width:none}
.pos-bakiye{display:grid;gap:1px}
.pos-bakiye span,.pos-bakiye small{color:var(--soluk);font-size:.8rem}
.pos-bakiye b{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.6rem}
.pos-form input[name=tutar]{font-size:1.4rem !important;font-weight:600}
.pos-onay{margin:0;font-size:1.05rem}
.pos-not{margin:0;padding-left:18px;color:var(--soluk);font-size:.86rem;display:grid;gap:4px}
.pos-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.pos-sonuc{display:grid;gap:8px}
.pos-sonuc h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.3rem}
.pos-sonuc p{margin:0}
.pos-sonuc.tamam h2{color:var(--yesil)}
.pos-sonuc.olmadi h2{color:var(--kirmizi)}
.ozet-kutular .btn{justify-self:start;margin-top:6px;height:32px;font-size:.84rem}

.tutar-alan{position:relative;display:block}
.tutar-alan input{width:100%;padding-right:44px !important}
.tutar-tl{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:600;color:var(--soluk);pointer-events:none}

/* ── sepet: kayıtlı adres + sevkiyat (Orhan 05.10: adres sorulmaz; İstanbul kurye/gel-al, dışı kargo/otobüs) ── */
.adres-kart{font-style:normal;display:grid;gap:2px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuzey2)}
.adres-kart span{color:var(--soluk);font-size:.88rem}
.sevkiyat label{padding:9px 11px;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuzey);cursor:pointer}
.sevkiyat label:has(input:checked){border-color:var(--marka);background:var(--marka-zemin)}
/* sepet: sevkiyat solda, ödeme sağda (Orhan 05.10: 'teslimat ve fatura kısmını kaldır, sevkiyat ve ödeme yan yana') */
@media (min-width:901px){.odeme-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}

/* ── Sepet (Orhan 05.10: "tasarımını baştan kontrol et") — üstte ürün tablosu, altta üç kart: sevkiyat · ödeme · sipariş özeti ── */
.spt-cerceve{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;box-shadow:var(--golge);overflow-x:auto}
table.spt-tablo{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}
table.spt-tablo thead th{background:var(--yuzey3);color:var(--laci2);font-size:.74rem;font-weight:700;letter-spacing:.02em;
text-align:left;padding:9px 12px;border-bottom:1px solid var(--cizgi2);white-space:nowrap}
:root[data-theme="dark"] table.spt-tablo thead th{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) table.spt-tablo thead th{color:var(--murekkep)}}
table.spt-tablo td{padding:11px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle;white-space:normal}
table.spt-tablo tbody tr:last-child td{border-bottom:0}
table.spt-tablo th.sayi,table.spt-tablo td.sayi{text-align:right;white-space:nowrap}
table.spt-tablo th.orta,table.spt-tablo td.orta{text-align:center}
table.spt-tablo tr.tukendi td{opacity:.62}
.spt-urun{min-width:260px}
.spt-urun-ust{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.spt-urun-ust .marka{font-size:.7rem;color:var(--etiket);background:var(--yuzey3);padding:0 6px}
.spt-urun-ust .kod{color:var(--murekkep)}
.spt-urun .urun-adi{font-weight:500;color:var(--murekkep)}
.spt-fiyat b,.spt-tutar b{display:block}
.spt-fiyat small{font-size:.74rem;color:var(--soluk);text-decoration:line-through}
.spt-tutar b{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.1rem;color:var(--fiyat)}
.spt-tutar small{font-size:.74rem;color:var(--soluk)}
.adet-adim{display:inline-flex;align-items:stretch;border:1px solid var(--cizgi2);border-radius:6px;overflow:hidden;background:var(--yuzey)}
.adet-adim button[data-adim]{width:32px;border:0;background:var(--yuzey2);color:var(--murekkep);font:inherit;font-size:1.05rem;
font-weight:600;cursor:pointer;padding:0}
.adet-adim button[data-adim]:hover{background:var(--marka-zemin);color:var(--marka)}
.adet-adim input{width:46px;border:0;border-left:1px solid var(--cizgi);border-right:1px solid var(--cizgi);text-align:center;
font:inherit;font-weight:600;color:var(--murekkep);background:var(--yuzey);padding:7px 2px;-moz-appearance:textfield;appearance:textfield}
.adet-adim input::-webkit-outer-spin-button,.adet-adim input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.adet-adim input:focus{outline:2px solid var(--marka);outline-offset:-2px}
.ikon-dugme.sil:hover{color:var(--kirmizi);border-color:var(--kirmizi);background:var(--kirmizi-zemin)}
.spt-alt{display:grid;gap:12px;align-items:start}
@media (min-width:1101px){.spt-alt{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr)}}
@media (min-width:701px) and (max-width:1100px){.spt-alt{grid-template-columns:1fr 1fr}.spt-ozet{grid-column:1 / -1}}
.spt-kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;box-shadow:var(--golge);padding:14px 16px;
display:grid;gap:10px;align-content:start}
.spt-kutu h2{margin:0;display:flex;align-items:center;gap:8px;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.08rem;
color:var(--laci2)}
:root[data-theme="dark"] .spt-kutu h2{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .spt-kutu h2{color:var(--murekkep)}}
.spt-kutu h2 svg.i{width:20px;height:20px;color:var(--marka)}
.spt-kutu h2 small{margin-left:auto;font-family:"IBM Plex Sans",sans-serif;font-size:.74rem;font-weight:600;color:var(--soluk)}
.sec-liste{display:grid;gap:8px}
.sec{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--cizgi2);
border-radius:8px;background:var(--yuzey);cursor:pointer}
.sec:hover{border-color:var(--marka)}
.sec:has(input:checked){border-color:var(--marka);background:var(--marka-zemin);box-shadow:inset 0 0 0 1px var(--marka)}
.sec input{accent-color:var(--marka);width:18px;height:18px;margin:0}
.sec-govde{display:grid;gap:1px;min-width:0}
.sec-ad{font-weight:700;color:var(--murekkep)}
.sec-not{font-size:.8rem;color:var(--soluk)}
.sec-fiyat{font-weight:700;color:var(--murekkep);white-space:nowrap;font-size:.92rem;text-align:right}
.sec-fiyat.yesil{color:var(--havale)}
.sec-fiyat.soluk{color:var(--soluk);font-weight:600;font-size:.8rem;white-space:normal;max-width:9.5rem;line-height:1.25}
.sec-ek{display:grid;gap:4px;font-size:.82rem;font-weight:600;color:var(--soluk)}
.sec-ek input{font:inherit;font-size:1rem;color:var(--murekkep);background:var(--yuzey2);border:1px solid var(--cizgi2);border-radius:6px;padding:9px 11px}
.spt-ozet{border-top:4px solid var(--marka)}
.spt-ozet .ozet div{padding:6px 0}
.spt-odenecek{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--marka-zemin);
border-radius:8px}
.spt-odenecek span{font-weight:700;color:var(--murekkep)}
.spt-odenecek small{display:block;font-weight:400;font-size:.72rem;color:var(--soluk)}
.spt-odenecek b{font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.7rem;color:var(--fiyat);line-height:1.05;white-space:nowrap}
.spt-diger{margin:-4px 2px 0;text-align:right;font-size:.8rem;color:var(--soluk)}
.spt-ozet .onay{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--murekkep)}
.spt-ozet .onay input{margin-top:3px;accent-color:var(--marka)}
.spt-tamamla{height:46px;font-size:1rem}
.spt-bos{display:grid;justify-items:center;gap:8px;text-align:center;padding:40px 16px;background:var(--yuzey);border:1px dashed var(--cizgi2);
border-radius:8px}
.spt-bos svg.i{width:44px;height:44px;color:var(--gri)}
.spt-bos h2{margin:0;font-family:"IBM Plex Sans Condensed",sans-serif}
.spt-bos p{margin:0;color:var(--soluk)}
@media (max-width:700px){
 table.spt-tablo thead{display:none}
 table.spt-tablo,table.spt-tablo tbody{display:block}
 table.spt-tablo tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"urun sil" "stok stok" "fiyat tutar" "adet tutar";
  gap:6px 10px;padding:12px;border-bottom:1px solid var(--cizgi)}
 table.spt-tablo tbody tr:last-child{border-bottom:0}
 table.spt-tablo td{display:block;padding:0;border:0}
 .spt-urun{grid-area:urun;min-width:0}.spt-sil{grid-area:sil}.spt-stok{grid-area:stok}
 table.spt-tablo td.spt-fiyat{grid-area:fiyat;text-align:left}
 table.spt-tablo td.spt-adet{grid-area:adet;text-align:left}
 table.spt-tablo td.spt-tutar{grid-area:tutar;align-self:end}
 .spt-odenecek b{font-size:1.5rem}
}

/* ── Sipariş detayı (Orhan 05.10: "burayı da düzelt") — sepetle aynı kart dili ── */
.durum-rozet.uyari{color:var(--amber);background:var(--amber-zemin)}
.durum-rozet.bilgi{color:var(--marka-koyu);background:var(--marka-zemin)}
.durum-rozet.tamam{color:var(--yesil);background:var(--yesil-zemin)}
.spd-rozetler{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.spd-rozetler .durum-rozet{font-size:.78rem;padding:2px 10px}
.spd-havale dd{display:flex;align-items:center;justify-content:flex-end;gap:4px;text-align:right}
.spd-havale .iban{font-size:.86rem}
.spd-sevk{display:grid;gap:2px}
.spd-sevk b{font-size:1rem;color:var(--murekkep)}
.spd-sevk span{color:var(--soluk);font-size:.86rem}
.spd-tamam{margin:0;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--yesil)}
.spd-tamam svg.i{width:22px;height:22px}
.spt-kutu .btn.tam svg.i{width:18px;height:18px}
.spd-carpim{display:none}
@media (max-width:700px){table.spt-tablo.spd-tablo tr{grid-template-areas:"urun tutar"}table.spt-tablo td.spd-adet,table.spt-tablo td.spd-birim{display:none}.spd-carpim{display:block}}
/* cari: faturalar + ekstre tek tablo (Orhan 05.10) */
table.ekstre .belge-hucre{white-space:nowrap}
table.ekstre .belge-hucre a.kod{font-weight:600;color:var(--marka);text-decoration:none;border-bottom:1px dotted var(--marka)}
table.ekstre .belge-hucre a.kod:hover{border-bottom-style:solid}
.soluk-kod{color:var(--soluk)}
.bagsiz{line-height:1.8}

/* giriş: servis başvurusu çağrısı (Orhan 05.10: "kayıt butonunu daha dikkat çekici yap") — giriş düğmesiyle karışmasın diye yeşil */
.kapi-basvuru{display:grid;gap:8px;padding:14px;border:1px solid var(--yesil);border-radius:8px;background:var(--yesil-zemin)}
.kapi-basvuru-baslik{margin:0;font-weight:700;font-size:.95rem;color:var(--murekkep)}
.btn.btn-basvuru{height:46px;font-size:1rem;background:var(--yesil);border-color:var(--yesil);color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.btn.btn-basvuru:hover{background:#156E2F;border-color:#156E2F}
.btn.btn-basvuru:focus-visible{outline:3px solid var(--yesil);outline-offset:2px}
.btn-basvuru svg.i{width:20px;height:20px;stroke-width:2}
.kapi-basvuru .kapi-mini{color:var(--murekkep);opacity:.8}
:root[data-theme="dark"] .btn.btn-basvuru{color:#06210F}
:root[data-theme="dark"] .btn.btn-basvuru:hover{background:#6BD98A;border-color:#6BD98A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.btn-basvuru{color:#06210F}
:root:not([data-theme="light"]) .btn.btn-basvuru:hover{background:#6BD98A;border-color:#6BD98A}}
@media (prefers-reduced-motion:no-preference){.btn-basvuru .ok{transition:transform .15s}.btn-basvuru:hover .ok{transform:translateX(3px)}}

/* ── araç / kategori seçici (Orhan 05.10: "bizim kategori ağacımızdan yap, 4 kategori ağacı da olsun, kapatıp açmalı") ── */
.kat-secici{gap:6px;padding:0 4px 0 10px}
.kat-dugme{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:none;border:0;padding:11px 0;font:inherit;font-size:.95rem;
color:var(--murekkep);cursor:pointer;text-align:left}
.kat-dugme:focus-visible{outline:none}
.kat-yazi{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kat-yazi.bos{color:var(--soluk)}
.kat-dugme .kat-ok{width:16px;height:16px;color:var(--soluk)}
.kat-dugme[aria-expanded="true"] .kat-ok{transform:rotate(180deg)}
.kat-temizle{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;background:none;color:var(--soluk);border-radius:6px;cursor:pointer}
.kat-temizle:hover{background:var(--yuzey2);color:var(--kirmizi)}
.kat-temizle[hidden]{display:none}
.kat-panel{position:fixed;z-index:60;top:120px;left:12px;width:min(560px,calc(100vw - 24px));max-height:70vh;display:flex;
flex-direction:column;gap:6px;background:var(--yuzey);border:1px solid var(--cizgi2);border-radius:8px;padding:8px;
box-shadow:0 16px 40px rgba(15,42,74,.24)}
.kat-panel[hidden]{display:none}
.kat-suz{display:flex;align-items:center;gap:8px;border:1px solid var(--cizgi2);border-radius:6px;padding:0 10px;background:var(--yuzey2)}
.kat-suz svg.i{width:16px;height:16px;color:var(--soluk)}
.kat-suz input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:.92rem;padding:9px 0;color:var(--murekkep);outline:none}
.kat-suz:focus-within{border-color:var(--marka);background:var(--yuzey)}
.kat-agac,.kat-agac ul{list-style:none;margin:0;padding:0}
.kat-agac{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.kat-agac ul{margin-left:14px;padding-left:6px;border-left:1px solid var(--cizgi)}
.kat-agac ul[hidden]{display:none}
.kat-satir{display:flex;align-items:center;gap:2px;min-height:34px}
.kat-ac,.kat-bosluk{flex:none;width:28px;height:28px}
.kat-ac{display:grid;place-items:center;border:0;background:none;color:var(--soluk);border-radius:6px;cursor:pointer}
.kat-ac svg.i{width:16px;height:16px;transform:rotate(-90deg)}
.kat-ac[aria-expanded="true"] svg.i{transform:none}
.kat-ad{flex:1;min-width:0;text-align:left;border:0;background:none;font:inherit;font-size:.9rem;line-height:1.3;color:var(--murekkep);
padding:6px;border-radius:6px;cursor:pointer}
.kat-ad:hover,.kat-ac:hover{background:var(--yuzey2)}
.kat-ad:focus-visible,.kat-ac:focus-visible,.kat-sec:focus-visible,.kat-temizle:focus-visible{outline:2px solid var(--marka);outline-offset:1px}
.kat-d.s0 > .kat-satir .kat-ad{font-weight:700;font-size:.95rem;color:var(--marka)}
.kat-d.s1 > .kat-satir .kat-ad{font-weight:600}
.kat-d.s3 > .kat-satir .kat-ad{font-size:.86rem}
.kat-sec{flex:none;border:1px solid var(--cizgi2);background:var(--yuzey);color:var(--marka);font:inherit;font-size:.76rem;font-weight:600;
padding:3px 10px;border-radius:999px;cursor:pointer}
.kat-sec:hover{background:var(--marka);border-color:var(--marka);color:#fff}
.kat-d.secili > .kat-satir .kat-ad{background:var(--marka-zemin);color:var(--marka);font-weight:700}
.kat-bilgi,.kat-yok{margin:0;padding:8px 10px;color:var(--soluk);font-size:.85rem}
@media (prefers-reduced-motion:no-preference){.kat-ac svg.i,.kat-dugme .kat-ok{transition:transform .15s}}
@media (max-width:900px){
 .kat-suz input{font-size:16px}
 .kat-satir{min-height:40px}
 .kat-ac,.kat-bosluk{width:36px;height:36px}
}

/* sipariş detayı: Aras durumu (Orhan 06.10) */
.aras-durum{font-weight:700;color:var(--marka)}
.aras-durum.tamam{color:var(--yesil)}

/* sonsuz kaydırma (Orhan 06.10) */
.devam{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;color:var(--soluk);font-size:.88rem}
.devam .btn[hidden]{display:none}

/* ── giriş: herkese açık tanıtım bölümü (SEO, Orhan 06.10.2026) — görselli giriş alanının altında, açık zeminde ── */
.tanitim-icerik{background:var(--zemin);padding:40px 16px 48px;border-top:1px solid var(--cizgi)}
.ti-ic{max-width:1060px;margin:0 auto;display:grid;gap:18px}
.ti-ic h2{margin:14px 0 0;font-family:"IBM Plex Sans Condensed",sans-serif;font-size:1.45rem;color:var(--laci2);text-wrap:balance}
.ti-giris{margin:0;font-size:1.02rem;line-height:1.6;max-width:72ch;color:var(--murekkep)}
.ti-avantaj{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.ti-avantaj li{display:flex;gap:12px;align-items:flex-start;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:14px}
.ti-avantaj svg.i{width:24px;height:24px;flex:none;color:var(--marka)}
.ti-avantaj b{display:block;margin-bottom:2px;color:var(--murekkep)}
.ti-avantaj span{color:var(--soluk);font-size:.92rem;line-height:1.5}
.ti-adimlar{margin:0;padding-left:22px;display:grid;gap:8px;max-width:72ch;line-height:1.55;color:var(--murekkep)}
.ti-cta{margin:4px 0 0}
.ti-cta .btn{display:inline-flex;width:auto}
.ti-sss{display:grid;gap:8px;max-width:820px}
.ti-sss details{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:12px 14px}
.ti-sss summary{cursor:pointer;font-weight:600;color:var(--murekkep)}
.ti-sss summary:focus-visible{outline:2px solid var(--marka);outline-offset:2px;border-radius:4px}
.ti-sss p{margin:8px 0 0;color:var(--soluk);line-height:1.55}
.ti-alt{margin:16px 0 0;font-size:.82rem;color:var(--soluk)}
.ti-alt a{color:var(--soluk)}
:root[data-theme="dark"] .ti-ic h2{color:var(--murekkep)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ti-ic h2{color:var(--murekkep)}}
.cf-turnstile{min-height:65px}
/* 06.10.2026 yönetici görünümü: hangi servisin gözünden bakıldığı her sayfada görünür */
.yonetici-serit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:8px 16px;background:var(--amber);color:var(--zemin);font-size:.9rem;line-height:1.4}
.yonetici-serit a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.yonetici-ara{display:flex;gap:8px;margin:0 0 14px;max-width:560px}
.yonetici-ara input{flex:1;min-width:0}
.yonetici-liste form{margin:0}
.yonetici-liste tr.secili td{background:var(--marka-zemin)}
.yonetici-liste .btn{height:32px;padding:0 12px;font-size:.85rem;white-space:nowrap}