/* Menü sayfası: sol filtre paneli + sonuç ızgarası (panel sayfayla birlikte görünür kalır; dar ekranda çekmece) */
.shopx{background:var(--navy-900);--bar-top:var(--nav-h)}
.shopx__bar{position:sticky;top:var(--bar-top);z-index:40;display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;padding:14px 0;background:color-mix(in srgb,var(--navy-900) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:top .4s var(--ease)}
.shopx__open{display:none;align-items:center;gap:10px;min-height:44px;padding:.5em 1.1em;border-radius:999px;font-weight:600;box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold-hi)}
.shopx__open .bi{width:20px;height:20px}
.shopx__badge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--gold);color:var(--navy-950);font:700 .75rem/1 var(--sans)}
.shopx__badge[hidden]{display:none}
.shopx__count{margin:0;font-weight:600;color:var(--cream);margin-right:auto}
.shopx__sort{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-dim)}
.shopx__sort select,.filt__in{min-height:44px;padding:.5em .9em;border-radius:12px;background:var(--navy-800);color:var(--text);border:1px solid var(--line);font:inherit;font-size:.95rem}
.shopx__sort select:hover,.filt__in:hover{border-color:var(--gold)}
.shopx__grid{display:grid;grid-template-columns:clamp(250px,22vw,310px) minmax(0,1fr);gap:clamp(22px,3vw,48px);align-items:start;padding-top:22px}
.shopx__main{min-width:0}
.filt{position:sticky;top:calc(var(--bar-top) + 74px);max-height:calc(100svh - var(--bar-top) - 94px);overflow:auto;overscroll-behavior:contain;border-radius:20px;background:var(--navy-800);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;scrollbar-width:thin;transition:top .4s var(--ease)}
.filt__head{display:none}
.filt__body{padding:18px 18px 6px;display:grid;gap:22px}
.filt__s{display:grid;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.filt__s:last-child{border-bottom:0;padding-bottom:6px}
.filt__l{font:700 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin:0}
.filt__in{width:100%}
.fprice{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;color:var(--text-dim)}
.fcat{display:grid;gap:2px}
.fcat__b,.fcat__s{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;min-height:44px;padding:.45em .75em;border-radius:12px;color:var(--text-dim);font-size:.96rem;transition:background .2s,color .2s}
.fcat__b em,.fcat__s em{font-style:normal;font-size:.78rem;padding:.15em .6em;border-radius:999px;background:rgba(255,255,255,.07);color:var(--text-dim);font-variant-numeric:tabular-nums}
.fcat__b:hover,.fcat__s:hover{background:rgba(255,255,255,.06);color:var(--cream)}
.fcat__b.is-on{background:rgba(201,164,92,.16);color:var(--gold-hi);font-weight:600;box-shadow:inset 3px 0 0 var(--gold)}
.fcat__b.is-on em{background:var(--gold);color:var(--navy-950)}
.fcat__subs{display:grid;gap:1px;margin:2px 0 8px 14px;padding-left:10px;border-left:1px solid var(--line)}
.fcat__subs[hidden]{display:none}
.fcat__s{min-height:40px;font-size:.9rem}
.fcat__s[aria-pressed="true"]{color:var(--gold-hi);background:rgba(201,164,92,.1);font-weight:600}
.filt__foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;margin-top:auto;background:var(--navy-800);border-top:1px solid var(--line)}
.filt__reset{min-height:44px;font-weight:600;color:var(--gold-hi);text-decoration:underline;text-underline-offset:3px}
.filt__ok{display:none}
.filt__veil{position:fixed;inset:0;z-index:119;background:rgba(0,0,0,.6)}
.filt__veil[hidden]{display:none}
.falg{display:grid;gap:10px}
.falg__d{margin:0;font-size:.88rem;line-height:1.5;color:var(--text-dim)}
.falg .alg__c{padding:.65em 1em;font-size:.86rem;min-height:40px}
.falg .alg__note{font-size:.78rem;padding:.8em .9em;border-radius:12px}
.falg .alg__tab{font-size:.88rem}
.falg .alg__sum{font-size:.86rem}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;padding:8px 0 2px}
.fchips[hidden]{display:none}
.fchips button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:.4em .55em .4em .95em;border-radius:999px;background:rgba(201,164,92,.16);color:var(--gold-hi);font-size:.88rem;font-weight:600;box-shadow:inset 0 0 0 1px rgba(201,164,92,.45)}
.fchips button:hover{background:rgba(201,164,92,.28)}
.fchips .bi{width:18px;height:18px}
.shopx__main .msec{padding-block:clamp(30px,4vw,56px);background:transparent!important;scroll-margin-top:calc(var(--bar-top) + 80px)}
.shopx__main .msec--light{background:var(--cream)!important;border-radius:24px;margin-block:10px}
.shopx__main .msec .wrap{width:100%;padding-inline:0}
.shopx__main .msec--light .wrap,.shopx__main .msec--deep .wrap{padding-inline:clamp(18px,2.4vw,36px)}
.shopx__main .msec--deep{background:var(--navy-950)!important;border-radius:24px}
.msub{margin-top:clamp(20px,2.6vw,34px)}
.msub[hidden]{display:none}
.msub__h{display:flex;align-items:baseline;gap:10px;font:400 clamp(1.25rem,1rem + .8vw,1.7rem)/1.2 var(--serif);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.msub__h span{font:600 .78rem/1 var(--sans);color:var(--text-mute);padding:.25em .6em;border-radius:999px;background:rgba(255,255,255,.07)}
.msec--light .msub__h{border-color:rgba(16,21,31,.14)}
.msec--light .msub__h span{background:rgba(16,21,31,.08);color:#5a5345}
.shopx__main .mgrid--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.shopx__main .mgrid--list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.pc.is-f{display:none}
.shopx__empty{display:grid;justify-items:start;gap:14px;padding:clamp(30px,5vw,60px) 0}
.shopx__empty[hidden]{display:none}
.shopx__empty p{margin:0;font:400 1.4rem/1.3 var(--serif)}
@media (max-width:980px){
  .shopx__grid{grid-template-columns:1fr;padding-top:10px}
  .shopx__open{display:inline-flex}
  .shopx__bar{padding:10px 0;gap:10px 12px}
  .shopx__count{order:3;width:100%;margin:0;font-size:.9rem}
  .shopx__sort{margin-left:auto}.shopx__sort span{display:none}
  .filt{position:fixed;z-index:120;left:0;right:0;bottom:0;top:auto;max-height:min(88svh,720px);border-radius:24px 24px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s;box-shadow:0 -20px 60px rgba(0,0,0,.6),inset 0 0 0 1px var(--line)}
  .filt.is-open{transform:none;visibility:visible;transition:transform .35s var(--ease)}
  .filt__head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;padding:16px 18px 12px;background:var(--navy-800);border-bottom:1px solid var(--line)}
  .filt__head h2{font:400 1.5rem/1 var(--serif)}
  .filt__x{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line)}
  .filt__x .bi{width:20px;height:20px}
  .filt__ok{display:inline-flex}
  .filt__foot{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  body.filt-open{overflow:hidden}
  .shopx__main .msec--light,.shopx__main .msec--deep{border-radius:18px}
}
@media (max-width:420px){.shopx__main .mgrid--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shopx__main .mgrid--list{grid-template-columns:1fr}}
html.motion-off .filt,html.motion-off .shopx__bar{transition:none!important}

/* ——— Açık renkli kategori/filtre paneli + sıkı menü başlığı ——— */
.filt{--fl-bg:#fbf5e9;--fl-ink:#2a1710;--fl-dim:#6b5646;--fl-line:rgba(70,40,20,.16);--fl-acc:#a8531c;background:var(--fl-bg);color:var(--fl-ink);box-shadow:0 0 0 1px var(--fl-line),0 24px 44px -28px rgba(0,0,0,.6)}
.filt__head,.filt__foot{background:var(--fl-bg)}
.filt__head{border-bottom-color:var(--fl-line)}
.filt__head h2{color:var(--fl-ink)}
.filt__x{color:var(--fl-ink);box-shadow:inset 0 0 0 1.5px var(--fl-line)}
.filt__foot{border-top-color:var(--fl-line)}
.filt__s{border-bottom-color:var(--fl-line)}
.filt__l{color:var(--fl-acc)}
.filt .filt__in{background:#fff;color:var(--fl-ink);border-color:var(--fl-line)}
.filt .filt__in::placeholder{color:#8a7766}
.filt .filt__in:hover,.filt .filt__in:focus{border-color:var(--fl-acc)}
.fprice{color:var(--fl-dim)}
.fcat__b,.fcat__s{color:var(--fl-ink);font-weight:500}
.fcat__b em,.fcat__s em{background:rgba(168,83,28,.1);color:var(--fl-dim)}
.fcat__b:hover,.fcat__s:hover{background:rgba(168,83,28,.08);color:var(--fl-acc)}
.fcat__b.is-on{background:#fff;color:var(--fl-acc);font-weight:700;box-shadow:inset 4px 0 0 var(--crust),0 0 0 1px var(--fl-line)}
.fcat__b.is-on em{background:var(--crust);color:#fff}
.fcat__subs{border-left-color:var(--fl-line)}
.fcat__s[aria-pressed="true"]{color:var(--fl-acc);background:rgba(168,83,28,.12);font-weight:700}
.filt__reset{color:var(--fl-acc)}
.falg__d,.falg .alg__sum,.falg .alg__tab,.falg .alg__tab a{color:var(--fl-dim)}
.falg .alg__tab a{color:var(--fl-acc);text-decoration:underline}
.falg .alg__c{background:#fff;color:var(--fl-ink);box-shadow:inset 0 0 0 1.5px var(--fl-line)}
.falg .alg__c:hover{box-shadow:inset 0 0 0 1.5px var(--fl-acc)}
.falg .alg__c[aria-pressed="true"]{background:#c2381f;color:#fff;box-shadow:none}
.falg .alg__sw,.falg .alg__bar{color:var(--fl-ink)}
.falg .alg__clear{color:var(--fl-acc)}
.falg .alg__note{background:rgba(194,56,31,.08);color:#5a3a2c;box-shadow:inset 0 0 0 1px rgba(194,56,31,.25)}
.shopx__open{color:#2a1710;background:#fbf5e9;box-shadow:none}
.shopx__badge{background:var(--crust);color:#fff}
.fchips button{background:#fbf5e9;color:#8f4a17;box-shadow:inset 0 0 0 1.5px #c98a4a}
.fchips button:hover{background:#fff}
@media (max-width:980px){.filt{box-shadow:0 -20px 60px rgba(0,0,0,.6)}}
/* menü başlığı: dev kahraman yerine sade bir şerit */
.phead--menu{padding:calc(var(--nav-h) + clamp(22px,3vw,40px)) 0 clamp(20px,2.6vw,34px)}
.phead--menu .wrap{grid-template-columns:1fr;gap:8px}
.phead--menu .phead__art--m{display:none}
.phead--menu h1{font-size:clamp(2.1rem,1.3rem + 2.8vw,3.6rem);line-height:1.04}
.phead--menu h1 .ln{display:inline-block;overflow:visible;margin-right:.25em}
.phead--menu .lede{max-width:46em;font-size:1rem}

/* ——— Mağaza düzeni: açık zemin, kompakt ürün kartları, küçük bölüm başlıkları ——— */
.shopx{--sx-bg:#f5eee1;--sx-ink:#2a1710;--sx-dim:#6b5646;--sx-line:rgba(70,40,20,.16);--sx-acc:#a8531c;background:var(--sx-bg);color:var(--sx-ink);padding-bottom:clamp(30px,4vw,60px)}
.shopx__bar{background:color-mix(in srgb,var(--sx-bg) 94%,transparent);border-bottom-color:var(--sx-line)}
.shopx__count{color:var(--sx-ink)}
.shopx__sort{color:var(--sx-dim)}
.shopx__sort select{background:#fff;color:var(--sx-ink);border-color:var(--sx-line)}
.shopx__open{background:#fff;color:var(--sx-ink);box-shadow:inset 0 0 0 1.5px var(--sx-line)}
.filt{background:#fff}
.fchips button{background:#fff}
.shopx__empty p{color:var(--sx-ink)}
.shopx__empty .btn--ghost{--fg:var(--sx-ink);box-shadow:inset 0 0 0 1.5px var(--sx-line)}
/* bölümler: devasa başlık yerine sade başlık satırı */
.shopx__main .msec,.shopx__main .msec--light,.shopx__main .msec:nth-of-type(even){background:transparent!important;color:var(--sx-ink);border-radius:0;margin:0;padding-block:clamp(14px,1.8vw,26px) clamp(6px,1vw,14px)}
.shopx__main .msec .wrap,.shopx__main .msec--light .wrap{padding-inline:0}
.shopx__main .msec__h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:clamp(10px,1.4vw,18px);padding-bottom:12px;border-bottom:2px solid var(--crust)}
.shopx__main .msec__h .eyebrow{display:none}
.shopx__main .msec__h h2{font:400 clamp(1.6rem,1.15rem + 1.3vw,2.3rem)/1.1 var(--serif);color:var(--sx-ink)}
.shopx__main .msec__h .lede{flex:1 1 100%;margin:0;font-size:.95rem;color:var(--sx-dim);max-width:60em}
.shopx__main .mq{margin:0 0 14px;padding:12px 16px;border-left:3px solid var(--crust);background:rgba(168,83,28,.07);border-radius:0 12px 12px 0;color:var(--sx-ink);font:italic 400 1rem/1.4 var(--serif)}
.shopx__main .mq cite{display:block;margin-top:4px;font:600 .72rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sx-acc);font-style:normal}
.msub{margin-top:clamp(12px,1.6vw,22px)}
.msub__h,.msec--light .msub__h{font:600 1.02rem/1.2 var(--sans);color:var(--sx-ink);border-bottom:1px solid var(--sx-line);padding-bottom:8px;margin-bottom:12px}
.msub__h span,.msec--light .msub__h span{background:rgba(168,83,28,.12);color:var(--sx-acc)}
/* kartlar */
.shopx__main .mgrid--grid,.shopx__main .mgrid--list{grid-template-columns:repeat(auto-fill,minmax(min(100%,196px),1fr));gap:clamp(12px,1.4vw,18px)}
.shopx__main .pc{gap:0;padding:10px 10px 12px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--sx-line),0 14px 24px -22px rgba(60,25,8,.55);transition:box-shadow .25s,transform .25s var(--ease);align-content:start}
.shopx__main .pc:hover{box-shadow:0 0 0 1.5px var(--crust),0 18px 30px -18px rgba(60,25,8,.6);transform:translateY(-2px)}
.shopx__main .pc__img{border-radius:12px;box-shadow:none}
.shopx__main .pc__txt{padding:12px 4px 0;gap:5px}
.shopx__main .pc__txt h3{font:600 1rem/1.25 var(--sans);color:var(--sx-ink);letter-spacing:0}
.shopx__main .pc__desc{font-size:.8rem;line-height:1.4;color:var(--sx-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shopx__main .pc__aln{display:none}
.shopx__main .pc__al{gap:4px;margin-top:2px}
.shopx__main .pc__al li{font-size:.62rem;padding:.3em .6em;color:var(--sx-acc);box-shadow:inset 0 0 0 1px rgba(168,83,28,.4)}
.shopx__main .pc__al0{font-size:.74rem}
.shopx__main .pc__price{color:var(--sx-acc);border-top:1px solid var(--sx-line);font-size:.86rem;padding-top:8px;margin-top:6px}
.shopx__main .pc__price b{color:var(--sx-ink);font-size:.98rem}
.shopx__main .pc__price--multi li{border-bottom-color:var(--sx-line);padding:5px 0}
.shopx__main .pc__hit{font-size:.74rem}
.shopx__main .pc__sold{font-size:.78rem}
.shopx__main .pc.is-hit .pc__img{opacity:.45}
.shopx__main .kstrip{margin-bottom:14px}
.shopx__main .msec--deep{background:#2a1710!important;color:var(--text);border-radius:22px;margin-top:clamp(20px,3vw,40px);padding-block:clamp(24px,3vw,44px)}
.shopx__main .msec--deep .wrap{padding-inline:clamp(18px,2.4vw,36px)}
.shopx__main .msec--deep .msec__h h2{color:var(--cream)}
.shopx__main .msec--deep .msec__h .lede{color:var(--text-dim)}
.shopx__main .msec--deep .pc{background:transparent;box-shadow:none;padding:0}
.shopx__main .msec--deep .pc__txt h3{color:var(--cream)}
.shopx__main .msec--deep .pc__desc{color:var(--text-dim)}
/* panel: sığsın */
@media (min-width:981px){
  .fcat__b{min-height:38px;padding:.3em .7em}
  .fcat__s{min-height:34px}
  .filt__body{gap:16px;padding-top:14px}
  .filt__s{padding-bottom:14px;gap:8px}
  .falg__d{display:none}
}
.falg__n summary{cursor:pointer;color:var(--fl-acc);font-weight:600;font-size:.84rem;padding:.3em 0}
.falg__n .alg__note{margin-top:6px}

/* fiyat gösterilmediğinde porsiyon/boy etiketleri */
.pc__sizes{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding-top:8px;border-top:1px solid var(--sx-line,rgba(70,40,20,.16))}
.pc__sizes li{padding:.28em .7em;border-radius:999px;font:600 .74rem/1.2 var(--sans);color:var(--sx-ink,#2a1710);background:rgba(168,83,28,.1)}

/* erişilebilirlik: kontrast düzeltmeleri */
.fcat__b.is-on em,.shopx__badge{background:#8f4a17;color:#fff}
.shopx__main .mq cite{color:#7a3a0e}
.msub__h span,.msec--light .msub__h span{color:#7a3a0e}
.shopx__main .pc__al0,.shopx__main .pc__al0 span{color:#1a6b3c}
.shopx__main .pc__al0 span{opacity:1;font-weight:500}