/* shop.css - shop/category page header, filter + sort bar, product grid */
.shop-h{padding:56px 0 20px}
.shop-h h1{font-weight:700;font-family:var(--font);font-size:clamp(2rem,5vw,3rem);max-width:12em;margin-inline:auto;line-height:1.15}
.shop-h p{color:var(--muted);font-size:1.02rem;line-height:1.8;max-width:34em;margin:18px auto 0}
.fbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0;margin-top:30px}
.fbar-l,.fbar-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fbar-k{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}.fbar-k .ic{width:14px;height:14px}
.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:5px 16px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.chip.on{background:var(--o);border-color:var(--o);color:#fff}
.sel{position:relative;display:inline-flex;align-items:center}
.sel select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 34px 6px 16px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b)}
.sel .ic{position:absolute;inset-inline-end:12px;width:12px;height:12px;pointer-events:none}
.sel select{padding-inline:16px 34px}
.prods{padding-top:30px}
.prods .sec-h h2{font-weight:700;max-width:22em;margin-inline:auto}
.grid-p{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:700px){.grid-p{grid-template-columns:repeat(3,1fr);gap:20px}}
@media(min-width:1020px){.grid-p{grid-template-columns:repeat(4,1fr);gap:22px}}
@media(max-width:520px){.pc-b{padding:12px 10px}.pc-title{font-size:1rem}}