.collection-page{padding-top:calc(var(--header-height, 64px) + var(--space-32));padding-bottom:var(--space-80);background:var(--color-bg)}.collection-page__title-row{display:flex;align-items:center;gap:var(--space-4)}.collection-page__title{color:var(--color-text)}.collection-page__count{color:var(--color-text-secondary);padding-top:2px}.collection-page__description{margin-top:var(--space-8);color:var(--color-text)}.collection-page__sticky{position:sticky;top:var(--header-height, 64px);z-index:90;background:var(--color-bg);margin-left:calc(-1 * var(--container-pad));margin-right:calc(-1 * var(--container-pad));transition:transform var(--motion-duration-200, .2s) var(--motion-ease-in-out, ease)}.collection-page__sticky--static{position:static}.collection-page__sticky.is-header-hidden{transform:translateY(calc(-1 * var(--header-height, 64px)))}.collection-page__filters{position:relative;margin-top:var(--space-8);padding:var(--space-8) 0 0 var(--space-8)}.collection-page__pills{display:flex;gap:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:var(--filter-btn-offset, 80px)}.collection-page__pills::-webkit-scrollbar{display:none}.collection-page__pill{flex-shrink:0;padding:var(--space-4) var(--space-8);border:1px solid transparent;border-radius:0;background:none;color:var(--color-text);cursor:pointer;text-transform:uppercase;white-space:nowrap;transition:border-color .12s ease,font-weight .12s ease}.collection-page__pill.is-active{border-color:var(--color-text);font-weight:700}.collection-page__filter-btn-wrap{position:absolute;top:var(--space-8);right:0;display:flex;align-items:center;padding-left:40px;background:linear-gradient(90deg,transparent 0%,var(--color-bg) 30%);pointer-events:none}.collection-page__filter-btn{display:flex;align-items:center;gap:2px;padding:var(--space-4) var(--space-8) var(--space-4) var(--space-8);margin-right:var(--space-8);border:1px solid transparent;border-radius:0;background:none;color:var(--color-text);cursor:pointer;text-transform:uppercase;white-space:nowrap;pointer-events:auto}.collection-page__filter-btn .disclosure{width:14px;height:14px;fill:currentColor}.collection-page__filter-btn-desktop,.collection-page__filter-btn-desktop.is-hidden{display:none}.collection-page__filter-btn.is-filtered{font-weight:700}.collection-page__filter-btn.is-filtered.is-expanded{font-weight:400}.collection-page__filter-btn.is-expanded .collection-page__filter-btn-count{display:none}.collection-page__divider{margin:var(--space-24) 0 0;border:none;border-top:1px solid var(--color-stroke)}.collection-page__filters+.collection-page__divider{margin-top:var(--space-8)}.collection-page__grid{margin-top:var(--space-16)}.collection-page__pagination{margin-top:var(--space-40);text-align:center}@media(min-width:768px){.collection-page__description{margin-top:var(--space-12)}.collection-page__title-row{gap:var(--space-8)}.collection-page__filters{padding-top:var(--space-12);padding-left:var(--space-16);margin-top:var(--space-12)}.collection-page__filter-btn-wrap{top:var(--space-12)}.collection-page__divider{margin-top:var(--space-32)}.collection-page__filters+.collection-page__divider{margin-top:var(--space-12)}}@media(min-width:1024px){.collection-page{padding-top:calc(var(--header-height, 64px) + var(--space-24));padding-bottom:180px}.collection-page__description{margin-top:var(--space-16);max-width:calc((100% + var(--grid-gutter)) / 12 * 6 - var(--grid-gutter))}.collection-page__divider{margin-top:var(--space-40)}.collection-page__count{padding-top:4px}.collection-page__filters{padding-top:var(--space-12);padding-left:var(--space-24);margin-top:var(--space-24)}.collection-page__pill{transition:border-color .16s ease,font-weight .16s ease}.collection-page__pill:hover{border-color:var(--color-text-secondary)}.collection-page__filter-btn-wrap{top:var(--space-12)}.collection-page__filter-btn{gap:var(--space-4);margin-right:var(--space-16);border:0;padding:var(--space-4) var(--space-8)}.collection-page__filter-btn-mobile{display:none}.collection-page__filter-btn-desktop{display:inline}.collection-page__filter-btn-desktop.is-hidden{display:none}.collection-page__filter-btn .animated-link,.collection-page__filter-btn .collection-page__filter-btn-count{pointer-events:none}.collection-page__filter-btn .animated-link{--link-text-color: var(--color-text);--link-line-color: var(--color-text)}.collection-page__filter-btn .disclosure{width:16px;height:16px}.collection-page__filter-btn .disclosure__bar{fill:currentColor;transform-box:fill-box;transform-origin:center;transition:transform var(--motion-duration-300, .3s) var(--motion-ease-control, ease)}.collection-page__filter-btn.is-expanded .disclosure__bar--v{transform:rotate(90deg)}.collection-page__grid{margin-top:var(--space-24)}}.filter-panel__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1299;background:#0009;opacity:0;transition:opacity var(--motion-duration-300) var(--motion-ease-emphasized)}.filter-panel__backdrop[hidden]{display:none}.filter-panel__backdrop.is-open{opacity:1}html:has(.filter-panel.is-open){overflow:hidden}.filter-panel{position:fixed;left:0;right:0;bottom:0;z-index:1300;display:flex;flex-direction:column;max-height:80svh;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg);transform:translateY(100%);transition:transform var(--motion-duration-300) var(--motion-ease-emphasized);overscroll-behavior:contain}.filter-panel[hidden]{display:none}.filter-panel.is-open{transform:translateY(0)}.filter-panel.is-closing{transform:translateY(100%)}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-16) var(--container-pad);border-bottom:1px solid var(--color-stroke)}.filter-panel__title{color:var(--color-text);text-transform:uppercase}.filter-panel__close{padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-tagline);line-height:var(--line-height-tagline);text-decoration:underline}.filter-panel__close:hover{text-decoration:none}.filter-panel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-16) var(--container-pad) var(--space-32);display:grid;grid-template-columns:repeat(4,1fr);gap:0 var(--space-8);align-content:start}.filter-panel__col{display:flex;flex-direction:column;gap:var(--space-24)}.filter-panel__col:first-child{grid-column:1 / 3}.filter-panel__col:nth-child(2){grid-column:3 / 5}.filter-panel__group{display:flex;flex-direction:column;gap:var(--space-4)}.filter-panel__group-title{font-weight:700;color:var(--color-text);text-transform:uppercase}.filter-panel__footer{flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-16) var(--container-pad) var(--space-24);background:var(--color-surface-raised);border-top:1px solid var(--color-stroke)}.filter-panel__reset{grid-column:1 / 3}.filter-panel__reset:after{background:var(--color-text)}.filter-panel__apply{grid-column:3 / 5}.filter-panel__apply.is-disabled{background:var(--color-stroke);color:var(--color-text-secondary);pointer-events:none}.filter-panel__apply.is-disabled:after{display:none}.filter-panel__reset-link,.filter-panel__divider{display:none}@media(min-width:768px){.filter-panel__body{grid-template-columns:repeat(8,1fr);gap:0 var(--space-16)}.filter-panel__col{display:contents}.filter-panel__group[data-filter-group=category]{grid-column:1 / 3;grid-row:1}.filter-panel__group[data-filter-group=product_type]{grid-column:3 / 5;grid-row:1}.filter-panel__group[data-filter-group=context]{grid-column:5 / 7;grid-row:1}.filter-panel__group[data-filter-group=orientation]{grid-column:7 / 9;grid-row:1}.filter-panel__footer{grid-template-columns:repeat(8,1fr);gap:var(--space-16)}.filter-panel__reset{grid-column:1 / 5}.filter-panel__apply{grid-column:5 / 9}}@media(min-width:1024px){.filter-panel__backdrop{display:none!important}html:has(.filter-panel.is-open){overflow:auto}.filter-panel{position:absolute;top:100%;left:0;right:0;bottom:auto;z-index:1;max-height:0;padding-bottom:0;overflow:hidden;opacity:0;transform:none;transition:max-height var(--motion-duration-300) var(--motion-ease-emphasized),opacity var(--motion-duration-200) var(--motion-ease-emphasized);overscroll-behavior:auto}.filter-panel.is-open{opacity:1;transform:none}.filter-panel.is-open-done{overflow:visible}.filter-panel.is-closing{max-height:0!important;opacity:0;transform:none}.filter-panel__header{display:none}.filter-panel__body{display:grid;grid-template-columns:repeat(12,1fr);gap:0 var(--grid-gutter);padding:var(--space-12) var(--container-pad) 0;overflow:visible;align-content:start}.filter-panel__col{display:contents}.filter-panel__group{width:fit-content}.filter-panel__group[data-filter-group=category]{grid-column:1 / 3;grid-row:1}.filter-panel__group[data-filter-group=product_type]{grid-column:3 / 5;grid-row:1}.filter-panel__group[data-filter-group=context]{grid-column:5 / 7;grid-row:1}.filter-panel__group[data-filter-group=orientation]{grid-column:7 / 9;grid-row:1}.filter-panel__reset-link{display:block;grid-column:11 / 13;grid-row:1;justify-self:end;align-self:start;flex-shrink:0;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer;font-weight:700;white-space:nowrap;text-transform:uppercase;text-decoration:underline;text-underline-offset:var(--link-underline-offset);text-decoration-thickness:var(--link-underline-thickness)}.filter-panel__reset-link:hover{text-decoration:none}.filter-panel__footer{display:none}.filter-panel__divider{display:block;margin:var(--space-16) 0 0;border:none;border-top:1px solid var(--color-stroke)}.filter-panel__group .checkbox:hover .checkbox__box{border-color:var(--color-text-secondary)}.filter-panel__group .checkbox:hover .checkbox__label{color:var(--color-text-secondary)}.filter-panel__group .checkbox__input:checked+.checkbox__box{background:var(--color-text);border-color:var(--color-text)}.filter-panel__group .checkbox:hover .checkbox__input:checked+.checkbox__box{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.filter-panel__group .checkbox__input:checked~.checkbox__label{font-weight:700}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.collection-page__filter-btn:hover .animated-link__char:before{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.collection-page__filter-btn:hover .animated-link__char:after{animation-name:link-cover,link-reveal;animation-duration:var(--cs),var(--cs);animation-timing-function:steps(1,start),steps(1,start);animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}.collection-page__filter-btn:hover .animated-link__char{animation-name:char-hide,char-show;animation-duration:.1ms,.1ms;animation-delay:calc(var(--i, 0) * var(--cs)),calc((var(--n, 1)) * var(--cs) + var(--link-gap, 0ms) + (var(--i, 0) * var(--cs)));animation-fill-mode:forwards}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection.css.map */