.collection-header{padding:var(--spacing-8) 0 var(--spacing-4);text-align:center}.collection-header__title{margin-bottom:var(--spacing-2)}.collection-header__description{max-width:640px;margin:0 auto;color:var(--color-foreground);opacity:.75}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);gap:var(--spacing-2);flex-wrap:wrap}.collection-toolbar__count{font-size:var(--font-size-sm);color:var(--color-foreground);opacity:.7}.collection-toolbar__right{display:flex;align-items:center;gap:var(--spacing-2)}.collection-sort{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm)}.collection-sort__label{font-weight:var(--font-weight-medium);white-space:nowrap}.collection-sort__select{border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);padding:6px var(--spacing-2);background-color:transparent;cursor:pointer;font-size:var(--font-size-sm)}.collection-sort__select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.collection-filter-toggle{display:flex;align-items:center;gap:6px;padding:6px var(--spacing-2);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;cursor:pointer;transition:background-color var(--duration-short),color var(--duration-short)}.collection-filter-toggle:hover{background-color:var(--color-primary);color:var(--color-secondary)}@media screen and (min-width:1024px){.collection-filter-toggle{display:none}}.collection-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media screen and (min-width:1024px){.collection-layout{grid-template-columns:240px 1fr;align-items:start}}.collection-filters-sidebar{display:none}@media screen and (min-width:1024px){.collection-filters-sidebar{display:block;position:sticky;top:var(--spacing-4)}}.collection-filters__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);display:flex;justify-content:space-between;align-items:center}.collection-filters__clear{font-size:var(--font-size-xs);color:var(--color-accent);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.filter-group{border:none;border-bottom:1px solid var(--color-secondary-dark);padding:var(--spacing-2) 0;margin:0}.filter-group__legend{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.06em;padding:0;list-style:none;-webkit-user-select:none;user-select:none}.filter-group__legend::-webkit-details-marker{display:none}.filter-group__icon{width:16px;height:16px;transition:transform var(--duration-short) var(--easing-default);flex-shrink:0}details[open] .filter-group__icon{transform:rotate(180deg)}.filter-group__body{padding-top:var(--spacing-1);display:flex;flex-direction:column;gap:8px}.filter-item{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);cursor:pointer}.filter-item__input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm)}.filter-item__label{cursor:pointer;line-height:1.3}.filter-item__count{margin-left:auto;font-size:var(--font-size-xs);opacity:.6}.filter-price{display:flex;gap:var(--spacing-1);align-items:center;flex-wrap:wrap}.filter-price__input{width:80px;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);padding:4px 8px;font-size:var(--font-size-sm);background:transparent}.filter-price__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.collection-product-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media screen and (min-width:768px){.collection-product-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.collection-product-grid{grid-template-columns:repeat(var(--columns-desktop, 3),1fr)}}.collection-no-products{grid-column:1 / -1;text-align:center;padding:var(--spacing-8) 0;color:var(--color-foreground);opacity:.6}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-6);flex-wrap:wrap}.collection-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-1);border:1px solid var(--color-secondary-dark);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-decoration:none;transition:background-color var(--duration-short),border-color var(--duration-short)}.collection-pagination__item:hover{background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary);text-decoration:none}.collection-pagination__item--current{background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.collection-pagination__item--disabled{opacity:.4;pointer-events:none}.collection-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-background);z-index:600;transform:translate(-100%);transition:transform var(--duration-medium) var(--easing-in-out);overflow-y:auto;padding:var(--spacing-4) var(--spacing-3)}.collection-filter-drawer[aria-hidden=false]{transform:translate(0)}.collection-filter-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.collection-filter-drawer__title{font-size:var(--font-size-lg);font-family:var(--font-heading-family)}.collection-filter-drawer__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;border-radius:var(--border-radius-sm)}.collection-filter-drawer__close:hover{background-color:var(--color-secondary-dark)}.collection-filter-drawer__footer{margin-top:var(--spacing-4);display:flex;gap:var(--spacing-2)}.collection-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:599;opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--easing-in-out)}.collection-filter-overlay.is-visible{opacity:1;pointer-events:auto}@media screen and (min-width:1024px){.collection-filter-drawer,.collection-filter-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection.css.map */