.main-collection{display:block}.main-collection__wrapper{max-width:1440px;margin:0 auto}.main-collection__featured{display:flex;gap:8px;flex-wrap:nowrap;overflow:auto;padding:16px 50px;scroll-padding-left:50px;scroll-snap-type:x mandatory;border-bottom:1px solid #292D321a;border-top:1px solid #292D321a}.main-collection__featured-item{width:fit-content;height:38px;padding:12px;display:flex;align-items:center;justify-content:center;border:1px solid #0000001a;transition:border-color .3s,color .3s;font-size:14px;font-family:Geometria;line-height:100%;font-weight:500;color:#292d3259;white-space:nowrap;scroll-snap-align:start;cursor:pointer}.main-collection__featured-item.active{border-color:#eb6163;color:#292d32}.main-collection__header{display:flex;gap:10px;padding:48px 52px 24px;align-items:center}.main-collection__headings{width:fit-content;display:flex;align-items:center;gap:36px;flex:1}.main-collection__heading{font-family:Neutral Face;font-weight:700;font-size:38px;line-height:100%;text-decoration:none}.main-collection__heading--sale{color:#eb6163}.main-collection__heading--home{opacity:.2;position:relative}.main-collection__heading--home:after{content:"";position:absolute;top:0;left:calc(100% + 16px);bottom:0;width:4px;background-color:currentColor}.main-collection__filter-toggle{display:flex;align-items:center;width:fit-content;gap:8px;font-family:Geometria;font-size:14px;line-height:100%;font-weight:500;text-transform:uppercase;cursor:pointer}.main-collection__grid-toggle{display:flex;cursor:pointer}.main-collection__grid-toggle svg{width:18px;height:18px}[grid-size-mobile="2"] .icon--one-col,[grid-size-mobile="1"] .icon--two-col{display:none}.main-collection__filter-toggle *{pointer-events:none}.main-collection__filter-toggle svg{width:21px;height:21px}.main-collection__banner{display:flex;margin:0 0 48px}.main-collection__banner img{width:100%;height:fit-content}.main-collection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 46px}.main-collection__pagination{margin:36px 0 0}.filters{position:fixed;top:0;left:0;width:100vw;height:100dvh;transition:background-color .3s,backdrop-filter .3s;padding:8px;z-index:6;pointer-events:none}.filters.open{background-color:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all}.filters__inner{width:100%;max-width:525px;height:calc(100dvh - 16px);background-color:#fafbf6;border-radius:16px;display:flex;flex-direction:column;margin-left:auto;transform:translate(calc(100% + 16px));transition:transform .3s}.filters.open .filters__inner{transform:translate(0)}.filters__header{padding:48px 60px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292D321a}.filters__title{width:fit-content;display:flex;align-items:center;gap:12px;font-size:16px;line-height:100%;font-weight:500;font-family:Geometria;text-transform:uppercase}.filters__title svg{width:24px;height:24px}.filters__close{display:flex;cursor:pointer}.filters__close img{width:52px;height:52px;pointer-events:none}.filters__options{flex:1;overflow:auto;display:flex;flex-direction:column;padding:10px 36px}.filters__option{border-bottom:1px solid #292D321a}.filters__option-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:Geometria;font-size:14px;line-height:100%;font-weight:500;padding:16px 40px 16px 24px;text-transform:uppercase;color:#292d3259;cursor:pointer;transition:color .3s}.filters__option-toggle *{pointer-events:none}.filters__option-toggle svg{width:16px;transition:transform .3s}.filters__option-toggle.active{color:#292d32}.filters__option-toggle.active svg{transform:rotate(180deg)}.filters__values{max-height:0;overflow:hidden;transition:max-height .3s}.filters__bottom{padding:36px;display:flex;flex-direction:column;gap:8px}.filters__values-list{padding:8px 24px 24px;display:flex;flex-direction:column;gap:12px}.filters__value{width:100%;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;position:relative;cursor:pointer}.filters__input{width:24px;height:24px;border:1px solid #292D321a;border-radius:100px;position:relative;background-color:transparent;padding:0;-webkit-appearance:none;appearance:none;transition:border-color .3s}.filters__input:checked{border-color:#292d32}.filters__input:after{content:"";position:absolute;width:14px;height:14px;background-color:#292d32;opacity:0;transition:opacity .3s;border-radius:100px;top:4px;left:4px}.filters__input:checked:after{opacity:1}.filters__value-remove{position:absolute;top:calc(50% - 7px);right:16px;pointer-events:none;opacity:0;text-transform:uppercase;cursor:pointer;font-size:14px;font-weight:500;transition:opacity .3s}.filters__values-list:has(input:checked) .filters__value-remove{opacity:1;pointer-events:all}.filters__value--swatch .filters__input:not(:checked){border-color:transparent}.filters__value--swatch .filters__input:after{background:var(--swatch-option, #ccc);opacity:1}.filters__bottom-show,.filters__bottom-clear{width:100%;gap:4px;border-radius:12px;font-size:16px;font-weight:500;text-transform:uppercase}@media screen and (max-width:989px){.main-collection__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.main-collection__featured{gap:5px;padding:10px;scroll-padding-left:10px}.main-collection__featured-item{height:34px;padding:12px;font-size:14px}.main-collection__header{padding:40px 20px 20px}.main-collection__heading{font-size:25px}.main-collection__heading--home,.main-collection__filter-toggle span{display:none}.main-collection__filter-toggle svg{width:18px;height:18px}.main-collection__banner{margin:0 0 8px}.main-collection__grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:0 8px}[grid-size-mobile="1"] .main-collection__grid{grid-template-columns:1fr}.main-collection__pagination{margin:30px 0 0}.filters__header{padding:60px 40px 24px 48px}.filters__title{gap:10px;font-size:18px}.filters__close img{width:40px;height:40px}.filters__options{padding:4px 0}.filters__option-toggle{padding:20px 50px}.filters__bottom{padding:40px;gap:10px}.filters__values-list{padding:0 20px 50px;gap:10px}.filters__value{gap:10px;font-size:12px}.filters__input{width:20px;height:20px}.filters__input:after{width:12px;height:12px;top:3px;left:3px}.filters__value-remove{display:none}.filters__bottom-show,.filters__bottom-clear{height:57px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-collection.css.map */