/* Kitchen & More — "Beyaz Salon" bileşenleri. Yalnız design-tokens.css değişkenleri kullanılır. */
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{background:var(--c-zemin);color:var(--c-murekkep);font:400 var(--t-md)/var(--lh-govde) var(--f-govde);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:var(--kalinlik-odak) solid var(--c-patina);outline-offset:3px}
.kap{max-width:var(--w-sayfa);margin:0 auto;padding:0 var(--gutter)}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font:400 var(--t-xs) var(--f-etiket);letter-spacing:var(--iz-etiket)}
.say{font-variant-numeric:tabular-nums}

/* Duyuru + başlık */
.duyuru{border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi);font:400 var(--t-xs)/1.4 var(--f-etiket);letter-spacing:var(--iz-etiket);color:var(--c-kursun);text-align:center;padding:var(--s-3) var(--s-4)}
.duyuru b{color:var(--c-murekkep);font-weight:500}
.ust{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-7);align-items:center;padding:var(--s-5) 0}
.logo img{height:58px;width:auto;filter:var(--logo-filtre)}
.ara{display:flex;align-items:center;gap:var(--s-3);border-bottom:var(--kalinlik-cizgi) solid var(--c-murekkep);padding:var(--s-2) 0;max-width:520px}
.ara input{flex:1;border:0;background:none;outline:none}
.ara input::placeholder{color:var(--c-kursun)}
.hesap{display:flex;gap:var(--s-5);font-size:var(--t-sm)}
.hesap a{display:flex;align-items:center;gap:var(--s-2)}
.rozet{font:500 var(--t-2xs) var(--f-etiket);border:var(--kalinlik-cizgi) solid currentColor;border-radius:var(--r-hap);padding:2px 7px;font-variant-numeric:tabular-nums}

/* İMZA — ürün silüetli kategori şeridi */
.raflar{border-top:var(--kalinlik-cizgi) solid var(--c-cizgi);border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.raflar ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr)}
.raflar li+li{border-left:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.raflar a{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-2) var(--s-4);text-align:center;position:relative}
.raflar svg{width:64px;height:64px;fill:none;stroke:var(--c-murekkep);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--sure-kisa)}
.raflar svg *{stroke-dasharray:160;stroke-dashoffset:0}
.raflar a:hover svg,.raflar a:focus-visible svg,.raflar a[aria-current] svg{stroke:var(--c-patina)}
.raflar a:hover svg *{animation:ciz var(--sure-ciz) var(--egri)}
.raflar a[aria-current]::after{content:"";position:absolute;left:var(--s-5);right:var(--s-5);bottom:-1px;height:var(--kalinlik-odak);background:var(--c-patina)}
@keyframes ciz{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
.raflar .ad{font-size:var(--t-sm);font-weight:500}
.raflar .mono{color:var(--c-kursun)}
.raflar.kompakt a{flex-direction:row;justify-content:center;padding:var(--s-3) var(--s-2)}
.raflar.kompakt svg{width:32px;height:32px}
.raflar.kompakt .mono{display:none}

/* Eser kartı (sergi + ızgara) */
.eser{display:flex;flex-direction:column;gap:var(--s-3);position:relative}
.kaide{display:block;background:var(--c-kaide);padding:var(--s-4);border-radius:var(--r-ic);overflow:hidden}
.kaide img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform var(--sure-orta) var(--egri)}
.eser:hover .kaide img{transform:scale(1.03)}
.etiket{display:grid;grid-template-columns:1fr auto;gap:2px var(--s-4);align-items:baseline}
.etiket .mono{grid-column:1/-1;color:var(--c-kursun)}
.etiket .ad{font:400 var(--t-lg)/var(--lh-baslik) var(--f-display)}
.etiket .ad a::after{content:"";position:absolute;inset:0}
.etiket .fiyat{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.renkler{display:flex;gap:6px;grid-column:1/-1;margin-top:var(--s-1)}

.kucuk .etiket .ad{font-size:var(--t-md)}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);background:var(--c-murekkep);color:var(--c-zemin);border:0;border-radius:var(--r-dis);padding:16px 28px;font-weight:600;font-size:var(--t-sm);cursor:pointer;transition:background var(--sure-kisa)}
.dugme:hover{background:var(--c-patina)}
.dugme.ikincil{background:none;color:var(--c-murekkep);box-shadow:inset 0 0 0 var(--kalinlik-cizgi) var(--c-murekkep)}
.dugme.ikincil:hover{background:var(--c-kaide)}
.yazili{background:none;border:0;border-bottom:var(--kalinlik-cizgi) solid currentColor;padding:0 0 1px;font-size:var(--t-sm);font-weight:500;cursor:pointer}
.yazili:hover{color:var(--c-patina)}

/* Ekmek kırıntısı + sayfa başı */
.kirinti{display:flex;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-5) 0 0;color:var(--c-kursun)}
.kirinti a:hover{color:var(--c-patina)}
.sayfa-basi{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-7);align-items:end;padding:var(--s-6) 0 var(--s-6)}
.sayfa-basi h1{font:400 var(--t-4xl)/var(--lh-sik) var(--f-display);letter-spacing:-.01em;text-wrap:balance}
.sayfa-basi h1 i{color:var(--c-patina)}
.sayfa-basi p{color:var(--c-kursun);max-width:46ch}

/* Güven + alt */
.guven{display:flex;justify-content:space-between;gap:var(--s-5);border-top:var(--kalinlik-cizgi) solid var(--c-cizgi);border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi);padding:var(--s-5) 0;margin-top:var(--s-8);font-size:var(--t-sm);color:var(--c-kursun)}
.guven b{color:var(--c-murekkep);font-weight:500}
.alt{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s-6);padding:var(--s-7) 0;font-size:var(--t-sm);color:var(--c-kursun)}
.alt .logo img{height:64px;margin-bottom:var(--s-3)}
.alt h2{font:500 var(--t-xs) var(--f-etiket);letter-spacing:.08em;color:var(--c-murekkep);margin-bottom:var(--s-3)}
.alt ul{list-style:none;padding:0}.alt li{margin-bottom:var(--s-2)}

/* ——— Ana sayfa: sergi duvarı ——— */
.sergi{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s-5);padding-bottom:var(--s-8)}
.e1{grid-column:1/8;grid-row:span 2}.e1 .kaide img{aspect-ratio:4/4.1}
.e2,.e3{grid-column:8/13}.e2 .kaide img,.e3 .kaide img{aspect-ratio:16/9}
.e4{grid-column:1/4}.e5{grid-column:4/9}.e6{grid-column:9/13}
.e5 .kaide img,.e6 .kaide img{aspect-ratio:4/3}
.malzeme{border-top:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu);display:grid;grid-template-columns:repeat(4,1fr)}
.malzeme div{padding:var(--s-6) var(--s-5) var(--s-7) 0}
.malzeme div+div{padding-left:var(--s-5);border-left:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.malzeme h3{font:400 var(--t-2xl)/var(--lh-sik) var(--f-display);margin-bottom:var(--s-3)}
.malzeme p{color:var(--c-kursun);font-size:var(--t-sm);max-width:30ch;margin-bottom:var(--s-4)}

/* ——— Kategori ——— */
.liste{display:grid;grid-template-columns:240px 1fr;gap:var(--s-7);padding-bottom:var(--s-8)}
.suzgec{position:sticky;top:var(--s-5);align-self:start;display:flex;flex-direction:column;gap:var(--s-6)}
.suzgec fieldset{border:0;padding:0;border-top:var(--kalinlik-cizgi) solid var(--c-cizgi);padding-top:var(--s-4)}
.suzgec legend{font:500 var(--t-xs) var(--f-etiket);letter-spacing:.08em;padding:0;margin-bottom:var(--s-3);float:left;width:100%}
.suzgec label{display:flex;align-items:center;gap:var(--s-3);padding:6px 0;font-size:var(--t-sm);cursor:pointer;clear:both}
.suzgec label .mono{margin-left:auto;color:var(--c-kursun)}
.suzgec input[type=checkbox],.suzgec input[type=radio]{width:16px;height:16px;accent-color:var(--c-patina)}
.renk-sec{display:flex;flex-wrap:wrap;gap:var(--s-2);clear:both}
.renk-sec label{padding:0}
.renk-sec input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.liste-ust{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding-bottom:var(--s-4);margin-bottom:var(--s-5);border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.liste-ust select{border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);background:var(--c-yuzey);padding:8px 12px;font-size:var(--t-sm)}
.etkin{display:flex;gap:var(--s-2);flex-wrap:wrap}
.etkin button{display:inline-flex;gap:6px;align-items:center;font-size:var(--t-xs);background:var(--c-patina-zemin);color:var(--c-murekkep);border:0;border-radius:var(--r-hap);padding:5px 10px;cursor:pointer}
.izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-7) var(--s-5)}
.bos{padding:var(--s-8) 0;text-align:center;color:var(--c-kursun)}
.etkin .suzgec-ac{display:none}

/* ——— Ürün ——— */
.urun{display:grid;grid-template-columns:7fr 5fr;gap:var(--s-7);padding:var(--s-5) 0 var(--s-8)}
.galeri{display:grid;grid-template-columns:72px 1fr;gap:var(--s-4);align-items:start}
/* Tek görselli üründe küçük resim şeridi yok → görsel 72px sütuna düşmesin */
.galeri:not(:has(.kucukler)){grid-template-columns:1fr}
.galeri .kucukler{display:flex;flex-direction:column;gap:var(--s-3)}
.galeri .kucukler a{display:block;padding:var(--s-1);background:var(--c-kaide);border:0;border-radius:var(--r-ic);cursor:pointer;box-shadow:inset 0 0 0 var(--kalinlik-cizgi) transparent}
.galeri .kucukler a[aria-current=true]{box-shadow:inset 0 0 0 var(--kalinlik-odak) var(--c-murekkep)}
.galeri .kucukler img{aspect-ratio:1;object-fit:cover}
.galeri .kaide{padding:var(--s-5)}
.galeri .kaide img{object-fit:contain}
.bilgi{position:sticky;top:var(--s-5);align-self:start;display:flex;flex-direction:column;gap:var(--s-5)}
.bilgi h1{font:400 var(--t-3xl)/var(--lh-sik) var(--f-display);text-wrap:balance}
.bilgi .fiyat{font:500 var(--t-2xl)/1 var(--f-govde);font-variant-numeric:tabular-nums}
.bilgi .fiyat small{display:block;font:400 var(--t-xs) var(--f-govde);color:var(--c-kursun);margin-top:var(--s-2)}
.secim legend{font:500 var(--t-xs) var(--f-etiket);letter-spacing:.08em;margin-bottom:var(--s-3)}
.secim fieldset{border:0;padding:0}
.secim output{font-size:var(--t-sm);color:var(--c-kursun);margin-left:var(--s-2)}
.sepet-satiri{display:grid;grid-template-columns:auto 1fr;gap:var(--s-3)}
.adet{display:inline-grid;grid-template-columns:44px 48px 44px;align-items:center;border:var(--kalinlik-cizgi) solid var(--c-murekkep);border-radius:var(--r-dis);height:52px}
.adet button{background:none;border:0;height:100%;cursor:pointer;font-size:var(--t-lg)}
.adet input{border:0;background:none;text-align:center;width:100%;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.adet input::-webkit-inner-spin-button{-webkit-appearance:none}
.stok{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm)}
.stok::before{content:"";width:8px;height:8px;border-radius:var(--r-hap);background:var(--c-patina)}
.teslim{display:grid;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-kursun);border-top:var(--kalinlik-cizgi) solid var(--c-cizgi);padding-top:var(--s-4)}
.teslim b{color:var(--c-murekkep);font-weight:500}
.akordeon details{border-top:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.akordeon details:last-child{border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.akordeon summary{list-style:none;display:flex;justify-content:space-between;padding:var(--s-4) 0;cursor:pointer;font-weight:500}
.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary::after{content:"+";font-weight:400}
.akordeon details[open] summary::after{content:"−"}
.akordeon .ic{padding:0 0 var(--s-5);color:var(--c-kursun);font-size:var(--t-sm);max-width:var(--w-metin)}
.akordeon dl{display:grid;grid-template-columns:auto 1fr;gap:var(--s-2) var(--s-5)}
.akordeon dt{color:var(--c-murekkep)}
.bildirim{position:fixed;right:var(--s-5);bottom:var(--s-5);background:var(--c-yuzey);box-shadow:var(--golge-panel);border-radius:var(--r-dis);padding:var(--s-4) var(--s-5);display:flex;gap:var(--s-4);align-items:center;font-size:var(--t-sm);z-index:10}
.bolum-bas{display:flex;justify-content:space-between;align-items:baseline;border-top:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu);padding-top:var(--s-5);margin-bottom:var(--s-5)}
.bolum-bas h2{font:400 var(--t-2xl) var(--f-display)}
.izgara.dortlu{grid-template-columns:repeat(4,1fr)}

/* ——— Sepet ——— */
.sepet{display:grid;grid-template-columns:1fr 380px;gap:var(--s-7);padding-bottom:var(--s-8)}
.kalemler{list-style:none;padding:0;border-top:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu)}
.kalem{display:grid;grid-template-columns:120px 1fr auto;gap:var(--s-5);padding:var(--s-5) 0;border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi);align-items:start}
.kalem .kaide{padding:var(--s-2)}
.kalem h3{font:400 var(--t-lg)/var(--lh-baslik) var(--f-display);margin:var(--s-1) 0 var(--s-2)}
.kalem .alt-satir{display:flex;gap:var(--s-5);align-items:center;margin-top:var(--s-4)}
.kalem .adet{height:44px;grid-template-columns:40px 40px 40px}
.kalem .tutar{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.kalem .tutar small{display:block;font-weight:400;color:var(--c-kursun);font-size:var(--t-xs)}
.ozet{position:sticky;top:var(--s-5);align-self:start;background:var(--c-yuzey);border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}
.ozet h2{font:400 var(--t-xl) var(--f-display)}
.ozet dl{display:grid;grid-template-columns:1fr auto;gap:var(--s-3);font-size:var(--t-sm)}
.ozet dd{text-align:right;font-variant-numeric:tabular-nums}
.ozet .genel{border-top:var(--kalinlik-cizgi) solid var(--c-cizgi);padding-top:var(--s-4);font-size:var(--t-md)}
.ozet .genel dd{font:500 var(--t-xl) var(--f-govde)}
.esik{font-size:var(--t-sm);display:grid;gap:var(--s-2)}
.esik .cubuk{height:4px;background:var(--c-kaide);border-radius:var(--r-hap);overflow:hidden}
.esik .cubuk i{display:block;height:100%;background:var(--c-patina);transition:width var(--sure-orta) var(--egri)}
.kupon{display:flex;gap:var(--s-2)}
.kupon input{flex:1;border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);background:var(--c-zemin);padding:10px 12px;font-size:var(--t-sm)}
.odeme-not{font-size:var(--t-xs);color:var(--c-kursun);text-align:center}

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

@media (max-width:900px){
  :root{--gutter:var(--s-4)}
  .ust{grid-template-columns:1fr auto;gap:var(--s-4)}.ara{grid-column:1/-1;grid-row:2;max-width:none}
  .logo img{height:44px}
  .raflar ul{grid-template-columns:repeat(7,108px);overflow-x:auto;scrollbar-width:none}
  .sayfa-basi{grid-template-columns:1fr;gap:var(--s-4)}.sayfa-basi h1{font-size:var(--t-2xl)}
  .sergi>*{grid-column:1/-1!important;grid-row:auto!important}
  .malzeme{grid-template-columns:1fr 1fr}.malzeme div{padding-left:0!important;border-left:0!important}
  .guven{flex-wrap:wrap}.alt{grid-template-columns:1fr 1fr}
  .liste{grid-template-columns:1fr}.suzgec{position:static;display:none}.suzgec.acik{display:flex}
  .etkin .suzgec-ac{display:inline-flex}
  .izgara,.izgara.dortlu{grid-template-columns:1fr 1fr;gap:var(--s-6) var(--s-4)}
  .etiket{grid-template-columns:1fr}.etiket .ad{font-size:var(--t-md)}
  .urun{grid-template-columns:1fr}.galeri{grid-template-columns:1fr}.galeri .kucukler{flex-direction:row;order:2}.galeri .kucukler a{display:block;width:64px}
  .bilgi{position:static}.bilgi h1{font-size:var(--t-2xl)}
  .sepet{grid-template-columns:1fr}.kalem{grid-template-columns:88px 1fr;}.kalem .tutar{grid-column:2;text-align:left}
  .ozet{position:static}
}

/* ——— Uygulama eklemeleri (Razor). CSP satır içi stile izin vermez: renkler SVG fill, ilerleme <progress>. ——— */
.nokta{width:12px;height:12px;display:block;border-radius:var(--r-hap)}
.renk-sec .nokta{width:28px;height:28px}
.secim .renk-sec .nokta{width:36px;height:36px}
.renk-sec input:checked+.nokta{box-shadow:0 0 0 2px var(--c-zemin),0 0 0 4px var(--c-patina)}
.renk-sec input:focus-visible+.nokta{outline:var(--kalinlik-odak) solid var(--c-patina);outline-offset:4px}
.renk-sec label{position:relative;cursor:pointer}
.esik progress{appearance:none;-webkit-appearance:none;width:100%;height:4px;border:0;border-radius:var(--r-hap);background:var(--c-kaide);overflow:hidden}
.esik progress::-webkit-progress-bar{background:var(--c-kaide)}
.esik progress::-webkit-progress-value{background:var(--c-patina)}
.esik progress::-moz-progress-bar{background:var(--c-patina)}
.kaide.bos-gorsel{display:grid;place-items:center;aspect-ratio:1/1;color:var(--c-kursun)}
.kaide.bos-gorsel svg{width:40%;fill:none;stroke:currentColor;stroke-width:1}
.bildirim[hidden]{display:none!important}
.uyari-kutu{border:var(--kalinlik-cizgi) solid var(--c-uyari);color:var(--c-uyari);background:var(--c-yuzey);border-radius:var(--r-dis);padding:var(--s-4) var(--s-5);font-size:var(--t-sm)}
.uyari-kutu ul{margin:var(--s-2) 0 0;padding-left:var(--s-5)}
.bilgi-kutu{background:var(--c-patina-zemin);border-radius:var(--r-dis);padding:var(--s-4) var(--s-5);font-size:var(--t-sm)}
.js-yok-dugme{margin-top:var(--s-3)}
.js .js-yok-dugme{display:none}
.sayfa-dar{max-width:760px}
.htmx-request .yukleniyor,.htmx-request.yukleniyor{opacity:.55;transition:opacity var(--sure-kisa)}

/* Ödeme formu */
.odeme{display:grid;grid-template-columns:1fr 380px;gap:var(--s-7);padding-bottom:var(--s-8)}
.odeme form{display:flex;flex-direction:column;gap:var(--s-6)}
.odeme fieldset{border:0;padding:0;border-top:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu);padding-top:var(--s-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.odeme legend{font:400 var(--t-xl) var(--f-display);padding:0;margin-bottom:var(--s-4);float:left;width:100%}
.alan{display:flex;flex-direction:column;gap:6px;font-size:var(--t-sm)}
.alan.genis{grid-column:1/-1}
.alan input,.alan select,.alan textarea{border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);background:var(--c-yuzey);padding:12px 14px;font-size:var(--t-md)}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:var(--kalinlik-odak) solid var(--c-patina);outline-offset:0;border-color:transparent}
.secenek{display:flex;gap:var(--s-3);align-items:flex-start;grid-column:1/-1;font-size:var(--t-sm);cursor:pointer}
.secenek input{width:18px;height:18px;margin-top:2px;accent-color:var(--c-patina)}
.secenek small{display:block;color:var(--c-kursun)}
.secenek[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.kurumsal{display:none;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.odeme form:has(#tip-kurumsal:checked) .kurumsal{display:grid}
.havale dl{display:grid;grid-template-columns:auto 1fr;gap:var(--s-2) var(--s-5);font-size:var(--t-sm)}

/* ——— Yönetim ——— */
.yonetim{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.yan{border-right:var(--kalinlik-cizgi) solid var(--c-cizgi);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-5);position:sticky;top:0;height:100vh}
.yan img{height:44px;width:auto;filter:var(--logo-filtre)}
.yan nav{display:flex;flex-direction:column;gap:2px}
.yan nav a{padding:8px 10px;border-radius:var(--r-dis);font-size:var(--t-sm)}
.yan nav a[aria-current=page]{background:var(--c-kaide);font-weight:600}
.yan nav a:hover{background:var(--c-kaide)}
.yan .alt-bilgi{margin-top:auto;font-size:var(--t-xs);color:var(--c-kursun)}
.yonetim main{padding:var(--s-6) var(--s-7);min-width:0}
.yonetim h1{font:400 var(--t-3xl)/var(--lh-sik) var(--f-display);margin-bottom:var(--s-5)}
.sekme{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}
.sekme a{padding:6px 14px;border-radius:var(--r-hap);border:var(--kalinlik-cizgi) solid var(--c-cizgi);font-size:var(--t-sm)}
.sekme a[aria-current=true]{background:var(--c-murekkep);border-color:var(--c-murekkep);color:var(--c-zemin)}
.tablo{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.tablo th{text-align:left;font:500 var(--t-xs) var(--f-etiket);letter-spacing:.06em;color:var(--c-kursun);padding:var(--s-2) var(--s-3);border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu)}
.tablo td{padding:var(--s-3);border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi);vertical-align:middle}
.tablo td.sayi,.tablo th.sayi{text-align:right;font-variant-numeric:tabular-nums}
.tablo tr:hover td{background:var(--c-kaide)}
.tablo .kucuk-gorsel{width:44px;height:44px;object-fit:cover;border-radius:var(--r-ic);background:var(--c-kaide)}
/* Etiketi basılmamış sipariş: kalın + rozet (renk tek taşıyıcı değil) — BABOLI.md §11 */
.tablo tr.etiket-bekliyor td{font-weight:600;color:var(--c-murekkep)}
.tablo tr.etiket-basildi td{font-weight:400;color:var(--c-kursun)}
.durum{display:inline-block;font:500 var(--t-2xs) var(--f-etiket);letter-spacing:.06em;padding:3px 8px;border-radius:var(--r-hap);border:var(--kalinlik-cizgi) solid currentColor;white-space:nowrap}
.durum.iyi{color:var(--c-patina)}
.durum.uyari{color:var(--c-uyari)}
.durum.notr{color:var(--c-kursun)}
.arac{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}
.arac input[type=search]{border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);background:var(--c-yuzey);padding:8px 12px;min-width:240px}
.dugme.kucuk{padding:9px 16px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-4);margin-bottom:var(--s-6)}
.kartlar a,.kartlar div{border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);padding:var(--s-4);background:var(--c-yuzey)}
.kartlar strong{display:block;font:400 var(--t-3xl)/1 var(--f-display);font-variant-numeric:tabular-nums;margin-top:var(--s-2)}
.duzen-iki{display:grid;grid-template-columns:2fr 1fr;gap:var(--s-6);align-items:start}
.panel{border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);background:var(--c-yuzey);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}
.panel h2{font:400 var(--t-xl) var(--f-display)}
.gorsel-liste{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}
.gorsel-liste figure{margin:0;display:flex;flex-direction:column;gap:6px}
.gorsel-liste img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-ic);background:var(--c-kaide)}
.salt-okunur{color:var(--c-kursun);font-size:var(--t-xs)}

/* Etiket baskı görünümü */
.etiketler{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4)}
.kargo-etiketi{border:1.5px solid #000;color:#000;background:#fff;padding:var(--s-4);font:400 12px/1.4 var(--f-govde);break-inside:avoid;display:grid;gap:var(--s-2);aspect-ratio:1/1}
.kargo-etiketi .no{font:600 22px/1 var(--f-etiket);letter-spacing:.04em}
.kargo-etiketi .alici{font-size:15px;font-weight:600}
.kargo-etiketi hr{border:0;border-top:1px dashed #000;margin:4px 0}
@media print{
  .yan,.arac,.yazdirma-yok,header.ust,footer.alt,.tema-dugme{display:none!important}
  details.sozlesme{display:none}
  .yonetim{display:block}.yonetim main{padding:0}
  .etiketler{grid-template-columns:1fr}
  .kargo-etiketi{width:100mm;height:100mm;aspect-ratio:auto;page-break-after:always}
  body{background:#fff}
}
@media (max-width:900px){
  .odeme{grid-template-columns:1fr}.odeme fieldset,.kurumsal{grid-template-columns:1fr}
  .yonetim{grid-template-columns:1fr}.yan{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.yan nav{flex-direction:row;flex-wrap:wrap}
  .yonetim main{padding:var(--s-4)}.kartlar{grid-template-columns:1fr 1fr}.duzen-iki{grid-template-columns:1fr}
  .tablo-kap{overflow-x:auto}
}
.alt-bosluk{padding-bottom:var(--s-8)}
.ust-bosluk{margin-top:var(--s-5)}
.ikincil-metin{color:var(--c-kursun)}
label.adet{display:inline-flex;align-items:center;padding:0 var(--s-2)}
.adet select{border:0;background:none;height:100%;padding:0 var(--s-4);font-size:var(--t-md);font-variant-numeric:tabular-nums;cursor:pointer}
.dugme:disabled{opacity:.45;cursor:not-allowed}
.adet output{text-align:center;font-variant-numeric:tabular-nums}
.adet button:disabled{opacity:.35;cursor:not-allowed}
.dikey{display:flex;flex-direction:column;gap:var(--s-3)}
.panel .arac{margin-bottom:0}
/* Sipariş süzgeci */
.siparis-suzgec{display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-5)}
.siparis-suzgec .arac{align-items:flex-end;margin-bottom:0}
.siparis-suzgec .alan-genis{flex:1 1 260px}
.alan input[type=search]{-webkit-appearance:none;appearance:none;line-height:inherit}
/* Süzgeç satırında tarih, seçim ve arama alanı aynı boy (48px = --s-7, dokunma hedefi) */
:is(.siparis-suzgec,.rapor-suzgec) .alan :is(input,select){box-sizing:border-box;height:var(--s-7);padding-block:0}
.kanal-sec{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.kanal-sec legend{font-size:var(--t-sm);margin-bottom:var(--s-2)}
.kanal-sec label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-hap);border:var(--kalinlik-cizgi) solid var(--c-cizgi);font-size:var(--t-sm);cursor:pointer}
.kanal-sec label:has(:checked){border-color:var(--c-murekkep);box-shadow:inset 0 0 0 1px var(--c-murekkep)}
.kanal-sec label:has(:focus-visible){outline:var(--kalinlik-odak) solid var(--c-patina);outline-offset:2px}
.kanal-sec input{accent-color:var(--c-murekkep);margin:0}
.rozet-sayi{font:500 var(--t-xs)/1 var(--f-etiket);background:var(--c-patina);color:var(--c-zemin);border-radius:var(--r-hap);padding:3px 7px;font-variant-numeric:tabular-nums}
/* Gösterge uyarıları */
.uyarilar .arac{justify-content:space-between;margin-bottom:0}
.uyarilar h2{display:flex;align-items:center;gap:var(--s-2)}
.uyari-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}
.uyari-liste li{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3);border-radius:var(--r-dis);border:var(--kalinlik-cizgi) solid var(--c-cizgi)}
.uyari-liste li.kritik{border-color:var(--c-uyari);box-shadow:inset 3px 0 0 var(--c-uyari)}
.uyari-liste p{margin:var(--s-1) 0 0;white-space:pre-line}
/* Raporlar */
.rapor-suzgec{align-items:flex-end}
.kartlar.tutar{grid-template-columns:repeat(3,1fr)}
.tablo td.sayi{white-space:nowrap}
@media (max-width:640px){.kartlar.tutar{grid-template-columns:1fr 1fr}.kartlar.tutar strong{font-size:var(--t-xl)}.rapor-gun th:last-child,.rapor-gun td:last-child{display:none}}
.kartlar.tutar strong{font-size:var(--t-2xl);white-space:nowrap}
.rapor-yan{display:flex;flex-direction:column;gap:var(--s-6)}
.rapor-gun td:last-child{width:40%}
.rapor-gun progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:0;border-radius:var(--r-hap);background:var(--c-kaide);overflow:hidden}
.rapor-gun progress::-webkit-progress-bar{background:var(--c-kaide)}
.rapor-gun progress::-webkit-progress-value{background:var(--c-patina)}
.rapor-gun progress::-moz-progress-bar{background:var(--c-patina)}
.tablo tfoot td{border-bottom:0}
.adimlar{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2);counter-reset:a}
.adimlar li{border-top:var(--kalinlik-odak) solid var(--c-cizgi);padding-top:var(--s-3);font-size:var(--t-sm);color:var(--c-kursun);counter-increment:a}
.adimlar li::before{content:counter(a) " ";font:500 var(--t-xs) var(--f-etiket)}
.adimlar li.tamam{border-color:var(--c-patina);color:var(--c-murekkep);font-weight:500}
@media (max-width:900px){.adimlar{grid-template-columns:1fr}}
.barkod-kap{display:grid;gap:4px;justify-items:start}
.barkod{max-width:100%;height:auto}
.tema-dugme{display:inline-flex;align-items:center;gap:6px}
.tema-dugme:hover{color:var(--c-patina)}
.yan .tema-dugme{font-size:var(--t-sm);padding:8px 10px}

/* Yasal metinler (LegalHtml çıktısı) */
.yasal{line-height:1.65}
.yasal h2{font:400 var(--t-xl) var(--f-display);margin:var(--s-6) 0 var(--s-3)}
.yasal h3{font:600 var(--t-md) var(--f-govde);margin:var(--s-5) 0 var(--s-2)}
.yasal p{margin:0 0 var(--s-3);max-width:72ch}
.yasal mark.eksik{background:var(--c-patina-zemin);color:var(--c-uyari);padding:0 .25em;border-radius:3px;font-family:var(--f-etiket);font-size:.9em}
.yasal-tablo{width:100%;border-collapse:collapse;font-size:var(--t-sm);margin:var(--s-2) 0 var(--s-4)}
.yasal-tablo th,.yasal-tablo td{text-align:left;padding:var(--s-2) var(--s-3) var(--s-2) 0;border-bottom:var(--kalinlik-cizgi) solid var(--c-cizgi);vertical-align:top}
.yasal-tablo th{font:500 var(--t-xs) var(--f-etiket);letter-spacing:.06em;color:var(--c-kursun)}
.yasal-surum{margin-top:var(--s-6);font-size:var(--t-xs)}
.taslak-uyari{margin-bottom:var(--s-5)}
.yasal-belge+.yasal-belge{border-top:var(--kalinlik-cizgi) solid var(--c-cizgi-guclu);margin-top:var(--s-7);padding-top:var(--s-4)}
details.sozlesme{grid-column:1/-1;border:var(--kalinlik-cizgi) solid var(--c-cizgi);border-radius:var(--r-dis);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-3);background:var(--c-yuzey)}
details.sozlesme summary{cursor:pointer;font-weight:500}
details.sozlesme .yasal{max-height:22rem;overflow:auto;margin-top:var(--s-3);font-size:var(--t-sm);padding-right:var(--s-3)}
details.sozlesme .yasal h3{font-size:var(--t-sm)}
.alt-bosluk-kucuk{margin-bottom:var(--s-5)}
.kartlar .uyari-kart{border-color:var(--c-uyari);color:var(--c-uyari)}
.stok-form{margin:var(--s-2) 0 var(--s-3);padding-top:var(--s-3);border-top:var(--kalinlik-cizgi) dashed var(--c-cizgi)}
.stok-gecmis{font-size:var(--t-sm);margin-bottom:var(--s-4)}.stok-gecmis ul{padding-left:var(--s-5);margin:var(--s-2) 0}
.kanal-ilan{font-size:var(--t-sm);margin-bottom:var(--s-2)}
.ozellikler{margin:0;padding-left:var(--s-5)}.ozellikler li{margin-bottom:var(--s-1)}