.main-collection{position:relative;display:grid;padding-top:40px;padding-bottom:40px}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters){column-gap:40px;grid-template-columns:330px 1fr}.main-collection:not(.main-collection--hide-filters) .main-collection__filter-sort-opener{display:none}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection__top{grid-column:2/3;grid-row:1/2}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection__filter-sort{grid-column:1/2;grid-row:2/3}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection__filter-sort:not(.show){display:block}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection__body{grid-column:2/3;grid-row:2/3}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection-filter-sort__heading{display:none}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection-filter-sort__modal{position:sticky;top:10px;padding:0;height:max-content;visibility:visible;transform:none;background-color:transparent}}@media (min-width: 768px){.main-collection:not(.main-collection--hide-filters) .main-collection-filter-sort__backdrop{display:none}}.main-collection.main-collection--hide-filters{padding-left:20px;padding-right:20px}@media (min-width: 768px){.main-collection.main-collection--hide-filters{place-items:self-start}}.main-collection.main-collection--hide-filters .sorting__open-button--mobile{display:block}@media (min-width: 768px){.main-collection.main-collection--hide-filters .main-collection-filter-sort__modal{max-width:540px;border-radius:0 var(--border-radius-modals, 50px) var(--border-radius-modals, 50px) 0}}@media (min-width: 768px){.main-collection.main-collection--hide-filters .main-collection__product-count.main-collection__product-count--mobile{display:flex}}.main-collection.main-collection--empty{grid-template-columns:1fr}.main-collection.main-collection--empty .main-collection__body{grid-column:1/3}.main-collection.main-collection--empty .main-collection__filter-sort{grid-column:2/4}.main-collection .main-collection__filter-sort-opener{position:sticky;top:20px;z-index:3;justify-self:center}.main-collection .main-collection__top{width:100%;display:flex;flex-direction:column;margin-top:20px}@media (min-width: 768px){.main-collection .main-collection__top{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-top:0}}.main-collection .main-collection__product-count{align-items:center}@media (min-width: 768px){.main-collection .main-collection__product-count{display:flex;justify-content:flex-end;padding-top:10px;padding-bottom:10px;white-space:nowrap}}.main-collection .main-collection__product-count:not(.main-collection__product-count--mobile){display:none}@media (min-width: 768px){.main-collection .main-collection__product-count:not(.main-collection__product-count--mobile){display:flex}}.main-collection .main-collection__product-count.main-collection__product-count--mobile{display:flex}@media (min-width: 768px){.main-collection .main-collection__product-count.main-collection__product-count--mobile{display:none}}.main-collection .main-collection__filter-sort{display:block;width:100%;z-index:1004}.main-collection .main-collection__filter-sort:is(.show) .main-collection-filter-sort__modal{transform:translate(0);visibility:visible}.main-collection .main-collection__filter-sort:is(.show) .main-collection-filter-sort__backdrop{opacity:.5;visibility:visible}.main-collection .main-collection-filter-sort__modal{background-color:var(--primary-background, #ffffff);padding:20px;z-index:1;overflow:auto;transform:translate(-100%);visibility:hidden;transition-property:visibility,transform;transition-duration:.3s;transition-timing-function:ease-in-out}.main-collection .main-collection-filter-sort__backdrop{background-color:var(--modal-backdrop-color, #767676);opacity:0;visibility:hidden;transition-property:visibility,opacity;transition-duration:.3s;transition-timing-function:ease-in-out}@media (-moz-touch-enabled: 0),(hover: hover){.main-collection .main-collection-filter-sort__backdrop:hover{cursor:pointer}}.main-collection .main-collection-filter-sort__modal,.main-collection .main-collection-filter-sort__backdrop{position:fixed;top:0;left:0;height:100vh;width:100%}.main-collection .main-collection__body{width:100%;display:flex;flex-direction:column;gap:20px;margin-top:20px}.main-collection .main-collection__body-top{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.main-collection .main-collection__body-top{flex-direction:row;justify-content:space-between}}.main-collection .main-collection-filter-sort__heading{width:100%;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}@media (min-width: 768px){.main-collection .main-collection-filter-sort__heading{margin-bottom:20px}}.main-collection .main-collection-filter-sort__icon-wrapper{min-width:44px;max-width:44px;width:100%;height:44px;border:none;background-color:transparent;padding:0}.main-collection .main-collection-filter-sort__icon-wrapper svg{pointer-events:none;width:100%;height:100%}@media (-moz-touch-enabled: 0),(hover: hover){.main-collection .main-collection-filter-sort__icon-wrapper:hover{cursor:pointer}}.main-collection .main-collection__grid{display:grid;gap:20px}@media (min-width: 992px){.main-collection .main-collection__grid{gap:40px}}@media (min-width: 576px){.main-collection .main-collection__grid:not(.main-collection__body--four-column){grid-template-columns:1fr 1fr}}@media (min-width: 992px){.main-collection .main-collection__grid:not(.main-collection__body--four-column){grid-template-columns:repeat(3,1fr)}}.main-collection .main-collection__grid.main-collection__body--four-column{grid-template-columns:1fr 1fr}@media (min-width: 992px){.main-collection .main-collection__grid.main-collection__body--four-column{grid-template-columns:repeat(4,1fr)}}.main-collection .main-collection__load-more{margin-top:20px}.main-collection .main-collection__empty{display:flex;flex-direction:column;align-items:center;gap:20px}.main-collection .main-collection__loader.loader{display:none;z-index:1006}@media (min-width: 768px){.main-collection .main-collection__loader.loader.show{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-collection.css.map */