.products-hero{padding-top:calc(var(--header-h) + clamp(2.5rem,6vw,4.5rem));padding-bottom:clamp(1.5rem,3vw,2.5rem)}.products-hero h1{font-size:var(--fs-h1)}.products-hero p{color:var(--c-muted);margin-top:.6rem;max-width:60ch}.filter-bar{position:sticky;top:var(--header-h);z-index:60;background:#f8f8f8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block:1px solid var(--c-line)}.filter-bar-inner{display:flex;align-items:center;gap:1rem;padding-block:.8rem;min-height:58px}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.chips-empty{font-size:var(--fs-small);color:var(--c-muted)}.chip{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .5rem .42rem .85rem;background:var(--c-surface);border:1px solid var(--c-line-strong);font-size:var(--fs-micro);font-weight:600;letter-spacing:.1em;text-transform:uppercase;animation:chip-in .3s var(--ease-out);transition:border-color var(--t-fast)}.chip:hover{border-color:var(--c-lime)}@keyframes chip-in{0%{opacity:0;transform:translateY(6px) scale(.94)}}.chip button{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.8rem;line-height:1;color:var(--c-muted);transition:background var(--t-fast),color var(--t-fast)}.chip button:hover{background:var(--c-lime);color:#fff}.chip--clear{background:transparent;border-color:transparent;color:var(--c-lime);cursor:pointer}.chip--clear:hover{text-decoration:underline}.results-count{font-size:var(--fs-small);color:var(--c-muted);white-space:nowrap}.sort-wrap{position:relative;display:flex;align-items:center;gap:.6rem;white-space:nowrap}.sort-wrap label{font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted)}.sort-wrap select{-webkit-appearance:none;appearance:none;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-line-strong);padding:.55rem 2.2rem .55rem .9rem;font-size:var(--fs-small);font-weight:600;cursor:pointer;transition:border-color var(--t-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23D10E3A' fill='none' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center}.sort-wrap select:hover,.sort-wrap select:focus-visible{border-color:var(--c-lime)}.filters-open-btn{display:none;align-items:center;gap:.5rem;padding:.55rem 1rem;border:1px solid var(--c-line-strong);font-size:var(--fs-micro);font-weight:700;letter-spacing:.2em;text-transform:uppercase;transition:border-color var(--t-fast),color var(--t-fast)}.filters-open-btn:hover{border-color:var(--c-lime);color:var(--c-lime)}.products-layout{display:grid;grid-template-columns:264px 1fr;gap:clamp(1.5rem,3.5vw,3.5rem);padding-block:clamp(2rem,4vw,3rem) clamp(4rem,7vw,6rem)}.filters{position:sticky;top:calc(var(--header-h) + 70px);align-self:start;max-height:calc(100vh - var(--header-h) - 90px);overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--c-surface-2) transparent}.filters-head{display:none;align-items:center;justify-content:space-between;margin-bottom:1rem}.filters-head h2{font-family:var(--f-display);font-size:1.6rem;letter-spacing:.08em}.filter-group{border:0;border-bottom:1px solid var(--c-line);padding-block:1.3rem}.filter-group legend{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--fs-micro);font-weight:700;letter-spacing:.26em;text-transform:uppercase;padding-bottom:1rem}.filter-group legend .scope{color:var(--c-muted);font-weight:500;letter-spacing:.1em}.check{display:flex;align-items:center;gap:.75rem;padding:.42rem 0;cursor:pointer;font-size:var(--fs-small);color:var(--c-muted);transition:color var(--t-fast)}.check:hover{color:var(--c-text)}.check input{position:absolute;opacity:0;width:1px;height:1px}.check .box{position:relative;flex:0 0 auto;width:18px;height:18px;border:1px solid var(--c-line-strong);transition:border-color var(--t-fast),background var(--t-fast)}.check .box:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--c-lime);transform:scale(0);transition:transform var(--t-fast) var(--ease-snap)}.check input:checked~.box{border-color:var(--c-lime)}.check input:checked~.box:after{transform:scale(1)}.check input:checked~.label-text{color:var(--c-text);font-weight:600}.check input:focus-visible~.box{outline:2px solid var(--c-lime);outline-offset:2px}.check .count{margin-left:auto;font-size:var(--fs-micro);color:var(--c-muted)}.swatches{display:flex;flex-wrap:wrap;gap:.6rem}.swatch{position:relative;width:30px;height:30px;border-radius:50%;border:1px solid var(--c-line-strong);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast)}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--c-lime)}.swatch .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.size-grid{display:flex;flex-wrap:wrap;gap:.5rem}.size-btn{min-width:46px;padding:.5rem .7rem;border:1px solid var(--c-line-strong);font-size:var(--fs-small);font-weight:600;text-align:center;transition:border-color var(--t-fast),background var(--t-fast),color var(--t-fast)}.size-btn:hover{border-color:var(--c-lime);color:var(--c-lime)}.size-btn[aria-pressed=true]{background:var(--c-lime);border-color:var(--c-lime);color:#fff}.filters .clear-all{margin-top:1.4rem;width:100%}.products-results .product-grid{--stagger: 0s}.products-results .product-card{animation:card-in .55s var(--ease-out) backwards;animation-delay:var(--d, 0s)}@keyframes card-in{0%{opacity:0;transform:translateY(22px)}}.no-results{padding:4rem 0;text-align:center;color:var(--c-muted)}.no-results .display{font-size:var(--fs-h3);color:var(--c-text);margin-bottom:.8rem}.load-more-wrap{display:flex;justify-content:center;padding-top:2.6rem}@media(max-width:1024px){.products-layout{grid-template-columns:1fr}.filters{position:fixed;inset:0 auto 0 0;z-index:160;width:min(360px,92vw);max-height:none;background:var(--c-bg-2);border-right:1px solid var(--c-line);padding:1.5rem 1.5rem 6rem;transform:translate(-102%);transition:transform var(--t-med) var(--ease-snap);overflow-y:auto}.filters.is-open{transform:translate(0)}.filters-head{display:flex}.filters-open-btn{display:inline-flex}.results-count{display:none}}@media(max-width:640px){.filter-bar-inner{flex-wrap:wrap}.chips{order:3;flex-basis:100%}.sort-wrap label{display:none}}@media(hover:none),(pointer:coarse){.products-results .product-card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/products.css.map */