.collection-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-width) solid var(--color-border)}.collection-header__title{font-size:var(--font-size-3xl);font-weight:var(--heading-weight);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.collection-header__description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--space-2);max-width:640px}.collection-header__count{font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border)}.collection-toolbar__filter-toggle{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.collection-toolbar__sort-select{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-1);border:none;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.collection-layout{display:grid;grid-template-columns:1fr;gap:0;padding-top:var(--space-6);padding-bottom:var(--space-12);min-width:0;overflow:hidden}.collection-filters{position:fixed;top:0;left:0;width:100%;max-width:360px;height:100%;background-color:var(--color-background);z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out),visibility var(--duration-base) var(--ease-out);overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden}.collection-filters.is-open{transform:translate(0);visibility:visible}.collection-filters__inner{padding:var(--space-3)}.collection-filters__header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-3)}.collection-filters__header-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.collection-filters__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer}.collection-toolbar__filter-toggle{display:inline-flex}.collection-filter{border-bottom:var(--border-width) solid var(--color-border)}.collection-filter__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.collection-filter__header::-webkit-details-marker{display:none}.collection-filter__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.collection-filter__icon{transition:transform var(--duration-fast) var(--ease-out);display:flex}details[open]>.collection-filter__header .collection-filter__icon{transform:rotate(180deg)}.collection-filter__body{padding-bottom:var(--space-3)}.collection-filter__list{display:flex;flex-direction:column;gap:var(--space-1)}.collection-filter__checkbox{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;padding:4px 0}.collection-filter__input{position:absolute;opacity:0;width:0;height:0}.collection-filter__checkmark{width:18px;height:18px;border:var(--border-width) solid var(--color-border);flex-shrink:0;position:relative;transition:all var(--duration-fast) var(--ease-out)}.collection-filter__input:checked+.collection-filter__checkmark{background-color:var(--color-text-primary);border-color:var(--color-text-primary)}.collection-filter__input:checked+.collection-filter__checkmark:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.collection-filter__input:disabled+.collection-filter__checkmark{opacity:.3}.collection-filter__label-text{font-size:var(--font-size-sm)}.collection-filter__count{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:auto}.collection-filter__input:disabled~.collection-filter__label-text,.collection-filter__input:disabled~.collection-filter__count{opacity:.3}.collection-filter__price-inputs{display:flex;align-items:center;gap:var(--space-1)}.collection-filter__price-field{display:flex;align-items:center;border:var(--border-width) solid var(--color-border);flex:1}.collection-filter__price-currency{padding-left:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.collection-filter__price-input{width:100%;padding:var(--space-1);font-size:var(--font-size-sm);border:none;background:transparent;-moz-appearance:textfield;min-height:36px}.collection-filter__price-input::-webkit-outer-spin-button,.collection-filter__price-input::-webkit-inner-spin-button{-webkit-appearance:none}.collection-filter__price-input:focus{outline:none}.collection-filter__price-sep{color:var(--color-text-secondary);flex-shrink:0}.collection-filters__actions{padding-top:var(--space-3)}.collection-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 4),1fr);gap:var(--space-3);max-width:100%;overflow:hidden}@media(max-width:1023px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:639px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.collection-empty{text-align:center;padding:var(--space-16) 0}.collection-empty__text{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.collection-pagination{padding-top:var(--space-8)}.collection-pagination__inner{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.collection-pagination__btn{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:var(--space-1) var(--space-2);transition:opacity var(--duration-fast) var(--ease-out);text-decoration:none;color:var(--color-text-primary)}.collection-pagination__btn:hover{opacity:.6}.collection-pagination__btn--disabled{opacity:.3;pointer-events:none}.collection-pagination__pages{display:flex;align-items:center;gap:4px}.collection-pagination__page{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}a.collection-pagination__page:hover{color:var(--color-text-primary)}.collection-pagination__page--current{color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-bottom:2px solid var(--color-text-primary)}@media(min-width:1024px){.collection-toolbar__filter-toggle{display:inline-flex}}.collection-pagination__counter{display:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}@media(max-width:767px){.collection-pagination__pages{display:none}.collection-pagination__counter{display:block}.collection-pagination__inner{flex-wrap:nowrap;gap:var(--space-2)}.collection-pagination__btn{padding:var(--space-1);font-size:var(--font-size-xs);white-space:nowrap}}@media(max-width:1023px){.collection-filters{width:100%;max-width:100%}.collection-filter__checkbox{padding:var(--space-2) 0;min-height:48px}.collection-filter__checkmark{width:24px;height:24px}.collection-filters__actions{position:sticky;bottom:0;background-color:var(--color-background);padding:var(--space-3);border-top:var(--border-width) solid var(--color-border);margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);margin-bottom:calc(var(--space-3) * -1)}.collection-filters__clear{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-collection.css.map */