/* SİNAY vitrin. Tokenlar: yün beyazı zemin, gece laciverti yazı, kardelen bordosu vurgu, hardal ipliği küçük işaretler.
   Yazı: Bricolage Grotesque (başlık), Figtree (metin); ikisi de OFL, kendi sunucumuzdan. Ölçek 1.25 (major third). */
@font-face{font-family:"Bricolage";src:url(/yazi/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage";src:url(/yazi/bricolage-grotesque-latin-ext-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";src:url(/yazi/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";src:url(/yazi/figtree-latin-ext-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --zemin:#fcfbf8; --yuzey:#f3eee6; --yuzey-2:#e9e2d6; --yazi:#1b2333; --ikincil:#555d6c; --cizgi:rgba(27,35,51,.12); --cizgi-guclu:rgba(27,35,51,.28);
  --vurgu:#7a1e34; --vurgu-koyu:#5e1426; --vurgu-yazi:#fff; --hardal:#c08a2b; --hardal-acik:#f4e6c6; --basari:#2f6b45; --hata:#a3262f;
  --cam:rgba(252,251,248,.86);
  --f-baslik:"Bricolage",ui-sans-serif,system-ui,sans-serif; --f-metin:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --t-1:.8rem; --t0:.875rem; --t1:1rem; --t2:1.25rem; --t3:1.5625rem; --t4:1.953rem; --t5:2.441rem; --t6:3.052rem;
  --b1:4px; --b2:8px; --b3:12px; --b4:16px; --b5:24px; --b6:32px; --b7:48px; --b8:64px; --b9:96px;
  --genislik:1320px; --kenar:clamp(16px,4vw,40px);
  --r-gorsel:6px; --r-kutu:12px; --r-hap:999px;
  --golge:0 18px 48px rgba(27,35,51,.14); --golge-kucuk:0 4px 14px rgba(27,35,51,.10);
  --e-cik:cubic-bezier(.23,1,.32,1); --e-cekmece:cubic-bezier(.32,.72,0,1);
  --ilmek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='M1 1l7 9 7-9' fill='none' stroke='%237a1e34' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]){
  --zemin:#131821; --yuzey:#1b2230; --yuzey-2:#232c3d; --yazi:#ede9e2; --ikincil:#aeb4c0; --cizgi:rgba(237,233,226,.13); --cizgi-guclu:rgba(237,233,226,.3);
  --vurgu:#e6879c; --vurgu-koyu:#f0a3b4; --vurgu-yazi:#1b1015; --hardal:#e0b25a; --hardal-acik:#3b3220; --basari:#7cc596; --hata:#ff8f8f; --cam:rgba(19,24,33,.84);
  --golge:0 18px 48px rgba(0,0,0,.45);
  --ilmek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath d='M1 1l7 9 7-9' fill='none' stroke='%23e6879c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--zemin);color:var(--yazi);font:400 var(--t1)/1.6 var(--f-metin);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-baslik);font-weight:650;line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--b4);text-wrap:balance}
h1{font-size:clamp(var(--t4),3.4vw,var(--t5))} h2{font-size:clamp(var(--t3),2.6vw,var(--t4))} h3{font-size:var(--t2)}
p{margin:0 0 var(--b4);max-width:68ch}
.kap{max-width:var(--genislik);margin-inline:auto;padding-inline:var(--kenar)}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--yazi);color:var(--zemin);padding:10px 14px;border-radius:var(--r-kutu)}
.atla:focus{left:12px}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px;border-radius:4px}
.ikincil{color:var(--ikincil)} .kucuk{font-size:var(--t0)}

/* Düğmeler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:var(--b2);min-height:48px;padding:0 var(--b5);border-radius:var(--r-hap);border:1px solid transparent;
  background:var(--vurgu);color:var(--vurgu-yazi);font-weight:600;font-size:var(--t1);text-decoration:none;cursor:pointer;transition:background .2s var(--e-cik),transform .2s var(--e-cik)}
.dugme:hover{background:var(--vurgu-koyu)} .dugme:active{transform:scale(.98)}
.dugme[disabled],.dugme[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.dugme--cizgi{background:transparent;color:var(--yazi);border-color:var(--cizgi-guclu)} .dugme--cizgi:hover{background:var(--yuzey)}
.dugme--acik{background:var(--zemin);color:var(--yazi)} .dugme--acik:hover{background:var(--yuzey)}
.dugme--tam{width:100%}
.ikon-dugme{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--r-hap);border:0;background:transparent;cursor:pointer;position:relative;text-decoration:none}
.ikon-dugme:hover{background:var(--yuzey)}
.ikon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sayac{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vurgu);color:var(--vurgu-yazi);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.metin-baglanti{background:none;border:0;padding:0;color:var(--vurgu);text-decoration:underline;cursor:pointer;font-weight:600}

/* Duyuru şeridi */
.duyuru{background:var(--yazi);color:var(--zemin);font-size:var(--t0);text-align:center;padding:9px var(--kenar)}
.duyuru a{color:inherit;font-weight:600}

/* Başlık */
.ust{position:sticky;top:0;z-index:40;background:var(--cam);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--cizgi)}
.ust__ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;gap:var(--b4)}
.logo{font-family:var(--f-baslik);font-weight:700;font-size:26px;letter-spacing:.14em;text-decoration:none;line-height:1;justify-self:center}
.logo small{display:block;font:500 9.5px/1 var(--f-metin);letter-spacing:.32em;color:var(--ikincil);margin-top:4px;text-align:center}
.ana-menu{display:flex;gap:var(--b1);justify-self:start}
.ana-menu>li{list-style:none}
.ana-menu ul{padding:0;margin:0}
.menu-dugme{display:inline-flex;align-items:center;height:44px;padding:0 var(--b3);border:0;background:none;border-radius:var(--r-hap);font-weight:550;cursor:pointer;text-decoration:none;white-space:nowrap}
.menu-dugme:hover,.menu-dugme[aria-expanded="true"]{background:var(--yuzey)}
.ust__sag{display:flex;justify-content:flex-end;align-items:center;gap:2px}
.mobil-menu-ac{display:none}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--zemin);border-bottom:1px solid var(--cizgi);box-shadow:var(--golge);padding:var(--b6) 0}
.mega__ic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr;gap:var(--b6)}
.mega h3{font-size:var(--t0);font-family:var(--f-metin);font-weight:700;color:var(--ikincil);margin-bottom:var(--b3)}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega ul a{display:flex;justify-content:space-between;gap:var(--b3);padding:6px 0;text-decoration:none}
.mega ul a:hover span:first-child{text-decoration:underline}
.mega ul a span:last-child{color:var(--ikincil);font-size:var(--t0)}
.mega__gorsel{display:grid;grid-template-columns:1fr 1fr;gap:var(--b3);text-decoration:none}
.mega__gorsel img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-gorsel);width:100%;background:var(--yuzey)}
.mega__gorsel p{grid-column:1/-1;margin:0;font-weight:600}

/* Ana sahne */
.sahne{position:relative;overflow:hidden;background:var(--yuzey)}
.sahne__ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--b7);align-items:center;min-height:min(78vh,760px);padding-block:var(--b8)}
.sahne__metin h1{font-size:clamp(2.6rem,6vw,5.4rem);font-weight:700;line-height:.98;letter-spacing:-.035em;margin-bottom:var(--b5)}
.sahne__metin p{font-size:var(--t2);color:var(--ikincil);max-width:34ch;margin-bottom:var(--b6)}
.sahne__dugmeler{display:flex;flex-wrap:wrap;gap:var(--b3)}
.sahne__kolaj{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:var(--b4);height:min(66vh,640px)}
.sahne__kolaj a{position:relative;display:block;border-radius:var(--r-gorsel);overflow:hidden;background:var(--yuzey-2)}
.sahne__kolaj a:first-child{grid-row:1/3}
.sahne__kolaj img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--e-cik)}
.sahne__kolaj a:hover img{transform:scale(1.035)}
.sahne__kolaj figcaption{position:absolute;left:10px;bottom:10px;background:var(--cam);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:var(--r-hap);font-size:var(--t0);font-weight:600}
.ilmek-sira{display:block;width:100%;height:22px;margin-top:var(--b7)}
.ilmek-sira path{fill:none;stroke:var(--vurgu);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:no-preference){
  .ilmek-sira path{stroke-dasharray:var(--uzunluk);stroke-dashoffset:var(--uzunluk);animation:or 2.4s var(--e-cik) .3s forwards}
  @keyframes or{to{stroke-dashoffset:0}}
}

/* Bölüm başlığı */
.bolum{padding-block:clamp(48px,7vw,96px)}
.bolum__bas{display:flex;justify-content:space-between;align-items:end;gap:var(--b4);margin-bottom:var(--b5)}
.bolum__bas h2{margin:0}
.bolum__bas a{font-weight:600;white-space:nowrap}
.orgu-ayrac{height:12px;background:var(--ilmek) repeat-x left center/16px 12px;opacity:.55;margin-block:0}

/* Kategori kutuları */
.katlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--b4)}
.kat{position:relative;display:block;text-decoration:none;border-radius:var(--r-gorsel);overflow:hidden;background:var(--yuzey)}
.kat img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .9s var(--e-cik)}
.kat:hover img{transform:scale(1.04)}
.kat__ad{position:absolute;inset:auto 0 0 0;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(16,20,30,.72));color:#fff;display:flex;justify-content:space-between;align-items:end;gap:8px}
.kat__ad b{font:650 var(--t2)/1.1 var(--f-baslik)} .kat__ad span{font-size:var(--t0);opacity:.9}

/* Sahneler: ekrana sabitlenen görsel, kaydırdıkça bir sonraki sahne soldan sağa açılır */
.vitrin-akis{position:relative;background:var(--yazi);color:var(--zemin)}
.vitrin-akis__yapis{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.vitrin-akis__sahne{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;clip-path:inset(0 var(--ac,0%) 0 0)}
.vitrin-akis__sahne:first-child{clip-path:none}
.vitrin-akis__gorsel{position:relative;overflow:hidden}
.vitrin-akis__gorsel img{width:100%;height:100%;object-fit:cover}
.vitrin-akis__metin{display:flex;flex-direction:column;justify-content:center;padding:var(--b8) clamp(24px,6vw,96px);background:var(--yazi)}
.vitrin-akis__metin h2{font-size:clamp(2.2rem,5vw,4.4rem);font-weight:700;letter-spacing:-.03em;color:var(--zemin)}
.vitrin-akis__metin p{color:rgba(252,251,248,.78);font-size:var(--t2);max-width:30ch}
.vitrin-akis__metin .dugme{align-self:flex-start;margin-top:var(--b4)}
.vitrin-akis__adim{position:absolute;right:var(--kenar);bottom:var(--b5);display:flex;gap:6px}
.vitrin-akis__adim i{width:28px;height:3px;border-radius:2px;background:rgba(252,251,248,.3)}
.vitrin-akis__adim i.etkin{background:var(--zemin)}
.vitrin-akis__bosluk{height:calc(var(--adim,3) * 100vh)}
@media (prefers-reduced-motion:reduce){.vitrin-akis__yapis{position:relative;height:auto}.vitrin-akis__sahne{position:relative;clip-path:none!important;min-height:80vh}.vitrin-akis__bosluk,.vitrin-akis__adim{display:none}}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]) .vitrin-akis{background:#0d1118}:root:not([data-tema="acik"]) .vitrin-akis__metin{background:#0d1118}:root:not([data-tema="acik"]) .vitrin-akis__metin h2{color:#ede9e2}}

/* Ürün kartı ve ızgara */
.izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b6) var(--b4)}
.raf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--b4)) / 4);gap:var(--b4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--b2)}
.raf::-webkit-scrollbar{display:none}
.raf>*{scroll-snap-align:start}
.kart{position:relative;display:flex;flex-direction:column;gap:var(--b2)}
.kart__gorsel{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--r-gorsel);overflow:hidden;background:var(--yuzey)}
.kart__gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--e-cik),transform .9s var(--e-cik)}
.kart__gorsel img+img{opacity:0}
@media (hover:hover){.kart:hover .kart__gorsel img+img{opacity:1}.kart:hover .kart__gorsel img:first-child{transform:scale(1.02)}}
.kart__rozetler{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:1}
.rozet{display:inline-block;padding:4px 10px;border-radius:var(--r-hap);font-size:12px;font-weight:650;line-height:1.3;background:var(--zemin);color:var(--yazi)}
.rozet--taksit{background:var(--hardal-acik);color:#4a3510}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]) .rozet--taksit{color:#f4e6c6}}
.rozet--tukendi{background:var(--yazi);color:var(--zemin)}
.kart__ad{font-weight:550;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kart__ad::after{content:"";position:absolute;inset:0}
.kart__alt{display:flex;justify-content:space-between;align-items:center;gap:var(--b2)}
.fiyat{font-weight:700;font-variant-numeric:tabular-nums}
.fiyat del{font-weight:400;color:var(--ikincil);margin-left:6px}
.fiyat small{font-weight:500;color:var(--ikincil)}
.noktalar{display:flex;gap:5px;align-items:center;position:relative;z-index:1}
.nokta{width:16px;height:16px;border-radius:50%;border:1px solid var(--cizgi-guclu);background:var(--ton,#ccc);display:block}
.nokta--bilinmez{background:conic-gradient(#d9c4a3 0 25%,#1d1d1f 0 50%,#6d1f2c 0 75%,#5d86b8 0)}
.noktalar span{font-size:12px;color:var(--ikincil)}

/* Güven kutuları (bento) */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--b4)}
.bento>div{background:var(--yuzey);border-radius:var(--r-kutu);padding:var(--b5);display:flex;flex-direction:column;gap:var(--b2);min-height:180px}
.bento>div:nth-child(1){grid-column:span 3;background:var(--vurgu);color:var(--vurgu-yazi)}
.bento>div:nth-child(2){grid-column:span 3}
.bento>div:nth-child(n+3){grid-column:span 2}
.bento h3{margin:auto 0 0;font-size:var(--t3)} .bento p{margin:0;font-size:var(--t0);opacity:.88}
.bento .ikon{width:28px;height:28px}

/* Liste sayfası */
.yol{font-size:var(--t0);color:var(--ikincil);padding-block:var(--b4)}
.yol ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.yol li+li::before{content:"/";margin-right:6px;opacity:.5}
.yol a{text-decoration:none} .yol a:hover{text-decoration:underline}
.liste-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--b4);margin-bottom:var(--b5)}
.liste-bas h1{margin:0}
.liste-bas p{margin:6px 0 0;color:var(--ikincil)}
.alt-kat{display:flex;gap:var(--b2);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--b5)}
.alt-kat a{flex:none;padding:8px 16px;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);text-decoration:none;font-size:var(--t0);font-weight:550}
.alt-kat a[aria-current="page"]{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}
.liste{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--b6);align-items:start}
.liste .izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
.arac{display:flex;justify-content:space-between;align-items:center;gap:var(--b3);margin-bottom:var(--b4);min-height:44px}
.arac select{min-height:44px;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);padding:0 36px 0 16px;background:var(--zemin);appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555d6c' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.filtre-ac{display:none}
.filtreler{position:sticky;top:88px}
.filtreler fieldset{border:0;border-top:1px solid var(--cizgi);padding:var(--b4) 0;margin:0}
.filtreler legend{font-weight:700;padding:0;margin-bottom:var(--b3);float:left;width:100%}
.filtreler legend+*{clear:both}
.secim-izgara{display:flex;flex-wrap:wrap;gap:6px}
.secim{position:relative}
.secim input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.secim span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);font-size:var(--t0)}
.secim input:checked+span{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}
.secim input:focus-visible+span{outline:3px solid var(--vurgu);outline-offset:2px}
.fiyat-aralik{display:grid;grid-template-columns:1fr 1fr;gap:var(--b2)}
.fiyat-aralik input{width:100%;min-height:40px;border:1px solid var(--cizgi-guclu);border-radius:8px;padding:0 10px;background:var(--zemin)}
.cipler{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--b4)}
.cip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 14px;border-radius:var(--r-hap);background:var(--yuzey);border:0;cursor:pointer;font-size:var(--t0)}
.cip::after{content:"×";font-size:16px;line-height:1}
.bos-durum{padding:var(--b8) 0;text-align:center}
.bos-durum p{margin-inline:auto}

/* Ürün sayfası */
.urun{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;padding-bottom:var(--b8)}
.galeri{display:grid;grid-template-columns:1fr 1fr;gap:var(--b2)}
.galeri figure{margin:0;border-radius:var(--r-gorsel);overflow:hidden;background:var(--yuzey)}
.galeri figure:first-child{grid-column:1/-1}
.galeri img{width:100%;aspect-ratio:3/4;object-fit:cover}
.galeri-nokta{display:none}
.bilgi{position:sticky;top:96px}
.bilgi h1{font-size:clamp(var(--t3),2.2vw,var(--t4));margin-bottom:var(--b2)}
.bilgi .fiyat{font-size:var(--t3);margin-bottom:var(--b2)}
.taksit-satir{display:flex;align-items:center;gap:var(--b2);margin-bottom:var(--b4);font-size:var(--t0)}
.secici{border:0;padding:0;margin:0 0 var(--b5)}
.secici legend{font-weight:650;margin-bottom:var(--b3);padding:0}
.secici legend span{font-weight:400;color:var(--ikincil)}
.renkler{display:flex;flex-wrap:wrap;gap:var(--b2)}
.renk{display:block;width:56px;border-radius:var(--r-gorsel);overflow:hidden;outline:1px solid var(--cizgi);text-decoration:none}
.renk img{aspect-ratio:3/4;object-fit:cover;width:100%}
.renk[aria-current="true"]{outline:2px solid var(--yazi);outline-offset:2px}
.bedenler{display:flex;flex-wrap:wrap;gap:var(--b2)}
.beden{position:relative}
.beden input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.beden span{display:inline-grid;place-items:center;min-width:56px;min-height:48px;padding:0 14px;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);font-weight:600}
.beden input:checked+span{background:var(--yazi);color:var(--zemin);border-color:var(--yazi)}
.beden input:disabled+span{color:var(--ikincil);text-decoration:line-through;border-style:dashed;cursor:not-allowed}
.beden input:disabled{cursor:not-allowed}
.beden input:focus-visible+span{outline:3px solid var(--vurgu);outline-offset:2px}
.stok-not{font-size:var(--t0);margin:calc(-1 * var(--b3)) 0 var(--b4);min-height:1.6em}
.stok-not.az{color:var(--vurgu);font-weight:600}
.al{display:grid;grid-template-columns:auto 1fr;gap:var(--b3);margin-bottom:var(--b4)}
.adet{display:inline-flex;align-items:center;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);height:48px}
.adet button{width:44px;height:46px;border:0;background:none;font-size:20px;cursor:pointer;border-radius:var(--r-hap)}
.adet button:disabled{opacity:.35;cursor:not-allowed}
.adet output,.adet span{min-width:28px;text-align:center;font-weight:650;font-variant-numeric:tabular-nums}
.teslim{display:grid;gap:var(--b3);padding:var(--b4);border:1px solid var(--cizgi);border-radius:var(--r-kutu);margin-bottom:var(--b5);font-size:var(--t0)}
.teslim div{display:grid;grid-template-columns:24px 1fr;gap:var(--b3);align-items:start}
.teslim .ikon{width:20px;height:20px;margin-top:2px}
.akordeon{border-top:1px solid var(--cizgi)}
.akordeon details{border-bottom:1px solid var(--cizgi)}
.akordeon summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;font-weight:650;list-style:none}
.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary::after{content:"+";font-size:22px;font-weight:400;transition:transform .2s var(--e-cik)}
.akordeon details[open] summary::after{transform:rotate(45deg)}
.akordeon details>div{padding-bottom:var(--b5);font-size:var(--t0)}
.ozellik-tablo{width:100%;border-collapse:collapse}
.ozellik-tablo th,.ozellik-tablo td{text-align:left;padding:8px 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.ozellik-tablo th{width:42%;font-weight:500;color:var(--ikincil)}
.taksit-tablo{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.taksit-tablo th,.taksit-tablo td{padding:8px 6px;border-bottom:1px solid var(--cizgi);text-align:right}
.taksit-tablo th:first-child,.taksit-tablo td:first-child{text-align:left}

/* Formlar */
.form{display:grid;gap:var(--b4);max-width:460px}
.alan{display:grid;gap:6px}
.alan label{font-weight:600;font-size:var(--t0)}
.alan label small{font-weight:400;color:var(--ikincil)}
.alan input,.alan select,.alan textarea{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--cizgi-guclu);border-radius:10px;background:var(--zemin);font-size:16px}
.alan textarea{min-height:96px}
.alan input[aria-invalid="true"],.alan select[aria-invalid="true"],.alan textarea[aria-invalid="true"]{border-color:var(--hata);box-shadow:0 0 0 1px var(--hata)}
.alan .ipucu{font-size:var(--t-1);color:var(--ikincil);margin:0}
.alan .hata-metin{font-size:var(--t0);color:var(--hata);margin:0;font-weight:550}
.onay{display:grid;grid-template-columns:22px 1fr;gap:var(--b3);align-items:start;font-size:var(--t0)}
.onay input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--vurgu)}
.sifre-kutu{position:relative}
.sifre-kutu button{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:36px;border:0;background:none;color:var(--vurgu);font-weight:600;cursor:pointer;padding:0 10px}
.bildirim{padding:var(--b3) var(--b4);border-radius:10px;font-size:var(--t0);border:1px solid}
.bildirim--hata{border-color:var(--hata);color:var(--hata);background:color-mix(in srgb,var(--hata) 7%,var(--zemin))}
.bildirim--basari{border-color:var(--basari);color:var(--basari);background:color-mix(in srgb,var(--basari) 8%,var(--zemin))}
.bildirim--bilgi{border-color:var(--cizgi-guclu);background:var(--yuzey);color:var(--yazi)}
.hesap-kutu{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);padding-block:var(--b7) var(--b9)}
.hesap-kutu>section{min-width:0}
.sekmeler{display:flex;gap:var(--b2);border-bottom:1px solid var(--cizgi);margin-bottom:var(--b5);overflow-x:auto}
.sekmeler button{border:0;background:none;padding:12px 4px;margin-right:var(--b4);font-weight:600;color:var(--ikincil);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.sekmeler button[aria-selected="true"]{color:var(--yazi);border-bottom-color:var(--vurgu)}
.adres-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--b4)}
.adres-liste article{border:1px solid var(--cizgi);border-radius:var(--r-kutu);padding:var(--b4);font-size:var(--t0)}

/* Sepet çekmecesi ve sayfası */
.perde{position:fixed;inset:0;background:rgba(10,14,22,.42);z-index:60;opacity:0;transition:opacity .3s var(--e-cik)}
.perde.acik{opacity:1}
.cekmece{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--zemin);z-index:61;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .45s var(--e-cekmece);box-shadow:var(--golge)}
.cekmece.acik{transform:none}
.cekmece--sol{right:auto;left:0;transform:translateX(-100%)}
.cekmece__bas{display:flex;justify-content:space-between;align-items:center;padding:var(--b4) var(--b5);border-bottom:1px solid var(--cizgi)}
.cekmece__bas h2{font-size:var(--t2);margin:0}
.cekmece__govde{flex:1;overflow-y:auto;padding:var(--b4) var(--b5)}
.cekmece__alt{border-top:1px solid var(--cizgi);padding:var(--b4) var(--b5) calc(var(--b4) + env(safe-area-inset-bottom));display:grid;gap:var(--b3)}
.satir{display:grid;grid-template-columns:76px 1fr;gap:var(--b3);padding-block:var(--b3);border-bottom:1px solid var(--cizgi)}
.satir img{width:76px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:var(--yuzey)}
.satir__ad{font-weight:600;line-height:1.3;text-decoration:none;font-size:var(--t0)}
.satir__secim{font-size:var(--t-1);color:var(--ikincil)}
.satir__alt{display:flex;justify-content:space-between;align-items:center;margin-top:var(--b2)}
.satir .adet{height:38px}.satir .adet button{width:36px;height:36px;font-size:17px}
.satir__uyari{font-size:var(--t-1);color:var(--hata);font-weight:600}
.toplam-satir{display:flex;justify-content:space-between;font-size:var(--t0)}
.toplam-satir.buyuk{font-size:var(--t2);font-weight:700}
.sepet-sayfa{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;padding-bottom:var(--b9)}
.ozet{background:var(--yuzey);border-radius:var(--r-kutu);padding:var(--b5);display:grid;gap:var(--b3);position:sticky;top:96px}
.ozet h2{font-size:var(--t2);margin:0}
.magazalar{display:grid;gap:var(--b2);margin-top:var(--b2)}
.magazalar a{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:var(--zemin);border:1px solid var(--cizgi);text-decoration:none;font-weight:600}

/* Arama */
.arama-panel{position:fixed;inset:0 0 auto 0;z-index:62;background:var(--zemin);box-shadow:var(--golge);padding:var(--b4) 0 var(--b6);transform:translateY(-102%);transition:transform .4s var(--e-cekmece);max-height:90vh;overflow:auto}
.arama-panel.acik{transform:none}
.arama-kutu{display:flex;gap:var(--b2);align-items:center}
.arama-kutu input{flex:1;min-height:52px;border:1px solid var(--cizgi-guclu);border-radius:var(--r-hap);padding:0 20px;font-size:18px;background:var(--zemin)}
.arama-sonuc{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--b4);margin-top:var(--b5)}

/* Alt bilgi */
.alt{background:var(--yazi);color:var(--zemin);padding-block:var(--b8) calc(var(--b6) + 64px);margin-top:0}
.alt a{color:inherit;text-decoration:none} .alt a:hover{text-decoration:underline}
.alt__ust{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--b6)}
.alt h2{font-size:var(--t1);font-family:var(--f-metin);font-weight:700;margin-bottom:var(--b3);color:var(--zemin)}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:var(--t0);color:rgba(252,251,248,.8)}
.alt__kunye{font-size:var(--t0);color:rgba(252,251,248,.75);font-style:normal;line-height:1.7}
.alt__logo{font:700 30px/1 var(--f-baslik);letter-spacing:.14em;margin-bottom:var(--b4)}
.alt__alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--b4);margin-top:var(--b7);padding-top:var(--b5);border-top:1px solid rgba(252,251,248,.16);font-size:var(--t-1);color:rgba(252,251,248,.7)}
.guven-yer{display:flex;gap:var(--b3);align-items:center;flex-wrap:wrap}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]) .alt{background:#0d1118;color:#ede9e2}:root:not([data-tema="acik"]) .alt h2{color:#ede9e2}}

/* Telefon kategori şeridi */
.hizli-kat{display:none}
/* Mobil alt gezinme */
.alt-menu{display:none}

/* Yasal ve düz metin sayfaları */
.metin-sayfa{max-width:820px;padding-block:var(--b5) var(--b9)}
.metin-sayfa h1{margin-top:var(--b4)}
.metin-sayfa table{width:100%;border-collapse:collapse;font-size:var(--t0)}
.metin-sayfa td,.metin-sayfa th{border-bottom:1px solid var(--cizgi);padding:8px;text-align:left;vertical-align:top}
.metin-sayfa .metin{max-height:none;border:1px solid var(--cizgi);border-radius:var(--r-kutu);padding:var(--b4)}

.bildirim-kayan{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:70;background:var(--yazi);color:var(--zemin);padding:12px 20px;border-radius:var(--r-hap);font-size:var(--t0);font-weight:600;transition:all .3s var(--e-cik);pointer-events:none;max-width:calc(100vw - 32px)}
.bildirim-kayan.goster{opacity:1;transform:translate(-50%,0)}
.onizleme-serit{background:var(--hardal-acik);color:var(--yazi);text-align:center;font-size:var(--t-1);padding:6px var(--kenar)}

/* Uyarlama: tablet */
@media (max-width:1080px){
  .izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .raf{grid-auto-columns:calc((100% - 2 * var(--b4)) / 3)}
  .mega__ic{grid-template-columns:repeat(3,1fr)} .mega__gorsel{display:none}
  .alt__ust{grid-template-columns:1fr 1fr}
}
/* Uyarlama: telefon */
@media (max-width:860px){
  .ust__ic{grid-template-columns:auto 1fr auto;height:58px;gap:var(--b2)}
  .logo{font-size:22px}
  .ana-menu{display:none}
  .mobil-menu-ac{display:inline-grid}
  .ust__sag .yalniz-masaustu{display:none}
  .hizli-kat{display:block;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--cizgi)}
  .hizli-kat::-webkit-scrollbar{display:none}
  .hizli-kat ul{display:flex;gap:var(--b5);margin:0;padding:0 var(--kenar);list-style:none;width:max-content}
  .hizli-kat a{display:block;padding:11px 0;font-size:var(--t0);font-weight:650;text-decoration:none;white-space:nowrap}
  .sahne__ic{grid-template-columns:1fr;gap:var(--b5);min-height:0;padding-block:var(--b5) var(--b6)}
  .sahne__metin p{margin-bottom:var(--b4)}
  .sahne__kolaj{height:auto;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto;gap:var(--b2)}
  .sahne__kolaj{height:clamp(190px,60vw,320px)}
  .sahne__kolaj a,.sahne__kolaj a:first-child{grid-row:auto;aspect-ratio:auto;height:100%}
  .sahne__kolaj figcaption{left:6px;bottom:6px;padding:4px 9px;font-size:11px}
  .ilmek-sira{margin-top:var(--b5)}
  .duyuru{font-size:12.5px;padding:7px var(--kenar)}
  .sahne__metin h1{font-size:clamp(2.3rem,10.5vw,3.4rem);margin-bottom:var(--b3)}
  .sahne__metin p{font-size:var(--t1)}
  .sahne__dugmeler .dugme{flex:1 1 140px}
  .izgara,.liste .izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b5) var(--b3)}
  .raf{grid-auto-columns:64%}
  .katlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b3)}
  .vitrin-akis__sahne{grid-template-columns:1fr;grid-template-rows:62% 38%}
  .vitrin-akis__metin{padding:var(--b5) var(--kenar)}
  .vitrin-akis__metin h2{font-size:clamp(1.9rem,8vw,2.6rem);margin-bottom:var(--b2)}
  .vitrin-akis__metin p{font-size:var(--t0);margin-bottom:var(--b2)}
  .bento{grid-template-columns:1fr 1fr}
  .bento>div,.bento>div:nth-child(n){grid-column:span 2;min-height:0}
  .bento>div:nth-child(n+3){grid-column:span 1}
  .liste{grid-template-columns:1fr}
  .filtreler{position:fixed;inset:0 0 0 auto;width:min(380px,92vw);background:var(--zemin);z-index:61;padding:var(--b5);overflow-y:auto;transform:translateX(100%);transition:transform .45s var(--e-cekmece);top:0}
  .filtreler.acik{transform:none}
  .filtre-ac{display:inline-flex}
  .urun{grid-template-columns:1fr;gap:var(--b5)}
  .galeri{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;margin-inline:calc(-1 * var(--kenar));scrollbar-width:none}
  .galeri::-webkit-scrollbar{display:none}
  .galeri figure{flex:0 0 100%;scroll-snap-align:center;border-radius:0}
  .galeri-nokta{display:flex;justify-content:center;gap:6px;margin-top:var(--b3)}
  .galeri-nokta i{width:6px;height:6px;border-radius:3px;background:var(--cizgi-guclu);transition:width .3s var(--e-cik)}
  .galeri-nokta i.etkin{width:18px;background:var(--yazi)}
  .bilgi{position:static}
  .al{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--zemin);padding:var(--b3) 0;z-index:5;margin-inline:calc(-1 * var(--kenar));padding-inline:var(--kenar);border-top:1px solid var(--cizgi)}
  .sepet-sayfa,.hesap-kutu{grid-template-columns:1fr}
  .ozet{position:static}
  .alt__ust{grid-template-columns:1fr}
  .alt-menu{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--cam);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--cizgi);padding-bottom:env(safe-area-inset-bottom)}
  .alt-menu a,.alt-menu button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;font-size:11px;font-weight:600;text-decoration:none;border:0;background:none;position:relative;cursor:pointer}
  .alt-menu .sayac{top:6px;right:calc(50% - 22px)}
  .alt-menu [aria-current="page"]{color:var(--vurgu)}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .alt{padding-bottom:var(--b7)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
.ust__sol{display:flex;align-items:center;gap:4px}
.mobil-liste{list-style:none;margin:0;padding:0;display:grid}
.mobil-liste a{display:flex;justify-content:space-between;padding:12px 0;text-decoration:none;font-weight:550;border-bottom:1px solid var(--cizgi)}
.mobil-liste a span{color:var(--ikincil);font-weight:400}
.mobil-liste.ek{margin-top:var(--b5)}
.mobil-menu summary{font-family:var(--f-baslik);font-size:var(--t2)}