.collection-page{padding-block:.5rem 4rem}.collection-page__banner{margin-bottom:1.25rem;max-width:none;height:auto;min-height:2.5rem;padding:.625rem 1rem;font-size:.8125rem;display:flex;align-items:center}.collection-page__layout{display:grid;grid-template-columns:16rem 1fr;gap:0;align-items:stretch}.collection-filters{background:color-mix(in srgb,var(--color-bg-card) 45%,var(--color-bg-primary));border:none;border-right:1px solid color-mix(in srgb,var(--color-border-subtle) 10%,transparent);border-radius:0;padding:.75rem 1.25rem 2rem;position:sticky;top:5rem;align-self:start;height:calc(100vh - 5rem);overflow-y:auto;box-sizing:border-box}.collection-page__main{min-width:0;padding:.75rem clamp(1.25rem,3vw,2.5rem) 0 1.5rem;box-sizing:border-box}.collection-filters__header{display:flex;align-items:center;gap:.625rem;font-weight:800;font-size:1.0625rem;margin-bottom:1rem}.collection-filters__reset{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--color-accent);transition:opacity .15s ease}.collection-filters__reset:hover{opacity:.75}.collection-filters__header .badge{background:color-mix(in srgb,var(--color-accent-button) 22%,transparent);color:var(--color-accent);font-weight:600}.collection-filters__close,.collection-filters__footer,.collection-filters__backdrop{display:none}.collection-filters__body{display:contents}.collection-filters__group{padding-block:1rem;border-top:1px solid color-mix(in srgb,var(--color-border-subtle) 8%,transparent)}.collection-filters__body>.collection-filters__group:first-child{border-top:none;padding-top:0}.collection-filters__group h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.75rem}.collection-filters__price-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;margin-bottom:.875rem}.collection-filters__price-inputs label{min-width:0;display:flex;flex-direction:column;gap:.25rem}.collection-filters__price-inputs label span:first-child{font-size:.6875rem;color:var(--color-text-secondary)}.collection-filters__price-inputs input{display:block;width:100%;min-width:0;height:3rem;padding:0 .625rem;box-sizing:border-box;background:color-mix(in srgb,var(--color-bg-primary) 70%,black 10%);border:1px solid color-mix(in srgb,var(--color-border-subtle) 12%,transparent);border-radius:.5rem;color:var(--color-text-primary);font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;-moz-appearance:textfield;transition:border-color .15s ease}.collection-filters__price-inputs input::-webkit-outer-spin-button,.collection-filters__price-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.collection-filters__price-inputs input:focus{outline:none;border-color:color-mix(in srgb,var(--color-accent) 65%,transparent)}.collection-filters__slider{position:relative;height:1.25rem;margin-bottom:.25rem;box-sizing:border-box}.collection-filters__slider-track{position:absolute;top:50%;left:0;right:0;height:3px;border-radius:999px;background:color-mix(in srgb,var(--color-border-subtle) 16%,transparent);transform:translateY(-50%)}.collection-filters__slider-range{position:absolute;top:50%;height:3px;border-radius:999px;background:var(--color-accent);transform:translateY(-50%)}.collection-filters__slider input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none}.collection-filters__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:.9375rem;height:.9375rem;border-radius:50%;background:#fff;border:2px solid var(--color-accent);box-shadow:0 1px 3px #0006;cursor:pointer;transition:transform .15s ease}.collection-filters__slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.collection-filters__slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:.9375rem;height:.9375rem;border-radius:50%;background:#fff;border:2px solid var(--color-accent);cursor:pointer}.collection-filters__slider input[type=range]::-moz-range-track{background:transparent}.collection-filters__checkbox{display:flex;align-items:center;gap:.625rem;padding:.5rem;margin-inline:-.5rem;border-radius:.625rem;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--color-text-primary);transition:background-color .15s ease}.collection-filters__checkbox:hover{background:color-mix(in srgb,var(--color-bg-primary) 60%,transparent)}.collection-filters__checkbox svg{flex-shrink:0;width:1.125rem;height:1.125rem}.collection-filters__count{margin-left:auto;color:var(--color-text-secondary);font-size:.75rem}.collection-filters__checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:1.375rem;height:1.375rem;margin:0;border-radius:.5rem;border:1.5px solid color-mix(in srgb,var(--color-border-subtle) 22%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 70%,black 10%);display:grid;place-content:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1);order:3}.collection-filters__checkbox input[type=checkbox]:before{content:"";width:.75rem;height:.75rem;transform:scale(0);transition:transform .18s cubic-bezier(.34,1.56,.64,1);background:#fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,45% 68%)}.collection-filters__checkbox input[type=checkbox]:checked{background:var(--color-accent-button);border-color:var(--color-accent-button);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent-button) 22%,transparent);transform:scale(1.06)}.collection-filters__checkbox input[type=checkbox]:checked:before{transform:scale(1)}.collection-filters__count{order:2}.collection-filters__checkbox>svg,.collection-filters__checkbox>span:not(.collection-filters__count):not(.collection-filters__fake-checkbox){order:1}.collection-filters__fake-checkbox{order:3;flex-shrink:0;width:1.375rem;height:1.375rem;border-radius:.5rem;border:1.5px solid color-mix(in srgb,var(--color-border-subtle) 22%,transparent);background:color-mix(in srgb,var(--color-bg-primary) 70%,black 10%);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.collection-filters__checkbox.is-active .collection-filters__fake-checkbox{background:var(--color-accent-button);border-color:var(--color-accent-button);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent-button) 22%,transparent);transform:scale(1.06)}.collection-page__controls{background:color-mix(in srgb,var(--color-bg-card) 55%,var(--color-bg-primary));border:1px solid color-mix(in srgb,var(--color-border-subtle) 10%,transparent);border-radius:.75rem;padding:.75rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.collection-tabs{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto;scroll-snap-type:x proximity;scroll-padding-inline:.25rem;-webkit-user-select:none;user-select:none}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs__count{opacity:.7;margin-left:.25rem;font-size:.8125rem}.collection-page__toolbar{display:flex;gap:.625rem;flex:0 0 auto;margin-left:auto}.collection-page__search{position:relative;width:13.5rem}.collection-page__search:before{content:"";position:absolute;top:50%;left:.75rem;width:.9375rem;height:.9375rem;transform:translateY(-50%);background-color:var(--color-text-secondary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}.collection-page__search input,.collection-page__sort{height:2.375rem;background:color-mix(in srgb,var(--color-bg-primary) 70%,black 10%);border:1px solid color-mix(in srgb,var(--color-border-subtle) 12%,transparent);border-radius:.5625rem;color:var(--color-text-primary);font-size:.8125rem;transition:border-color .15s ease}.collection-page__search input{width:100%;padding:0 .75rem 0 2.25rem}.collection-page__search input:focus,.collection-page__sort:focus{outline:none;border-color:color-mix(in srgb,var(--color-accent) 65%,transparent)}.collection-page__sort{padding:0 1.75rem 0 .75rem;min-width:9rem}.collection-section{margin-bottom:2rem}.collection-section__header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.collection-section__header h2{font-size:1.1875rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.collection-section__icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;background:color-mix(in srgb,#FF5470 20%,transparent);color:#ff5470}.collection-section__count{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.collection-section__view-all{margin-left:auto;display:inline-flex;align-items:center;height:1.875rem;padding:0 .75rem;border-radius:.5rem;background:var(--color-accent-button);color:#fff;font-weight:600;font-size:.8125rem;transition:filter .15s ease,transform .15s ease}.collection-section__view-all:hover{filter:brightness(1.12);transform:translateY(-1px)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.875rem}@keyframes product-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:product-card-in .32s ease backwards}.product-grid>.product-card:nth-child(1){animation-delay:0ms}.product-grid>.product-card:nth-child(2){animation-delay:20ms}.product-grid>.product-card:nth-child(3){animation-delay:40ms}.product-grid>.product-card:nth-child(4){animation-delay:60ms}.product-grid>.product-card:nth-child(5){animation-delay:80ms}.product-grid>.product-card:nth-child(6){animation-delay:.1s}.product-grid>.product-card:nth-child(n+7){animation-delay:.11s}.collection-section{animation:product-card-in .36s ease backwards}.collection-page__main.is-navigating{opacity:.5;filter:saturate(.9);transition:opacity .18s ease,filter .18s ease;pointer-events:none}@media(prefers-reduced-motion:reduce){.product-card,.collection-section{animation:none}}.collection-page__empty{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:3rem 0}.collection-page__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.collection-page__pagination a,.collection-page__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border-radius:var(--radius-base);background:var(--color-bg-card);color:var(--color-text-secondary)}.collection-page__pagination .current{background:var(--color-accent-button);color:var(--color-text-primary)}.collection-filters__toggle{display:none}.product-card--enter{opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease}.product-card--enter-active{opacity:1;transform:translateY(0)}.collection-page__load-more{display:flex;flex-direction:column;align-items:center;gap:.875rem;margin-top:2.5rem}.collection-page__load-more.is-exhausted [data-load-more-btn]{display:none}.collection-page__progress{color:var(--color-text-secondary);font-size:.875rem}.btn--load-more{display:inline-flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 1.75rem;border-radius:var(--radius-base);border:1px solid color-mix(in srgb,var(--color-accent) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 85%,white 15%),var(--color-accent-button));color:var(--color-text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent),0 6px 18px -8px color-mix(in srgb,var(--color-accent) 70%,transparent);transition:filter .15s ease,transform .1s ease,box-shadow .2s ease}.btn--load-more:hover{filter:brightness(1.08);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 55%,transparent),0 8px 22px -6px color-mix(in srgb,var(--color-accent) 85%,transparent)}.btn--load-more:active{transform:scale(.97);filter:brightness(.94)}.btn--load-more svg{width:1rem;height:1rem;transition:transform .2s ease}.btn--load-more.is-loading svg{animation:load-more-spin .8s linear infinite}.btn--load-more:disabled{cursor:not-allowed}.collection-page__load-sentinel{width:100%;height:1px}@keyframes load-more-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.product-card--enter{transition:none}.btn--load-more.is-loading svg{animation:none}}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.collection-page__layout{grid-template-columns:1fr}.collection-page__main{padding-left:0}.collection-filters__toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;height:2.375rem;padding:0 .875rem;background:color-mix(in srgb,var(--color-bg-card) 55%,var(--color-bg-primary));border:1px solid color-mix(in srgb,var(--color-border-subtle) 12%,transparent);border-radius:.5625rem;color:var(--color-text-primary);font-size:.8125rem;font-weight:600}.collection-filters__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080c1099;opacity:0;pointer-events:none;transition:opacity .28s ease}.collection-filters__backdrop.is-mounted{display:block}.collection-filters__backdrop.is-open{opacity:1;pointer-events:auto}.collection-filters{display:none;position:fixed;inset:auto 0 0 0;top:6vh;z-index:101;height:auto;max-height:94vh;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 -16px 40px -12px #00000080;overflow:hidden;padding:0;flex-direction:column;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.collection-filters.is-mounted{display:flex}.collection-filters.is-open{transform:translateY(0)}.collection-filters__body{display:block;flex:1 1 auto;overflow-y:auto;padding:0 1.25rem}.collection-filters__header{flex:0 0 auto;padding:1.25rem 1.25rem 1rem;margin-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--color-border-subtle) 12%,transparent)}.collection-filters:before{content:"";position:absolute;top:.625rem;left:50%;width:2.5rem;height:.25rem;border-radius:999px;background:color-mix(in srgb,var(--color-border-subtle) 40%,transparent);transform:translate(-50%)}.collection-filters__close{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-left:.5rem;border-radius:50%;background:color-mix(in srgb,var(--color-bg-card) 60%,var(--color-bg-primary));color:var(--color-text-primary)}.collection-filters__footer{display:block;flex:0 0 auto;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,black 10%,var(--color-bg-card));border-top:1px solid color-mix(in srgb,var(--color-border-subtle) 12%,transparent)}.collection-filters__show-results{height:3rem;font-size:.9375rem}}@media(prefers-reduced-motion:reduce){.collection-filters,.collection-filters__backdrop{transition:none}}@media(max-width:640px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-page__controls{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.collection-page__toolbar{margin-left:0;width:100%;order:-1}.collection-page__search{width:auto;flex:1}}@media(max-width:480px){.collection-page__controls{background:none;border:none;padding:0;margin-bottom:1rem;gap:.625rem}.collection-page__toolbar{gap:.5rem}.collection-page__sort{min-width:0;width:6.25rem;padding:0 1.5rem 0 .625rem}.collection-filters__toggle{width:2.375rem;padding:0}.collection-filters__toggle-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection.css.map */