.main-collection{padding-top:var(--section-padding-vertical, 4rem);padding-bottom:var(--section-padding-vertical, 4rem)}.collection-header{position:relative;text-align:center;padding:3rem var(--page-padding, 2rem) 2rem;max-width:var(--page-width, 1400px);margin:0 auto}.collection-header__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.collection-header__image img{width:100%;height:100%;object-fit:cover;display:block}.collection-header__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0000008c)}.collection-header:has(.collection-header__image) .collection-header__title,.collection-header:has(.collection-header__image) .collection-header__description{position:relative;z-index:1;color:#fff}.collection-header__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,3rem);font-weight:600;color:var(--color-headings);margin:0 0 .75rem;line-height:1.15}.collection-header__description{font-family:var(--font-body);font-size:1rem;color:var(--color-secondary);max-width:600px;margin:0 auto;line-height:1.7}.collection-layout{display:grid;grid-template-columns:1fr;gap:2rem;max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-padding, 2rem);align-items:start}@media screen and (min-width:990px){.collection-layout{grid-template-columns:260px 1fr;gap:3rem}}.collection-filters{background-color:var(--color-surface)}@media screen and (max-width:989px){.collection-filters{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);overflow-y:auto;padding:1.5rem;background-color:var(--color-surface);box-shadow:var(--shadow-xl)}.collection-filters.is-open{display:block}}@media screen and (min-width:990px){.collection-filters{position:sticky;top:calc(var(--header-height, 72px) + 1.5rem);max-height:calc(100vh - var(--header-height, 72px) - 3rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}.collection-filters__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.collection-filters__heading{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-headings);margin:0}.collection-filters__close-mobile{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text);padding:.25rem}.collection-filters__close-mobile svg{width:20px;height:20px}@media screen and (min-width:990px){.collection-filters__close-mobile{display:none}}.collection-filters__form{display:flex;flex-direction:column;gap:0}.filter-group{border-bottom:1px solid var(--color-border)}.filter-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:.875rem 0;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);text-align:left}.filter-group__toggle svg{width:16px;height:16px;flex-shrink:0;transition:transform var(--transition-fast)}.filter-group.is-open .filter-group__toggle svg{transform:rotate(180deg)}.filter-group__body{display:none;padding-bottom:1rem}.filter-group.is-open .filter-group__body{display:block}.filter-option{display:flex;align-items:center;gap:.625rem;padding:.25rem 0;cursor:pointer}.filter-option__checkbox{flex-shrink:0;width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);appearance:none;-webkit-appearance:none;cursor:pointer;background-color:var(--color-surface);position:relative;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.filter-option__checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.filter-option__checkbox:checked:after{content:"";position:absolute;top:2px;left:4px;width:5px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.filter-option__label{font-family:var(--font-body);font-size:.875rem;color:var(--color-text);cursor:pointer;flex:1;display:flex;align-items:center;justify-content:space-between}.filter-option__count{font-size:.75rem;color:var(--color-muted)}.filter-option--color .filter-option__checkbox{width:20px;height:20px;border-radius:50%;background-color:var(--swatch-color, var(--color-border))}.filter-option--color .filter-option__checkbox:checked{box-shadow:0 0 0 2px var(--color-surface),0 0 0 3.5px var(--color-primary);background-color:var(--swatch-color)}.filter-price{padding:.5rem 0}.filter-price__inputs{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.filter-price__input{flex:1;font-family:var(--font-body);font-size:.875rem;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5rem .625rem;width:100%;outline:none;transition:border-color var(--transition-fast)}.filter-price__input:focus{border-color:var(--color-primary)}.active-filters{margin-bottom:1rem}.active-filters__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.active-filter{display:inline-flex;align-items:center;gap:.375rem;background-color:var(--color-border);border:1px solid transparent;border-radius:999px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text);padding:.3rem .625rem .3rem .75rem;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast)}.active-filter:hover{background-color:#fee2e2;color:#dc2626}.active-filter__remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.active-filter__remove svg{width:100%;height:100%}.active-filters__clear{font-family:var(--font-body);font-size:.75rem;color:var(--color-muted);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.active-filters__clear:hover{color:#dc2626}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center;gap:.75rem}.collection-count{font-family:var(--font-body);font-size:.875rem;color:var(--color-muted);white-space:nowrap}.collection-sort{display:flex;align-items:center;gap:.5rem}.collection-sort label{font-family:var(--font-body);font-size:.8125rem;color:var(--color-muted);white-space:nowrap}.filter-toggle-mobile{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.5rem .875rem;font-family:var(--font-body);font-size:.8125rem;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.filter-toggle-mobile:hover{border-color:var(--color-primary);background-color:var(--color-border)}.filter-toggle-mobile svg{width:16px;height:16px}@media screen and (min-width:990px){.filter-toggle-mobile{display:none}}.products-grid{display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(2,1fr)}.products-grid--2cols,.products-grid--3cols,.products-grid--4cols{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:990px){.products-grid--2cols{grid-template-columns:repeat(2,1fr)}.products-grid--3cols{grid-template-columns:repeat(3,1fr)}.products-grid--4cols{grid-template-columns:repeat(4,1fr)}}.products-grid.is-loading{opacity:.4;pointer-events:none;position:relative}.collection-pagination{display:flex;justify-content:center;margin-top:3rem}.collection-empty{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.collection-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.5rem;color:var(--color-muted)}.collection-empty__icon svg{width:100%;height:100%}.collection-empty__title{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-headings);margin:0 0 .75rem}.collection-empty__text{font-family:var(--font-body);font-size:.9375rem;color:var(--color-muted);margin:0 0 2rem}@media screen and (max-width:767px){.collection-layout{padding:0 1rem;gap:1.25rem}.collection-header{padding:2rem 1rem 1.5rem}.collection-toolbar{flex-wrap:wrap;gap:.625rem}.collection-toolbar__left,.collection-toolbar__right{gap:.5rem}.collection-sort label{display:none}.collection-sort select{font-size:.8125rem;padding:.5rem 2rem .5rem .625rem}.collection-filters.is-open{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.products-grid{gap:1rem .625rem}}@media screen and (max-width:399px){.products-grid,.products-grid--2cols,.products-grid--3cols,.products-grid--4cols{grid-template-columns:1fr;gap:1.25rem}.collection-layout{padding:0 .875rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-main-collection.css.map */