.s-main-collection{background-color:#f6f6f6}.s-main-collection--white{background-color:#fff}.s-main-collection [data-swatch=white]{border:1px solid #6f6f6f}.s-main-collection__inner{margin:0 auto;width:100%;padding-left:14px;padding-right:14px}.s-main-collection__inner--container{max-width:1440px}@media screen and (min-width:768px){.s-main-collection__inner{padding-left:45px;padding-right:45px}}.s-main-collection__banner{position:relative;max-height:547px;overflow:hidden}.s-main-collection__banner--no-image{height:160px}@media screen and (min-width:600px){.s-main-collection__banner--no-image{height:180px}}.s-main-collection__banner--no-image .s-main-collection__img-container{aspect-ratio:unset;display:none}.s-main-collection__banner--no-image .s-main-collection__title-container{position:static;padding-top:8px}.s-main-collection__banner--no-image .s-main-collection__content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.s-main-collection__nav{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e5e5e5}.s-main-collection__nav.is-hidden{display:none}.s-main-collection__nav-item{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 16px;border-radius:2px 2px 0 0;border:1px solid rgba(0,0,0,0);border-bottom:none;font-family:var(--font-body);font-size:16px;font-weight:400;cursor:pointer;color:#006bb8}.s-main-collection__nav-item[disabled]{color:#919191}.s-main-collection__nav-item:hover{border-color:#f2f2f2 #f2f2f2 #e5e5e5}.s-main-collection__nav-item.is-active{border-color:#e5e5e5;color:#404040}.s-main-collection__nav-item.is-hidden{display:none}.s-main-collection__panel-container,.s-main-collection__content-panel-container{position:relative}.s-main-collection__panel-container:has(.s-main-collection__tags-content.js-active) .s-main-collection__panel-btn--clear,.s-main-collection__content-panel-container:has(.s-main-collection__tags-content.js-active) .s-main-collection__panel-btn--clear{opacity:1;pointer-events:all}.s-main-collection__panel-container.is-hidden,.s-main-collection__content-panel-container.is-hidden{display:none}.s-main-collection__search-wrapper{padding-bottom:12px;border-bottom:1px solid #e5e5e5}.s-main-collection__search-title{margin-bottom:48px;font-family:var(--font-heading);font-weight:500;font-size:22px;color:#212529}@media screen and (min-width:768px){.s-main-collection__search-title{font-size:28px}}.s-main-collection__search-title.is-hidden{display:none}.s-main-collection__search-tips{font-family:var(--font-body);font-size:16px;font-weight:400;color:#000}.s-main-collection__search-tips br{margin-bottom:16px!important}.s-main-collection__search-tips strong{font-weight:600}.s-main-collection__search-tips ul{margin-left:10px}.s-main-collection__search-tips li{list-style-type:none;margin:8px 0;padding:0;position:relative}.s-main-collection__search-tips li:before{content:"";display:block;width:3.5px;height:3.5px;background-color:#000;border-radius:100%;position:absolute;top:50%;left:-9px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.s-main-collection__content-container{position:absolute;top:0;left:50%;margin:0 auto;-webkit-transform:translate(-50%,0);transform:translate(-50%);width:100%;height:100%}.s-main-collection__content{position:relative;height:100%}.s-main-collection__title{margin:0;color:#fff;text-align:center;font-family:var(--font-heading);letter-spacing:.22px;text-transform:uppercase;font-size:36px;font-style:normal;font-weight:500;line-height:normal}.s-main-collection__img-container{min-width:100%;aspect-ratio:393/461}.s-main-collection__img-container img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;min-height:inherit}@media screen and (min-width:600px){.s-main-collection__img-container{aspect-ratio:1512/547}}.s-main-collection__img-mobile{display:block}@media screen and (min-width:600px){.s-main-collection__img-mobile{display:none}}.s-main-collection__img-desktop{display:none}@media screen and (min-width:600px){.s-main-collection__img-desktop{display:block}}.s-main-collection__img-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.s-main-collection__breadcrumbs{position:absolute;top:62px;left:22px;z-index:3}@media screen and (min-width:1200px){.s-main-collection__breadcrumbs{top:83px;left:25px}}.s-main-collection__title-container{position:absolute;bottom:24px;left:0;z-index:3;width:100%;padding:0 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:768px){.s-main-collection__title-container{padding:0 45px}}.s-main-collection__products-overlay{background:#000;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.s-main-collection__products-overlay.is-active,.s-main-collection__products-overlay.is-active--filter{pointer-events:all;opacity:60%}@media screen and (min-width:768px){.s-main-collection__products-overlay.is-active--filter{opacity:0%;z-index:1}}.s-main-collection__list{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;row-gap:15px;width:100%}@media screen and (min-width:768px){.s-main-collection__list{-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;row-gap:12px;grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1200px){.s-main-collection__list{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:1700px){.s-main-collection__list{margin:0 auto}}.s-main-collection__list--placeholder{padding-bottom:57px}.s-main-collection__list--placeholder-top{padding-top:57px}.s-main-collection__list:has(.s-main-collection__search-wrapper--empty){display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:50px}.s-main-collection__panel{margin:0 auto 16px;padding-top:6px}@media screen and (min-width:768px){.s-main-collection__panel{margin:0 auto 4px}}.s-main-collection__products-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;font-family:var(--font-body);height:44px;color:#555;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.s-main-collection__products-count--desktop{display:none}@media screen and (min-width:768px){.s-main-collection__products-count--mobile{display:none}.s-main-collection__products-count--desktop{display:-webkit-box;display:-ms-flexbox;display:flex}}.s-main-collection__panel-end{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-main-collection__panel-filter--mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s-main-collection__panel-filter--mobile .s-main-collection__panel-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-family:var(--font-body);font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#212529}@media screen and (min-width:768px){.s-main-collection__panel-filter--mobile{display:none}}.s-main-collection__panel-sort--mobile .s-main-collection__panel-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.s-main-collection__panel-sort--desktop{display:none}@media screen and (min-width:768px){.s-main-collection__panel-sort--mobile{display:none}.s-main-collection__panel-sort--desktop{display:block}}.s-main-collection__panel-btn{background:none;outline:none;border:none;cursor:pointer;padding:0;color:#000;font-family:var(--font-body);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.s-main-collection__panel-btn--clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;position:relative;text-transform:capitalize;opacity:0;pointer-events:none}.s-main-collection__panel-btn--clear svg{width:20px;height:20px}.s-main-collection__panel-btn--filter{padding:6px 8px;-webkit-margin-start:-8px;margin-inline-start:-8px}.s-main-collection__panel-btn--filter.has-active-filter{font-weight:600}.s-main-collection__panel-btn--filter,.s-main-collection__panel-btn--sort{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border:1px solid rgba(0,0,0,0);z-index:7}.s-main-collection__panel-btn--filter svg,.s-main-collection__panel-btn--sort svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;margin-left:2px}.s-main-collection__panel-btn--filter.is-active,.s-main-collection__panel-btn--sort.is-active{font-weight:400;background:#fff;border:1px solid #bfbfbf}.s-main-collection__panel-btn--filter.is-active:after,.s-main-collection__panel-btn--sort.is-active:after{content:"";width:100%;height:1px;background:#fff;position:absolute;bottom:-1px;left:0;z-index:7}.s-main-collection__panel-btn--filter.is-active svg,.s-main-collection__panel-btn--sort.is-active svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.s-main-collection__panel-btn--sort{color:#555;font-size:13px}.s-main-collection__panel-btn--desktop{display:none}@media screen and (min-width:768px){.s-main-collection__panel-btn--desktop{display:block}.s-main-collection__panel-btn--clear{display:-webkit-box;display:-ms-flexbox;display:flex}}.s-main-collection__filter-counter{font-family:var(--font-body);font-size:11px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.33px;text-transform:uppercase;pointer-events:none;display:none}@media screen and (min-width:768px){.s-main-collection__filter-counter{display:inline}}.s-main-collection__separator{background-color:#000;width:1px;height:10px;margin:3px 5px 0}.s-main-collection__separator--desktop{display:none}@media screen and (min-width:768px){.s-main-collection__separator--mobile{display:none}.s-main-collection__separator--desktop{display:block}}.s-main-collection__filters-container{display:none}@media screen and (min-width:768px){.s-main-collection__filters-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}}.s-main-collection__sort-filter-container{position:fixed;z-index:10;min-height:0}.s-main-collection__sort-filter-container.is-active--filter{top:0;left:0;width:100dvw;height:100dvh}.s-main-collection__sort-filter-container.is-active--filter .s-main-collection__filter-container{height:100%}@media screen and (min-width:768px){.s-main-collection__sort-filter-container{position:absolute;z-index:6;width:100%;min-height:0}.s-main-collection__sort-filter-container.is-active--filter{top:43px;left:-8px;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:auto}.s-main-collection__sort-filter-container.is-active--filter .s-main-collection__filter-container{height:100%}}.s-main-collection__page-button{display:block;max-width:300px;padding:13px 16px;margin:16px 0;background-color:#fff;border:1px solid rgba(64,64,64,.2);position:relative;font-family:var(--font-body);font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#404040;-webkit-transition:border-color .3s ease,color .3s ease;transition:border-color .3s ease,color .3s ease;text-transform:uppercase;cursor:pointer;text-decoration:none}.s-main-collection__page-button:disabled{pointer-events:none;padding-left:32px;border-color:#bfbfbf;color:#404040;opacity:.3;cursor:not-allowed}@media screen and (min-width:768px){.s-main-collection__page-button:disabled{padding-left:38px}}.s-main-collection__page-button:disabled:after{content:"";position:absolute;top:50%;left:16px;width:1em;height:1em;border:2px solid #404040;border-top-color:#0000;border-radius:50%;-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}@media screen and (min-width:768px){.s-main-collection__page-button:disabled:after{left:19px}}@-webkit-keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin{to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}.s-main-collection__page-button:hover{border-color:#000;color:#000}.s-main-collection__page-button.is-hidden{display:none}@media screen and (min-width:768px){.s-main-collection__page-button{padding:14px 19px}}.s-main-collection__empty-state{width:100%;min-height:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #cbcbcb;grid-column:span 4}.s-main-collection__empty-state .s-main-collection__panel-btn--clear{display:block!important;font-size:14px;margin-left:0}.s-main-collection__arrow-down{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none}.s-main-collection__page-button-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.s-main-collection__page-button-container{border-top:1px solid #e5e5e5}.s-main-collection__page-button-container--no-line{border:none}}.s-main-collection__page-button-container.is-hidden{display:none}.s-main-collection__filters-outer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:6px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;gap:4px}@media screen and (min-width:768px){.s-main-collection__filters-outer{border-top:none}}.s-main-collection__tags-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;width:100%}@media screen and (min-width:768px){.s-main-collection__tags-wrapper{border-top:1px solid #e5e5e5}}.s-main-collection__tags-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:8px 0}.s-main-collection__tag{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.s-main-collection__tag-btn{border-radius:20px;padding:0 2px 0 14px;height:30px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e5e5e5;background-color:#fff;color:#404040;font-size:13px;line-height:24px;font-family:var(--font-body)}.s-main-collection__tag-btn--color{padding:0 2px 0 6px}.s-main-collection__tag-btn svg{width:20px;height:20px}.s-main-collection__tag-btn svg path{fill:#bfbfbf}.s-main-collection__filter-item-color{display:block;cursor:pointer;height:20px;width:20px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;border-radius:40px;margin:0 3px}.s-main-collection__sort-select{width:100%;position:relative;-webkit-margin-start:9px;margin-inline-start:9px}.s-main-collection__sort-select svg{margin-left:4px}.s-main-collection__sort-select[open]{z-index:5}.s-main-collection__sort-select[open] svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.s-main-collection__sort-select:not([open]) svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:rotate(0);transform:rotate(0)}.s-main-collection__sort-select.disabled{pointer-events:none;opacity:.5}.s-main-collection__sort-select.disabled svg{opacity:.5}.s-main-collection__sort-text span{color:#000;font-family:var(--font-body);font-size:13px;font-style:normal;line-height:normal;text-transform:capitalize}.s-main-collection__sort-text span:first-child{font-weight:400;color:#555}.s-main-collection__sort-text span:last-child{font-weight:500}.s-main-collection__select-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;cursor:pointer;list-style:none;counter-reset:radios;padding:10px 8px}.s-main-collection__select-button:before{content:var(--selection)}.s-main-collection__select-button::-webkit-details-marker{display:none}.s-main-collection__sort-select[open] .s-main-collection__select-button:before{content:"";display:block;width:100vw;height:100dvh;background:#0000;position:fixed;top:0;left:0}.s-main-collection__select-button:focus{outline:none}.s-main-collection__sort-list{width:250px;background:#fff;position:absolute;z-index:10;top:100%;right:9px;padding:18px 11px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:200px;overflow-y:auto;counter-reset:labels;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1490196078);box-shadow:0 0 30px #00000026;min-width:145px;max-width:160px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}@media screen and (min-width:768px){.s-main-collection__sort-list{right:0}}.s-main-collection__sort-list::-webkit-scrollbar{width:10px}.s-main-collection__sort-list::-webkit-scrollbar-track{background:#e6e6e6}.s-main-collection__sort-list::-webkit-scrollbar-thumb{background-color:#898989;border-radius:20px;border:3px solid #e6e6e6}.s-main-collection__sort-list-item{list-style-type:none;margin:0;padding:10px 0}.s-main-collection__sort-list-item[disabled]{pointer-events:none!important;opacity:50%}.s-main-collection__sort-list-item:first-child{padding-top:0}.s-main-collection__sort-list-item:last-child{padding-bottom:0}.s-main-collection__sort-list-item-label{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .1s ease;transition:all .1s ease}.s-main-collection__sort-list-item-label span{color:#000;font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;text-wrap:nowrap;-webkit-transition:all .1s ease;transition:all .1s ease}.s-main-collection__sort-list-item-label:has(input:checked)>span{text-shadow:.4px 0 0 #000}.s-main-collection .c-product-card{max-width:unset}.s-main-collection__panel-container,.s-main-collection__content-panel-container{display:none}.s-main-collection__panel-container.is-active,.s-main-collection__content-panel-container.is-active{display:block}.s-main-collection__content-list{display:grid;grid-template-columns:repeat(2,1fr);-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;row-gap:16px}@media screen and (min-width:768px){.s-main-collection__content-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){.s-main-collection__content-list{grid-template-columns:repeat(4,1fr)}}.s-main-collection__content-card{text-decoration:none;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:0 1px 3px #0000001f;-webkit-transition:all .3s ease;transition:all .3s ease}.s-main-collection__content-card:hover{-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.s-main-collection__content-image{width:100%;aspect-ratio:1/1}.s-main-collection__content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.s-main-collection__content-title{padding:16px;font-family:var(--font-body);color:#000;font-size:15px;line-height:1.125em;font-weight:600}.s-main-collection__top-container.is-hidden,.s-main-collection__top-container.hide-title .s-main-collection__search-title{display:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-main-collection.css.map */