.shop{padding-top:calc(var(--header-h) + 64px);padding-bottom:120px;background:radial-gradient(80% 40% at 50% 0%,rgb(201 169 110 / .08),transparent 70%)}.shop-head{display:grid;gap:18px;margin-bottom:40px}.shop-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--header-h));z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;background:linear-gradient(180deg,var(--onyx) 70%,transparent)}.search{flex:1 1 320px;display:flex;align-items:center;gap:10px;min-height:52px;padding-inline:18px;border-radius:999px;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s var(--ease)}.search:focus-within{box-shadow:inset 0 0 0 1px var(--brass)}.search svg{width:20px;flex:none;color:var(--brass)}.search input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:.95rem}.search input::placeholder{color:var(--dim)}.bar-right{display:flex;gap:10px}.filter-toggle{display:none}.sort select{appearance:none;min-height:52px;padding:0 22px 0 44px;border-radius:999px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a96e' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 16px center / 16px,#ffffff0a;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.shop-body{display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:start}.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--header-h) + 90px);max-height:calc(100svh - var(--header-h) - 110px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;padding-inline-end:6px;scrollbar-width:thin;scrollbar-color:var(--brass-lo) transparent}.filters-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}.filters-head p{font-weight:700}.link{font-size:.82rem;color:var(--brass);text-decoration:underline;text-underline-offset:3px}.filters-x,.filters-apply{display:none}.facet{margin:0;padding:16px 0;border:0;border-top:1px solid var(--line-soft);display:grid;gap:12px}.facet legend{float:right;width:100%;margin-bottom:12px;font-size:.8rem;font-weight:650;color:var(--brass);letter-spacing:.04em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip input,.check input,.swatch input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:.84rem;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}.chip:hover span{box-shadow:inset 0 0 0 1px var(--brass)}.chip input:checked+span{background:var(--brass);color:var(--onyx);box-shadow:none;font-weight:650}.chip input:focus-visible+span,.check input:focus-visible+span,.swatch input:focus-visible+span{outline:2px solid var(--brass-hi);outline-offset:2px}.chip-wide{margin-top:4px}.range{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.range input,.facet-find{width:100%;min-width:0;min-height:40px;padding:0 12px;border-radius:10px;border:0;background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--line);outline:0}.range input:focus,.facet-find:focus{box-shadow:inset 0 0 0 1px var(--brass)}.brand-list{display:grid;gap:2px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brass-lo) transparent}.check{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 30px 6px 4px;border-radius:8px;cursor:pointer;font-size:.88rem}.check:before{content:"";position:absolute;right:6px;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--brass-lo)}.check:has(input:checked):before{background:var(--brass);box-shadow:none}.check:hover{background:#ffffff08}.check span{text-align:right}.check small{color:var(--dim);font-size:.75rem}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px 6px}.swatch{position:relative;display:grid;justify-items:center;gap:4px;cursor:pointer}.swatch span{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .35),transparent 50%),var(--sw);box-shadow:0 0 0 1px #ffffff26,0 4px 10px -4px #000;transition:box-shadow .25s var(--ease)}.swatch input:checked+span{box-shadow:0 0 0 2px var(--onyx),0 0 0 3.5px var(--brass-hi)}.swatch small{font-size:.62rem;color:var(--dim);white-space:nowrap}.results-meta{margin-bottom:18px;color:var(--muted);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,44vw),1fr));gap:clamp(20px,2.4vw,34px) clamp(14px,1.8vw,26px)}.grid>.cab{content-visibility:auto;contain-intrinsic-size:auto 420px}.grid>.cab[hidden]{display:none}.empty{display:grid;justify-items:center;gap:18px;padding:80px 0;color:var(--muted)}.more{display:grid;justify-items:center;margin-top:56px}@media(max-width:960px){.shop-body{grid-template-columns:1fr}.filter-toggle{display:inline-flex}.filters{position:fixed;inset:auto 0 0;z-index:82;max-height:86svh;padding:20px var(--gutter-r) calc(20px + env(safe-area-inset-bottom,0px)) var(--gutter);border-radius:24px 24px 0 0;background:linear-gradient(180deg,#1b1a1e,#0e0e10);box-shadow:0 -30px 80px -10px #000,0 0 0 1px var(--line);transform:translateY(105%);transition:transform .55s var(--ease-door)}.filters.is-open{transform:none}.filters-x{display:grid;place-items:center;width:36px;height:36px;font-size:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.filters-apply{display:inline-flex;position:sticky;bottom:0;margin-top:8px}.swatches{grid-template-columns:repeat(6,1fr)}}@media(max-width:560px){.sort select{padding-inline:16px 36px}.bar-right{width:100%}.bar-right>*{flex:1}.sort select{width:100%}}