/* Darkly Jeans — vitrin
   Renkler mevcut markadan: antrasit #2b2d29, bordo #900808. Tek imza öğe: denim dikişi (altın kesik çizgi). */
:root{
  --ink:#2b2d29; --ink-2:#4a4c47; --muted:#6d6f6a; --line:#e6e5e1; --soft:#f4f4f2; --card:#fff;
  --wine:#900808; --wine-d:#6e0606; --wine-50:#fbeeee; --denim:#34507a; --stitch:#c9a35c;
  --ok:#1f7a45; --bad:#b42318; --wa:#1fa855;
  --r:8px; --wrap:1240px;
  --f-head:"Montserrat",system-ui,sans-serif; --f-body:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;font:15px/1.55 var(--f-body);color:var(--ink);background:var(--soft)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--denim);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.narrow{max-width:820px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
.muted{color:var(--muted)}
h1,h2,h3,.h2,.h3{font-family:var(--f-head);letter-spacing:-.01em;color:var(--ink)}
.h2{font-size:20px;margin:0 0 14px}.h3{font-size:16px;margin:0 0 10px}

/* ---------- üst bant: denim dikişi */
.topbar{background:var(--ink);color:#e9e8e3;font-size:12.5px;position:relative}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:3px;border-bottom:1.5px dashed var(--stitch);opacity:.75}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px;padding-bottom:4px}
.tb-left{display:flex;align-items:center;gap:14px}
.tb-left a{display:flex;align-items:center;gap:6px}.tb-left b{color:#fff}
.hours{color:#b9b8b1}
.tb-right{display:flex;gap:18px}.tb-right a:hover{color:#fff;text-decoration:underline}
.tb-wa{display:flex;align-items:center;gap:5px;color:#7fe0a5}.tb-wa .wai{width:15px;height:15px}
@media(max-width:860px){.tb-right a:not(.tb-wa),.hours{display:none}.topbar .wrap{justify-content:space-between}}

/* ---------- başlık */
header.site{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 var(--line)}
.hrow{display:flex;align-items:center;gap:24px;min-height:72px}
.logo img{height:38px;width:auto}
.search{flex:1;max-width:620px;display:flex;align-items:center;background:var(--soft);border:1.5px solid transparent;border-radius:var(--r);transition:border-color .15s}
.search:focus-within{border-color:var(--ink);background:#fff}
.search input{flex:1;border:0;background:transparent;padding:11px 14px;outline:0;min-width:0;font-size:14.5px}
.search button{border:0;background:none;padding:0 14px;color:var(--ink);height:44px}
.hicons{display:flex;gap:4px;margin-left:auto}
.hicon{position:relative;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:var(--r);font-size:13.5px;font-weight:700}
.hicon:hover{color:var(--wine)}
.hicon .badge{position:absolute;top:2px;left:22px;background:var(--wine);color:#fff;border-radius:999px;font:900 10.5px/18px var(--f-body);min-width:18px;height:18px;text-align:center;padding:0 5px;font-style:normal}
.burger{display:none;border:0;background:none;padding:6px}
nav.cats{border-top:1px solid var(--line)}
nav.cats .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
nav.cats .wrap::-webkit-scrollbar{display:none}
.ci{position:relative}
.ci>a{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:12px 14px;font:700 14px var(--f-head);border-bottom:2.5px solid transparent}
.ci>a:hover,.ci>a.on{border-color:var(--wine);color:var(--wine)}
.ci.hot>a{color:var(--wine)}
.drop{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);box-shadow:0 14px 30px rgba(43,45,41,.12);padding:18px 22px;gap:40px;z-index:40}
.ci:hover .drop,.ci:focus-within .drop{display:flex}
.dcol{display:grid;gap:7px;min-width:170px;align-content:start}.dcol b{font-family:var(--f-head);font-size:13px;margin-bottom:4px}
.dcol a{font-size:14px;color:var(--ink-2)}.dcol a:hover{color:var(--wine)}.dcol .all{font-weight:700;color:var(--ink);margin-top:4px}
.shipbar{background:#fff;border-bottom:1px solid var(--line);text-align:center;font-size:13px;padding:7px 12px;color:var(--ink-2)}
@media(max-width:900px){
  .hrow{flex-wrap:wrap;gap:8px 10px;min-height:0;padding:10px 0}
  .burger{display:block;order:0}
  .logo{order:1}.logo img{height:30px}
  .hicons{order:2}
  .search{order:3;flex-basis:100%;max-width:none}
  .hicon span:not(.badge){display:none}.hicon .badge{left:20px}.hide-sm{display:none!important}
  nav.cats{position:fixed;top:0;bottom:0;left:0;width:min(320px,86vw);background:#fff;z-index:60;transform:translateX(-102%);transition:transform .25s;overflow:auto;border:0}
  nav.cats .wrap{flex-direction:column;padding:16px 0}
  .ci>a{border:0;border-bottom:1px solid var(--line);padding:14px 18px;justify-content:space-between}
  .drop{display:flex;position:static;box-shadow:none;border:0;padding:4px 18px 12px;flex-direction:column;gap:12px}
  .dcol{min-width:0}
  body.menu-open nav.cats{transform:none}
}
.scrim{display:none;position:fixed;inset:0;background:rgba(20,20,18,.45);z-index:55}
body.menu-open .scrim,body.filters-open .scrim{display:block}

/* ---------- butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r);padding:11px 20px;font:700 14.5px var(--f-head);cursor:pointer;text-align:center}
.btn.big{width:100%;padding:15px 20px;font-size:15.5px}
.btn-wine{background:var(--wine);color:#fff}.btn-wine:hover{background:var(--wine-d)}
.btn-wine:disabled{background:#c9c8c3;cursor:not-allowed}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#178c46}
.btn-line,.btn-line.sm{background:#fff;border:1.5px solid var(--ink);color:var(--ink);padding:9px 14px}
.btn-line:hover{background:var(--ink);color:#fff}
.btn.sm,.btn-line.sm{padding:6px 12px;font-size:13px}
.row-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* ---------- vitrin: hero */
.hero{margin:18px auto 6px}
.slides{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:2.6/1;min-height:440px;background:var(--ink)}
.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:0 7%;opacity:0;transition:opacity .6s;pointer-events:none}
.slide.on{opacity:1;pointer-events:auto}
.slide.full{padding:0;display:block}.slide.full img{width:100%;height:100%;object-fit:cover}
.slide .kick{margin:0;font:600 clamp(12px,1.2vw,14px) var(--f-head);opacity:.85}
.slide h2{margin:.25em 0 .3em;font:800 clamp(28px,4.4vw,56px)/1 var(--f-head);color:inherit;letter-spacing:-.025em}
.slide p{margin:0 0 1.3em;font-size:clamp(13px,1.3vw,16px);max-width:32em;opacity:.9}
.slide .btn{background:#fff;color:var(--ink)}
.slide .pic{height:100%;position:relative}
.slide .pic img{position:absolute;right:4%;bottom:0;height:94%;width:auto;max-width:100%;object-fit:cover;object-position:top;border-radius:6px 6px 0 0}
/* dikiş motifi: bannerın çevresinde içeriden kesik çizgi */
.slide::before{content:"";position:absolute;inset:12px;border:1.5px dashed var(--stitch);border-radius:4px;opacity:.55;pointer-events:none}
.slide .seam{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px)}
.t-dark{background:var(--ink);color:#fff}
.t-wine{background:var(--wine);color:#fff}
.t-denim{background:var(--denim);color:#fff}
.t-light{background:#efeee9;color:var(--ink)}.t-light .btn{background:var(--ink);color:#fff}.t-light::before{border-color:var(--ink);opacity:.25}
.sdots{position:absolute;bottom:18px;left:6%;display:flex;gap:7px;z-index:3}
.sdots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.4);padding:0}
.sdots button.on{background:#fff;width:22px;border-radius:8px}
.side{display:grid;gap:14px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;background:#fff;display:flex;align-items:flex-end;min-height:0}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.tile span{position:relative;margin:12px;background:#fff;border-radius:6px;padding:8px 12px;font-size:12.5px;color:var(--muted)}
.tile b{display:block;font:800 15px var(--f-head);color:var(--ink)}
@media(max-width:900px){
  .slides{aspect-ratio:4/4.6;min-height:0}.slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:32px 26px 44px;align-items:start}
  .slide .pic img{right:50%;transform:translateX(50%)}}

/* kategori hikâyeleri */
.stories-sec{margin-top:26px}
.rail.stories{grid-auto-columns:calc((100% - 6*12px)/7);gap:12px;padding:6px 0}
.story{display:grid;justify-items:center;gap:12px;padding:18px 8px 16px;border-radius:12px;text-align:center;scroll-snap-align:start}
.story:hover,.story:focus-visible{background:var(--wine-50)}
.story .ring{width:132px;height:132px;max-width:100%;aspect-ratio:1;border-radius:50%;padding:4px;background:#fff;border:2px dashed var(--stitch);display:block}
.story:hover .ring{border-style:solid;border-color:var(--wine)}
.story .ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;background:var(--soft)}
.story b{font:600 15px var(--f-head)}
@media(max-width:1100px){.rail.stories{grid-auto-columns:calc((100% - 4*12px)/5)}}
@media(max-width:700px){.rail.stories{grid-auto-columns:28%;gap:6px}.story{padding:10px 2px}.story .ring{width:86px;height:86px}.story b{font-size:13px}}
.fitchips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--muted)}
/* kalıp halkaları */
.fits{margin:18px auto 0}
.fit-row{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none}
.fit-row::-webkit-scrollbar{display:none}
.fit{display:grid;justify-items:center;gap:7px;font:700 13px var(--f-head);flex:0 0 auto;width:86px;text-align:center}
.ring{width:78px;height:78px;border-radius:50%;padding:3px;background:#fff;border:2px dashed var(--stitch);display:block}
.ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;background:var(--soft)}
.fit:hover .ring{border-style:solid;border-color:var(--wine)}

/* bölüm başlıkları */
.rail-sec{margin-top:30px}
.sec{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px}
.sec h2{margin:0;font-size:20px}
.sec a{font-weight:700;font-size:13.5px;color:var(--wine)}
.sec a:hover{text-decoration:underline}
.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}
.rail>.card{scroll-snap-align:start}
.rbtn{position:absolute;top:38%;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.rbtn.l{left:-14px}.rbtn.r{right:-14px}.rbtn:hover{border-color:var(--ink)}
@media(max-width:1100px){.rail{grid-auto-columns:calc((100% - 3*14px)/4)}}
@media(max-width:800px){.rail{grid-auto-columns:44%;gap:10px}.rbtn{display:none}}

.ctiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.ctile{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:#fff;display:flex;align-items:flex-end}
.ctile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}
.ctile:hover img{transform:scale(1.03)}
.ctile span{position:relative;width:100%;padding:14px;background:linear-gradient(transparent,rgba(20,20,18,.75));color:#e9e8e3;font-size:12.5px}
.ctile b{display:block;color:#fff;font:800 17px var(--f-head)}
@media(max-width:800px){.ctiles{grid-template-columns:1fr 1fr;gap:10px}}

/* ---------- ürün kartı */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.grid{grid-template-columns:1fr 1fr;gap:10px}}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card:hover{box-shadow:0 6px 20px rgba(43,45,41,.10)}
.card .im{position:relative;display:block;aspect-ratio:2/3;background:var(--soft);overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:cover}
.card .im .alt{position:absolute;inset:0;opacity:0;transition:opacity .25s}
@media(hover:hover){.card:hover .im .alt{opacity:1}}
.card.soldout .im img{opacity:.55}
.tags{position:absolute;left:8px;bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tag{background:#fff;border-radius:4px;padding:2px 7px;font:700 11.5px var(--f-body);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.tag.sale{background:var(--wine);color:#fff}
.tag.ship{color:var(--ok)}
.tag.out{background:var(--ink);color:#fff}
.fav{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.12);color:var(--ink-2)}
.fav.on,.favbig.on{color:var(--wine)}.fav.on svg,.favbig.on svg{fill:var(--wine)}
.card .bd{display:flex;flex-direction:column;gap:4px;padding:10px 12px 8px;flex:1}
.card .nm{margin:0;font:400 13.5px/1.35 var(--f-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;color:var(--ink-2)}
.card .nm b{color:var(--ink);font-weight:900}
.card .meta{font-size:12px;color:var(--muted)}
.card .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}
.card .price s{color:var(--muted);font-size:12.5px}
.card .price strong{color:var(--wine);font:800 16px var(--f-head)}
.wa-mini{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 12px 12px;padding:7px;border:1px solid #cfeedd;border-radius:6px;color:var(--wa);font-weight:700;font-size:12.5px;background:#f3fbf6}
.wa-mini .wai{width:15px;height:15px}
.wa-mini{white-space:nowrap}@media(max-width:420px){.wa-mini .lg{display:none}.wa-mini{font-size:12px;margin:0 8px 10px}}
.wa-mini:hover{background:var(--wa);color:#fff;border-color:var(--wa)}

/* ---------- listeleme */
.crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--muted);margin:16px 0 10px}
.crumb a:hover{color:var(--ink);text-decoration:underline}
.crumb>*+*::before{content:"/";margin-right:6px;color:#bab9b3}
.listhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:6px 0 14px;flex-wrap:wrap}
.listhead h1{margin:0;font-size:22px}
.count{margin:2px 0 0;font-size:13px;color:var(--muted);font-weight:400}
.lh-tools{display:flex;gap:8px;align-items:center}
.sortl select{border:1px solid var(--line);border-radius:var(--r);padding:9px 12px;background:#fff;font-weight:700;font-size:13.5px}
.filt-btn{display:none}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.clear{font-size:13px;color:var(--wine);font-weight:700}
.listw{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r);position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto}
.fhead{display:none}
.fgroup{border-bottom:1px solid var(--line);padding:12px 14px}
.fgroup summary{font:700 14px var(--f-head);cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.fgroup summary::after{content:"–";color:var(--muted)}.fgroup:not([open]) summary::after{content:"+"}
.fopts{display:grid;gap:6px;margin-top:10px;max-height:240px;overflow:auto}
.fopts label{display:flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer}
.fopts input{accent-color:var(--wine);width:16px;height:16px}
.fopts i{color:var(--muted);font-style:normal;font-size:12px}
.fopts.sizes{grid-template-columns:repeat(4,1fr);gap:6px}
.fopts .sz{position:relative}
.fopts .sz input{position:absolute;opacity:0}
.fopts .sz span{display:block;width:100%;text-align:center;border:1px solid var(--line);border-radius:6px;padding:6px 0;font-weight:700;font-size:12.5px}
.fopts .sz input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.fopts .sz input:focus-visible+span{outline:2px solid var(--denim)}
.price-range{display:flex;gap:6px;align-items:center;margin-top:10px}
.price-range input{width:100%;border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:13px}
.fapply{margin:12px 14px 14px;width:calc(100% - 28px)}
@media(min-width:901px){.fapply{padding:9px}}
@media(max-width:900px){
  .listw{grid-template-columns:1fr}
  .filt-btn{display:inline-flex}
  .filters{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(360px,90vw);max-height:none;border-radius:0;z-index:60;transform:translateX(102%);transition:transform .25s}
  body.filters-open .filters{transform:none}
  .fhead{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line);font-family:var(--f-head)}
  .fhead .x{border:0;background:none;font-size:18px}
  .fapply{position:sticky;bottom:12px}
}
.pager{display:flex;justify-content:center;gap:6px;margin:26px 0 8px;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px;padding:0 8px}
.pager span{border:0;background:none}
.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{text-align:center;padding:42px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);color:var(--muted)}
.empty p{margin:0 0 14px}
.seo-text{margin:30px 0 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;color:var(--ink-2);font-size:14px;max-width:none}
.seo-text h2{font-size:17px;margin:0 0 8px}.seo-text p{margin:0 0 10px;max-width:80ch}
.seo-text a{color:var(--wine);text-decoration:underline}

/* ---------- ürün sayfası */
.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.gal{position:relative;display:grid;grid-template-columns:76px 1fr;gap:12px;align-self:start;position:sticky;top:132px}
.gal:not(:has(.thumbs)){grid-template-columns:1fr}
.thumbs{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto;scrollbar-width:thin}
.thumbs button{border:1.5px solid transparent;border-radius:6px;padding:0;background:var(--soft);overflow:hidden;aspect-ratio:2/3;flex:0 0 auto}
.thumbs button.on{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.gal .main{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r);background:var(--soft);aspect-ratio:2/3;scrollbar-width:none}
.gal .main::-webkit-scrollbar{display:none}
.gal .main img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.gcount{position:absolute;right:12px;bottom:12px;background:rgba(43,45,41,.75);color:#fff;font-size:12px;border-radius:999px;padding:2px 10px}
.gcount:empty{display:none}
.info h1{font:400 21px/1.35 var(--f-body);margin:0 0 4px;color:var(--ink-2)}
.info h1 .brand{font:800 21px var(--f-head);color:var(--ink);margin-right:4px}
.info h1 .brand:hover{color:var(--wine)}
.sub{margin:0 0 14px;color:var(--muted);font-size:13px}
.pbox{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:14px 0;margin-bottom:16px}
.pbox .price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pbox s{color:var(--muted);font-size:15px}
.pbox strong{font:800 28px var(--f-head);color:var(--wine)}
.off{background:var(--wine-50);color:var(--wine);font-weight:900;font-size:13px;border-radius:4px;padding:2px 8px}
.shipnote{margin:6px 0 0;font-size:13px;color:var(--ink-2)}.shipnote b{color:var(--ok)}
.opt-block{margin-bottom:16px}
.olabel{margin:0 0 8px;font-size:14px;color:var(--muted)}.olabel b{color:var(--ink)}
.olabel-row{display:flex;justify-content:space-between;align-items:baseline}
.olabel-row a{font-size:13px;color:var(--denim);text-decoration:underline}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.sw{width:56px;aspect-ratio:2/3;border-radius:6px;overflow:hidden;border:1.5px solid var(--line);display:grid;place-items:center;font-size:11px;background:var(--soft)}
.sw img{width:100%;height:100%;object-fit:cover}
.sw.on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}
.size{position:relative;border:1.5px solid var(--line);background:#fff;border-radius:6px;padding:10px 4px;font:700 14px var(--f-head)}
.size:hover:not(:disabled){border-color:var(--ink)}
.size.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.size:disabled{color:#b9b8b2;background:repeating-linear-gradient(135deg,#fff 0 6px,#f3f3f1 6px 7px);cursor:not-allowed;text-decoration:line-through}
.size i{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);background:var(--wine);color:#fff;font:700 9.5px var(--f-body);border-radius:3px;padding:0 4px;font-style:normal;white-space:nowrap}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(prefers-reduced-motion:reduce){.shake{animation:none}*{scroll-behavior:auto!important;transition:none!important}}
.stockmsg{min-height:20px;margin:4px 0 10px;font-size:13.5px;font-weight:700}
.stockmsg.low{color:#b25b00}.stockmsg.no{color:var(--bad)}
.buy{display:flex;gap:10px;margin-bottom:10px}
.buy .btn{flex:1}
.favbig{width:54px;flex:0 0 54px;border:1.5px solid var(--line);background:#fff;border-radius:var(--r);display:grid;place-items:center}
.favbig:hover{border-color:var(--wine);color:var(--wine)}
.perks-mini{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.perks-mini li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2)}
.perks-mini svg{flex:0 0 auto;color:var(--ink)}
.perks-mini b{color:var(--ink);margin-right:3px}
.tabs{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-top:18px}
.tabbar{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}
.tabbar button{border:0;background:none;padding:14px 20px;font:700 14px var(--f-head);color:var(--muted);border-bottom:2.5px solid transparent;white-space:nowrap}
.tabbar button[aria-selected=true]{color:var(--ink);border-color:var(--wine)}
.tabpane{display:none;padding:18px 22px;font-size:14.5px;color:var(--ink-2);max-width:900px}
.tabpane.on{display:block}
.tabpane ul{padding-left:18px}
.attrs{border-collapse:collapse;width:100%;max-width:640px}
.attrs th,.attrs td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);font-size:14px}
.attrs th{color:var(--muted);font-weight:400;width:40%}
.mbar{display:none}
@media(max-width:900px){
  .pdp{grid-template-columns:1fr;padding:0;border:0;background:none;gap:14px}
  .gal{position:relative;top:0;grid-template-columns:1fr;margin:0 -16px}
  .gal .main{border-radius:0}
  .thumbs{display:none}
  .info{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px;align-items:center;justify-content:space-between;transform:translateY(110%);transition:transform .2s}
  .mbar.on{transform:none}
  .mbar s{display:block;font-size:12px;color:var(--muted)}.mbar strong{font:800 18px var(--f-head);color:var(--wine)}
  .mbar .btn{flex:0 0 55%}
  .is-pdp .wa-float{bottom:84px}
}

/* ---------- güven şeridi ve alt bilgi */
.trust{margin-top:40px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px}
.trust div{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}
.trust b{display:block;color:var(--ink);font:700 14px var(--f-head)}
.trust svg{flex:0 0 auto;color:var(--wine)}
@media(max-width:800px){.trust .wrap{grid-template-columns:1fr 1fr}}
footer.site{background:#fff;padding:34px 0 0;color:var(--ink-2);font-size:14px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.flogo{height:30px;width:auto;margin-bottom:12px}
.fbrand p{margin:0 0 10px;max-width:34ch}
footer h4{font:800 14px var(--f-head);color:var(--ink);margin:0 0 10px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
footer a:hover{color:var(--wine)}
.soc{display:flex;gap:14px;font-weight:700}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px dashed var(--stitch);margin-top:26px;padding-top:14px;padding-bottom:22px;font-size:12.5px;color:var(--muted)}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:45;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(31,168,85,.35)}
.wa-float .wai{width:30px;height:30px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:11px 20px;border-radius:var(--r);font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:80}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- sepet, form, sayfalar */
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:18px}
.cartw{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.cartw aside{position:sticky;top:132px}
@media(max-width:900px){.cartw{grid-template-columns:1fr}.cartw aside{position:static}}
.line{display:grid;grid-template-columns:76px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.line img{width:76px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--soft)}
.line .t{font-weight:700;display:block}.line .l{font-size:13px;color:var(--muted)}.line .l.warn{color:#b25b00}
.line .ip{font-family:var(--f-head)}
.qrow{display:flex;gap:12px;align-items:center;margin-top:8px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px}
.qty button{border:0;background:none;width:32px;height:32px;font-size:16px}
.qty span{min-width:26px;text-align:center;font-weight:700}
.rm{border:0;background:none;color:var(--muted);font-size:13px;text-decoration:underline}
.sum>div{display:flex;justify-content:space-between;padding:6px 0;font-size:14.5px}
.sum .tot{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font:800 18px var(--f-head)}
.sum .good,.good{color:var(--ok)}
.sum .btn{margin-top:14px}
.ship-note{background:var(--soft);border-radius:6px;padding:10px 12px;font-size:13.5px;margin:8px 0}
.ship-note.bad{background:#fdecec;color:var(--bad)}
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-weight:700;font-size:13.5px}
.form small{font-weight:400;color:var(--muted)}
.form input,.form textarea{border:1px solid #d6d5d0;border-radius:var(--r);padding:11px 12px;background:#fff;font-size:15px;width:100%}
.form input:focus,.form textarea:focus{outline:2px solid var(--ink);outline-offset:-1px;border-color:var(--ink)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.form .two{grid-template-columns:1fr}}
.pay{border:0;padding:0;margin:0;display:grid;gap:8px}
.pay legend{font-weight:700;font-size:13.5px;margin-bottom:6px}
.pay label{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;cursor:pointer;font-weight:400}
.pay label:has(input:checked){border-color:var(--ink)}
.pay input{accent-color:var(--wine);margin-top:4px}
.pay b{display:block}.pay small{display:block}
.check{display:flex!important;grid-template-columns:none!important;gap:10px;align-items:flex-start;font-weight:400!important}
.check input{width:18px!important;height:18px;margin-top:2px;accent-color:var(--wine)}
.check a{color:var(--wine);text-decoration:underline}
.err{color:var(--bad);font-weight:700;margin:0;font-size:14px}.err:empty{display:none}
.okbox{text-align:center}
.okmark{width:58px;height:58px;border-radius:50%;background:#e7f4ec;color:var(--ok);display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 10px}
.code{font:800 20px var(--f-head);letter-spacing:.04em}
.okbox .sum{text-align:left;margin:16px 0;background:var(--soft);border-radius:var(--r);padding:12px 16px}
.okbox .ship-note{text-align:left}
.pill{display:inline-block;background:var(--soft);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}
.steps{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:s}
.steps li{position:relative;padding-top:18px;font-size:12.5px;color:var(--muted);text-align:center}
.steps li::before{content:"";position:absolute;top:4px;left:0;right:0;height:4px;border-radius:4px;background:var(--line)}
.steps li.done{color:var(--ink);font-weight:700}.steps li.done::before{background:var(--wine)}
.track{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.page{font-size:15px;color:var(--ink-2)}
.page h2{font-size:17px;margin:24px 0 8px}
.page p,.page li{max-width:75ch}
.page a{color:var(--wine);text-decoration:underline}
.page .btn{text-decoration:none}
table.info{border-collapse:collapse;width:100%;max-width:640px;margin:10px 0;font-size:14px}
table.info td,table.info th{padding:8px 12px;border:1px solid var(--line);text-align:left}
table.info td:first-child{color:var(--muted);width:42%}
table.info.sizes td:first-child{color:var(--ink);font-weight:700;width:auto}
table.info th{background:var(--soft)}