.css-icon{--icon-color: var(--color-text);width:2rem;height:2rem;display:block;position:relative;transition:all .3s}.css-icon--square{border:1px solid var(--icon-color)}#grid-layout:checked~* .css-icon--square{--icon-color: var(--color-border)}.css-icon--grid:before,.css-icon--grid:after{width:.8rem;height:.8rem;content:"";display:block;position:absolute;top:0;left:0;background:var(--icon-color);box-shadow:0 1.2rem 0 var(--icon-color),1.2rem 0 0 var(--icon-color),1.2rem 1.2rem 0 var(--icon-color)}.css-icon--grid:after{--icon-color: white;width:.6rem;height:.6rem;top:.1rem;left:.1rem}#grid-layout:not(:checked) .css-icon--grid:before{--icon-color: var(--color-border)}.collection{max-width:var(--site-max-width);padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;position:relative}@media(min-width:1200px){.collection{padding-left:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));padding-right:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2))}}@media(min-width:1800px){.collection{max-width:var(--site-max-width-big)}}.section--full .collection{max-width:100%}@media(min-width:1200px){.collection{flex-direction:row;gap:calc(var(--gap, 8px) * 6)}.collection--with-aside{align-items:flex-start}.collection--with-aside .collection__filter{position:sticky;top:var(--filters-sticky-offset, calc(var(--gap, 8px) * 2));margin-bottom:calc(var(--gap, 8px) * 2);max-height:calc(100vh - calc(var(--gap, 8px) * 4));overflow:auto;padding-right:calc(var(--gap, 8px) * 1.5)}.collection--with-aside .collection__filter::-webkit-scrollbar{width:calc(var(--gap, 8px) * 1)}.collection--with-aside .collection__filter::-webkit-scrollbar-thumb{border-radius:5px;background:#666}}.collection__title .rich-text--full-width .hero__overlay{max-width:100%!important}.collection__title .rich-text .hero__overlay{max-width:var(--site-max-width);padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2);margin-left:auto;margin-right:auto}@media(min-width:1200px){.collection__title .rich-text .hero__overlay{padding-left:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));padding-right:calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2))}}@media(min-width:1800px){.collection__title .rich-text .hero__overlay{max-width:var(--site-max-width-big)}}@media(max-width:1199px){.collection__title .rich-text .hero__overlay{padding:0 calc(var(--gap, 8px) * 2)}}@media(min-width:1200px){.collection__title .rich-text .hero__overlay{padding-top:0;padding-bottom:0}}@media(max-width:1199px){.collection__title .rich-text .hero__overlay__content{width:100%;max-width:100%}}.collection switch-column{margin-left:calc(var(--gap, 8px) * 2)}[dir=rtl] .collection switch-column{margin-left:0;margin-right:calc(var(--gap, 8px) * 2)}.collection__mobile-layout-switch{padding-top:calc(var(--gap, 8px) * 1);padding-bottom:calc(var(--gap, 8px) * 1);display:none;align-items:center;gap:calc(var(--gap, 8px) * 1);margin-left:calc(var(--gap, 8px) * 2)}.collection__mobile-layout-switch:only-child{margin-left:auto}[dir=rtl] .collection__mobile-layout-switch{margin-left:0;margin-right:calc(var(--gap, 8px) * 2)}[dir=rtl] .collection__mobile-layout-switch:only-child{margin-right:auto}.collection__mobile-layout-switch--hidden{opacity:0}@media(max-width:599px){.collection__mobile-layout-switch{display:none}}.collection__mobile-layout-checkbox{position:sticky;top:0;width:0;height:0;overflow:hidden;opacity:0;display:none}.collection__toolbar{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;justify-content:end;margin-top:0;background-color:var(--color-background);width:100%}@media(max-width:1199px){.collection__toolbar .wt-filter__trigger{order:1}}@media(max-width:1199px){.collection__toolbar .collection__sort{order:5}}@media(max-width:1199px){.collection__toolbar switch-column{order:10}}.search-overlay-on .collection__toolbar{z-index:5}.collection__toolbar--minimal{border-top:1px solid var(--color-border);top:-1px}@media(max-width:1199px){.collection__toolbar--minimal{padding-bottom:calc(var(--gap, 8px) * 1);padding-top:calc(var(--gap, 8px) * 1)}}@media(max-width:1199px){.collection__toolbar--buttons{padding-block:calc(var(--gap, 8px) * 1);gap:calc(var(--gap, 8px) * 2);justify-content:center}.collection__toolbar--buttons>*{margin-left:0!important;margin-right:0!important}}@media(max-width:399px){.collection__toolbar--buttons{gap:calc(var(--gap, 8px) * 1)}}@media(min-width:1200px){.collection__toolbar{margin-top:calc(var(--gap, 8px) * 1);border:0;padding:0;position:relative;grid-area:toolbar}}@media(min-width:1200px){[custom-select-opened] .collection__toolbar{z-index:9}}.collection__header{grid-area:header}.collection__header__title{font-family:var(--font-headline);font-style:var(--font-headline-style);font-weight:var(--font-headline-weight);text-transform:var(--font-headline-transform, none);font-size:var(--font-headline-size);letter-spacing:var(--font-headline-letter-spacing, normal);line-height:var(--font-headline-line-height, normal);color:var(--color-custom-text, var(--color-headings-text, var(--color-text)));text-align:center;margin-top:calc(var(--gap, 8px) * 2);margin-bottom:0;grid-area:header}@media(max-width:1199px){.collection__header__title{padding-left:calc(var(--gap, 8px) * 2);padding-right:calc(var(--gap, 8px) * 2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media(min-width:1200px){.collection__header__title{text-align:left;margin-bottom:0}}.collection__subheader{margin-top:0;width:100%}@media(min-width:1200px){.collection__subheader{margin-top:calc(var(--gap, 8px) * 1);display:flex;align-items:center}}.collection__counter{display:none;width:100%;text-align:center;grid-area:counter;font-size:1.2rem}[data-text-horizontal=left]+.collection-grid-section .collection__counter{text-align:left}[data-text-horizontal=right]+.collection-grid-section .collection__counter{text-align:right}@media(min-width:1200px){.collection__counter{display:flex;font-size:inherit}.collection__counter .counter__value{display:flex}.collection__counter .counter__value:after{content:" ";white-space:pre}}.collection__counter.mobile{display:block;padding-bottom:4px}@media(min-width:1200px){.collection__counter.mobile{padding-bottom:0;display:none;font-size:inherit}}.collection__sort{max-width:60%;margin-left:auto;margin-right:calc(var(--gap, 8px) * -1)}@media(min-width:1200px){.collection__sort{margin-left:calc(var(--gap, 8px) * 1.5)}}[dir=rtl] .collection__sort{margin-left:calc(var(--gap, 8px) * -1);margin-right:auto}@media(min-width:1200px){[dir=rtl] .collection__sort{margin-right:calc(var(--gap, 8px) * 1.5)}}@media(max-width:399px){.collection__sort{max-width:45%}}@media(max-width:899px){.collection__toolbar:not(:has(.collection__filter-trigger)) .collection__sort{margin-left:0;margin-right:auto}}@media(max-width:1199px){[toolbar-style=buttons] .collection__sort{background:var(--color-button-secondary-background);color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border);height:4rem;border:1px solid var(--color-border);width:100%;max-width:45rem;flex-grow:1;overflow:hidden;justify-content:center;border-radius:min(var(--border-radius-button),4px);display:flex;align-items:center;margin-right:0}}@media(max-width:1199px)and (hover:hover){[toolbar-style=buttons] .collection__sort:hover{background:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover)}}@media(max-width:1199px){[toolbar-style=buttons] .collection__sort [custom-select-trigger]{width:100%;text-align:center;justify-content:center}}.collection__filter-trigger.wt-filter__trigger,.filter-group__item,.filter-group__checkbox,.filter-group__item__text{font-size:var(--font-base-size);font-family:var(--font-base);font-style:var(--font-base-style);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-base-line-height, normal);grid-area:filter;border-radius:0;border:0;height:unset;padding:0;margin-right:auto;cursor:pointer;position:relative}.collection__filter-trigger.wt-filter__trigger:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}@media(min-width:1200px){.collection__filter-trigger.wt-filter__trigger:after{content:"";width:1px;height:50%;background-color:var(--color-border);margin-left:calc(var(--gap, 8px) * 2.5);display:block}}.collection__filter-trigger.wt-filter__trigger:hover{background-color:inherit;border:0;color:inherit}@media(max-width:1199px){[toolbar-style=buttons] .collection__filter-trigger.wt-filter__trigger{background:var(--color-button-secondary-background);color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border);height:4rem;border:1px solid var(--color-border);width:100%;max-width:45rem;flex-grow:1;overflow:hidden;justify-content:center;border-radius:min(var(--border-radius-button),4px)}}@media(max-width:1199px)and (hover:hover){[toolbar-style=buttons] .collection__filter-trigger.wt-filter__trigger:hover{background:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-text-hover)}}@media(min-width:1200px){.collection__filter-trigger.wt-filter__trigger{margin-right:0}.collection__filter-trigger.wt-filter__trigger:not(:first-child):after{content:"";width:1px;height:50%;background-color:var(--color-border);margin-left:calc(var(--gap, 8px) * 2.5);display:block}}[dir=rtl] .collection__filter-trigger.wt-filter__trigger{margin-right:0;margin-left:auto}@media(min-width:1200px){[dir=rtl] .collection__filter-trigger.wt-filter__trigger{margin-left:0;margin-right:auto}[dir=rtl] .collection__filter-trigger.wt-filter__trigger:after{margin-left:0;margin-right:calc(var(--gap, 8px) * 2.5)}}.collection__body{width:100%;padding-bottom:calc(var(--gap, 8px) * 3)}@media(min-width:1200px){.collection__body{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:"header header" "counter toolbar" "items items" "more more"}}.collection__aside:not(.wt-filter--drawer){padding-block:0}@media(min-width:1200px){.collection__aside:not(.wt-filter--drawer){overflow:auto;max-height:98vh;top:var(--filters-sticky-offset, 0);padding-top:0!important;flex:1 0 27rem}.collection__aside:not(.wt-filter--drawer) .filter__header{margin-top:16px;margin-bottom:16px}.collection__aside:not(.wt-filter--drawer) .filter__header.wt-collapse__trigger{margin-top:0;margin-bottom:0}}.collection__grid{--cols: 1;padding:0;width:100%;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:calc(var(--gap, 8px) * 1) var(--grid-gap-mobile, calc(var(--gap, 8px) * 2));margin-top:0;margin-bottom:var(--section-gap-bottom);grid-area:items}@media(min-width:900px){.collection__grid{margin-top:0;gap:var(--grid-gap)}}@media(max-width:599px){#grid-layout:checked~.collection__grid{--cols: 2}}.collection__grid.collection__grid--search-category{transition:opacity .3s ease-in-out,visibility .3s ease-in-out;opacity:0;visibility:hidden;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;max-height:0;overflow:hidden}.collection__grid.collection__grid--search-category+.collection__aside{display:none}@media(min-width:1200px){.collection__grid.collection__grid--search-category.active{overflow:visible}}.collection__grid.collection__grid--search-category .wt-options__trigger,.collection__grid.collection__grid--search-category .collection__subheader{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.collection__grid.collection__grid--search-category .collection__toolbar{padding-top:8px;padding-bottom:8px}.collection__grid.active{opacity:1;visibility:visible;max-height:100%}.collection__grid--articles,.collection__grid--pages{display:none;margin-top:0;margin-bottom:0}.collection__grid__loader__container{width:100%;grid-column:1/-1;display:flex;align-items:center;justify-content:center}.collection__grid__title{font-size:2rem;font-family:var(--font-headline);font-weight:var(--font-headline-weight);font-style:var(--font-headline-style);letter-spacing:var(--font-headline-letter-spacing);text-transform:var(--font-headline-transform, initial);line-height:1.2;margin-top:calc(var(--gap, 8px) * .5);align-self:flex-start;grid-column-start:1;grid-column-end:calc(var(--cols) + 1)}@media(min-width:600px){.collection__grid{--cols: 2}}@media(min-width:900px){.collection__grid{--cols: 3}}@media(min-width:1200px){.collection__grid{--cols: 4;margin-top:calc(var(--gap, 8px) * 1)}}@media(min-width:1200px){.collection__grid[data-cols-desktop="3"]{--cols: 3}}.collection__grid__item{display:flex;align-self:stretch;margin-bottom:calc(var(--gap, 8px) * 3)}@media(min-width:900px){.collection__grid__item{margin-bottom:calc(var(--gap, 8px) * 5)}}.collection__grid__item color-swatch{display:block;width:100%}.collection__grid__item .card__picture{display:block}.collection__grid__item .card__title{word-break:break-word}.collection__more{margin-bottom:calc(var(--gap, 8px) * 7);grid-area:more}.collection__empty-collection{display:flex;align-items:center;justify-content:center}.collection .wt-pagination-wrapper{grid-column:-1/1}.collection__sticky-header{display:flex;flex-direction:column;padding:0;position:sticky;top:var(--filters-sticky-offset, -1px);width:100%;z-index:9;margin-left:auto;margin-right:auto;background-color:var(--color-background, #fff);opacity:1;transition:opacity .4s}@media(min-width:1200px){.collection__sticky-header{grid-column:1/3;flex-direction:row;align-items:center;justify-content:space-between}}.collection__sticky-header.transition{opacity:0}@media(max-width:1199px){.collection__sticky-header--buttons{margin-bottom:calc(var(--gap, 8px) * 1)}}switch-column{display:block}@media(min-width:600px){switch-column{display:none}}switch-column .loading-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:end}@media(min-width:600px){switch-column .loading-overlay{display:none}}switch-column .loading-overlay__spinner{display:flex;align-items:center;justify-content:center}switch-column .loading-overlay--hidden{display:none}.main-search-tab__container{grid-column-start:1;grid-column-end:3}@media(max-width:899px){.main-search-tab__container .collection__grid{--cols: var(--mobile-cols, 2)}}.main-search-tab__container #product-grid-articles{margin-top:16px}.main-search-tab__container .collection__sticky-header{grid-column:1/-1}.main-search-tab__container #product-grid-products .collection__toolbar.collection__toolbar--buttons{margin-bottom:0}.wt-filter__trigger .svg-icon.svg-icon--filter[data-icon-theme=option_2]{height:11px;width:16px}@media(min-width:900px){.wt-filter__trigger .svg-icon.svg-icon--filter[data-icon-theme=option_2]{margin-right:12px}}.grid-banner{margin-bottom:24px;position:relative}@media(max-width:899px){.grid-banner--mobile-2{aspect-ratio:var(--media-aspect-ratio, auto);grid-column:1/-1}}@media(min-width:900px){.grid-banner--desktop-2{grid-column:span 2}}@media(min-width:900px){.grid-banner{margin-bottom:calc(var(--gap, 8px) * 5)}}.grid-banner__media{position:absolute;top:0;left:0;z-index:-1;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:var(--aspect-ratio, auto);height:100%;width:100%}.grid-banner__media-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-overlay, transparent);opacity:var(--color-overlay-opacity, 1)}.grid-banner img,.grid-banner video{width:100%;height:100%;object-fit:cover}.grid-banner__media-mobile{width:100%;height:100%}@media(min-width:900px){.grid-banner__media-mobile{display:none}}.grid-banner__media-mobile svg{width:100%;height:100%}.grid-banner__media-desktop{display:none;width:100%;height:100%}@media(min-width:900px){.grid-banner__media-desktop{display:block}}.grid-banner__media-desktop svg{width:100%;height:100%}.grid-banner__media-content{--custom-text-scale: var(--font-text-scale, 1);--text-size: calc(var(--font-base-size) * var(--custom-text-scale, 1));width:100%;height:100%;padding:24px;aspect-ratio:var(--aspect-ratio, auto);overflow:hidden;display:flex;justify-content:var(--mobile-text-horizontal, start);align-items:var(--mobile-text-vertical, start);text-align:var(--mobile-text-horizontal, start);color:var(--color-body-text);font-family:var(--font-base);font-size:var(--text-size);font-weight:var(--font-base-weight);text-transform:var(--font-base-transform, none);letter-spacing:var(--font-base-letter-spacing, normal);line-height:var(--font-headline-line-height, normal)}@media(min-width:900px){.grid-banner__media-content{--custom-text-scale: var(--font-text-scale-desk);justify-content:var(--desktop-text-horizontal, start);align-items:var(--desktop-text-vertical, start);text-align:var(--desktop-text-horizontal, start)}}.grid-banner__media-text{display:flex;flex-direction:column;gap:calc(var(--gap, 8px) * 1.5)}.grid-banner__media-button{display:flex}.grid-banner .hero__button--gap{justify-content:var(--mobile-text-horizontal, start)}@media(min-width:900px){.grid-banner .hero__button--gap{justify-content:var(--desktop-text-horizontal, start)}}.grid-banner .hero__button--link{text-align:var(--mobile-text-horizontal)}@media(min-width:900px){.grid-banner .hero__button--link{text-align:var(--desktop-text-horizontal)}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/collection-grid.css.map */