/* ---------- Shop layout ---------- */
.shop-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.filters{display:grid;gap:22px}
.filters h4{margin:0 0 10px;display:flex;justify-content:space-between;align-items:center}
.filters ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.filters li a,.filters li button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;border-radius:var(--r-md);font-weight:700;font-size:.92rem;color:var(--ink);background:none;border:0;text-align:left}
.filters li a:hover,.filters li button:hover{background:var(--lilac);color:var(--plum)}
.filters li a.active,.filters li button.active{background:var(--ink);color:#fff}
.filters li span.n{font-size:.78rem;font-weight:800;color:var(--muted-2)}
.filters li a.active span.n,.filters li button.active span.n{color:rgba(255,255,255,.7)}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.shop-toolbar select{padding:10px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:#fff;font-weight:700}
.filter-toggle{display:none}
.result-count{font-weight:700;color:var(--muted);font-size:.92rem}
.mesh{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mesh h4{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card);transition:.25s}
.mesh h4:hover{transform:translateY(-3px);border-color:var(--primary)}
.mesh h4 a{display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--ink);font-size:.95rem}
.mesh h4 a::after{content:"→";margin-left:auto;color:var(--primary)}
.cat-hero{padding:clamp(28px,4vw,52px) 0 clamp(20px,3vw,36px);position:relative;overflow:hidden}
.cat-hero .mascot-side{position:absolute;right:var(--gutter);bottom:-10px;width:clamp(120px,14vw,190px);filter:drop-shadow(0 16px 24px rgba(23,38,30,.25));pointer-events:none}