.main-collection{display:block}.main-collection .page-width{max-width:calc(var(--page-width) + 80px)}.main-collection.loading{opacity:.5;pointer-events:none}.main-collection__breadcrumbs{padding-top:30px;padding-bottom:30px}.main-collection__banner .image{aspect-ratio:1360 / 596;object-fit:cover}.main-collection__bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:62px;padding-bottom:24px}.main-collection__tabs{display:flex;gap:18px;padding:0}.main-collection__tab{display:flex;align-items:center;justify-content:center;width:170px;padding:18px 24px;border-radius:8px;font-size:16px;line-height:100%;text-align:center;text-transform:uppercase;text-decoration:none;transition:background-color var(--duration),color var(--duration)}.main-collection__tab:hover{background-color:var(--color-background-alt)}.main-collection__tab.active{background-color:var(--color-content);color:var(--color-content-inverse);font-weight:500}.main-collection__tab.active:hover{background-color:var(--color-button-background-hover)}.main-collection__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-left:auto}.main-collection__filters-toggle{display:flex;align-items:center;gap:8px;padding:18px 24px;border:1px solid var(--color-content);border-radius:8px;font-weight:500;font-size:16px;line-height:100%;text-transform:uppercase}.main-collection__filters-toggle svg{width:20px;height:16px}.main-collection__sort{position:relative;margin-left:auto}.main-collection__sort-toggle{display:flex;align-items:center;gap:16px;font-size:16px;line-height:100%;text-transform:uppercase}.main-collection__sort-toggle svg{width:14px;height:8px;transition:transform var(--duration)}.main-collection__sort.open .main-collection__sort-toggle svg{transform:rotate(180deg)}.main-collection__sort-list{position:absolute;top:calc(100% + 12px);right:0;z-index:3;display:flex;flex-direction:column;min-width:240px;padding:8px 0;border-radius:8px;background-color:var(--color-background-alt);visibility:hidden;transform:translateY(-8px);transition:transform var(--duration),visibility var(--duration)}.main-collection__sort.open .main-collection__sort-list{visibility:visible;transform:translateY(0)}.main-collection__sort-option{width:100%;padding:10px 20px;font-size:16px;line-height:150%;text-align:left}.main-collection__sort-option.active{font-weight:500}.main-collection__title{margin:0 auto;padding-top:32px;padding-bottom:32px}.main-collection__body{display:grid;grid-template-columns:minmax(0,1fr);gap:52px;align-items:start;padding-top:32px;padding-bottom:100px}.main-collection__body--with-filters{grid-template-columns:270px minmax(0,1fr)}.main-collection__body--with-filters:not(:has(.filters__group)){grid-template-columns:minmax(0,1fr)}.main-collection__filters:not(:has(.filters__group)){display:none}.main-collection__content{min-width:0}.main-collection__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 19px;padding:0}.main-collection__empty{display:flex;flex-direction:column;align-items:center;gap:24px;padding:42px 0;text-align:center}.main-collection__empty-text{font-size:24px;line-height:150%}.main-collection__empty-button{justify-content:center;text-transform:uppercase}.main-collection__pagination:not(:empty){display:flex;justify-content:center;margin-top:62px}.main-collection__more{justify-content:center;gap:12px;text-transform:uppercase}.filters{display:flex;flex-direction:column;gap:20px}.filters__close{display:flex}.filters__group{display:flex;flex-direction:column;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.filters__title+.filters__group{padding-top:20px;border-top:1px solid var(--color-border)}.filters__group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-weight:500;font-size:18px;line-height:150%}.filters__group-icon{display:flex;flex-shrink:0}.filters__group-icon svg{width:18px;height:18px}.filters__group-icon path{transform-box:fill-box;transform-origin:center;transition:transform var(--duration)}.filters__group.open .filters__group-icon path:first-child{transform:rotate(90deg)}.filters__group.open .filters__group-icon path:last-child{transform:rotate(180deg)}.filters__values{overflow:hidden;max-height:0;transition:max-height var(--duration)}.filters__values-inner{display:flex;flex-direction:column;gap:14px;padding-top:16px;padding-left:4px}.filters__value{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.filters__value:has(input:disabled){cursor:not-allowed;opacity:.5}.filters__checkbox{position:relative;flex-shrink:0;width:20px;height:20px;border:1px solid var(--color-border);border-radius:4px;transition:background-color var(--duration),border-color var(--duration)}.filters__checkbox:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid var(--color-content-inverse);border-width:0 1.5px 1.5px 0;opacity:0;transform:rotate(45deg);transition:opacity var(--duration)}.filters__value input:checked~.filters__checkbox{border-color:var(--color-content);background-color:var(--color-content)}.filters__value input:checked~.filters__checkbox:after{opacity:1}.filters__value-label{font-size:16px;line-height:150%}.filters__actions{display:flex;flex-direction:column;gap:20px}.filters__apply{width:100%;min-width:0;height:62px;justify-content:center;text-transform:uppercase}.filters__apply:disabled{border-color:var(--color-muted);background-color:var(--color-muted);opacity:1}.filters__clear{padding:8px 0;font-size:18px;line-height:150%;text-align:center;color:var(--color-content-muted);text-underline-offset:5px}.main-collection__seo{padding-top:24px;padding-bottom:62px}.main-collection__seo-inner{display:flex;flex-direction:column;gap:12px;padding:41px;border-radius:14px;background-color:var(--color-background-alt);border:1px solid var(--color-muted)}.main-collection__seo-title{font-size:28px;font-weight:700;line-height:150%;letter-spacing:0}.main-collection__seo-text{font-size:18px;line-height:150%}.main-collection__seo-text h2,.main-collection__seo-text h3,.main-collection__seo-text h4,.main-collection__seo-text h5,.main-collection__seo-text h6{margin-top:32px;font-weight:700;font-size:20px;line-height:150%;letter-spacing:0}.main-collection__seo-text .metafield-rich_text_field>*:first-child{margin-top:0}.main-collection__seo-text ul,.main-collection__seo-text ol{display:flex;flex-direction:column;gap:8px}@media screen and (max-width:989px){.main-collection__body--with-filters{grid-template-columns:240px minmax(0,1fr);gap:32px}.main-collection__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.main-collection__breadcrumbs{padding-top:18px;padding-bottom:18px}.main-collection__banner .image{aspect-ratio:351 / 500}.main-collection__bar{flex-direction:column;align-items:stretch;gap:32px;padding-top:32px;padding-bottom:0}.main-collection__controls{margin-left:0}.main-collection__tabs{width:calc(100% + (var(--page-padding) * 2));margin-left:calc(var(--page-padding) * -1);padding:0 var(--page-padding);overflow-x:auto}.main-collection__tab{width:auto;padding:16px 24px;white-space:nowrap}.main-collection__filters-toggle{gap:12px}.main-collection__body{display:block;padding-top:32px}.main-collection__grid{gap:32px 18px}.main-collection__pagination:not(:empty){margin-top:42px}.main-collection__empty-text{font-size:20px}.main-collection__empty-button,.main-collection__more{width:100%;min-width:0}.main-collection__filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;visibility:hidden;background-color:var(--color-overlay);transition:visibility var(--duration)}.main-collection__filters.open{visibility:visible}.filters{gap:24px;width:85%;max-width:400px;height:100%;padding:24px 12px;overflow-y:auto;background-color:var(--color-background);transform:translate(-100%);transition:transform var(--duration)}.main-collection__filters.open .filters{transform:translate(0)}.filters__title{font-size:36px}.filters__actions{margin-top:auto;gap:24px}.filters__clear{color:var(--color-content)}.main-collection__seo{padding-top:52px;padding-bottom:42px}.main-collection__seo-inner{padding:40px 18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-main-collection.css.map */