.collection-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:2rem 0}.collection-header__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.collection-header__title{margin-bottom:.5rem}.collection-header__desc{color:var(--color-text-muted);font-size:1rem;margin:0}.collection-header__count{color:var(--color-text-muted);font-size:.875rem;white-space:nowrap;margin-top:.375rem;flex-shrink:0}.collection-toolbar{border-bottom:1px solid var(--color-border);background:#fff}.collection-toolbar__inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center;gap:.75rem}.btn-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;font-size:.875rem;cursor:pointer;transition:background var(--transition-fast)}.btn-filter-toggle:hover{background:var(--color-surface)}@media(min-width:1024px){.btn-filter-toggle{display:none}}.collection-toolbar__chips{display:flex;gap:.5rem;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#fff3eb;color:var(--color-primary);border-radius:9999px;font-size:.8125rem;cursor:pointer;border:none;font-family:inherit}.collection-sort{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-size:.875rem;cursor:pointer;font-family:inherit}.collection-grid-toggle{display:none;gap:.25rem}@media(min-width:1024px){.collection-grid-toggle{display:flex}}.js-grid-btn{padding:.5rem;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;min-height:44px;min-width:44px;color:var(--color-text-muted);transition:background var(--transition-fast);display:flex;align-items:center}.js-grid-btn.is-active,.js-grid-btn:hover{background:var(--color-surface);color:var(--color-text)}.collection-layout{display:flex;gap:2rem;padding-top:2rem;padding-bottom:3rem;align-items:flex-start}.collection-sidebar{display:none;width:260px;flex-shrink:0;position:sticky;top:calc(var(--header-height, 72px) + 1rem)}@media(min-width:1024px){.collection-sidebar{display:block}}.collection-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.collection-sidebar__title{font-size:1rem;font-weight:600}.btn-text{background:none;border:none;color:var(--color-primary);font-size:.8125rem;cursor:pointer;padding:0;font-family:inherit}.filter-section{border-bottom:1px solid var(--color-border)}.filter-section__btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;min-height:44px;background:none;border:none;font-size:.875rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text)}.filter-section__chevron{transition:transform var(--transition-fast);flex-shrink:0}.filter-section.is-open .filter-section__chevron{transform:rotate(180deg)}.filter-section__body{padding-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.filter-label input[type=checkbox],.filter-label input[type=radio]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.filter-label--bold{font-weight:500}.filter-section__in-stock{padding:1rem 0}.price-range-labels{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.5rem}.price-range-slider{width:100%;accent-color:var(--color-primary);margin-bottom:.75rem}.price-range-inputs{display:flex;gap:.5rem}.price-input{width:50%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.375rem .5rem;text-align:center;font-size:.8125rem;font-family:inherit}.collection-content{flex:1;min-width:0}.collection-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.collection-grid{gap:1.5rem}}@media(min-width:1024px){.collection-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.collection-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}}.collection-mid-banner{grid-column:1 / -1;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.collection-mid-banner__inner{padding:2rem;text-align:center}.collection-mid-banner__sub{color:#fffc;font-size:.875rem;margin-bottom:.25rem}.collection-mid-banner__title{color:#fff;font-size:1.5rem;margin-bottom:.75rem}.btn--white{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:#fff;color:var(--color-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.btn--white:hover{background:var(--color-surface)}.collection-empty,.collection-no-results{grid-column:1 / -1;text-align:center;padding:4rem 1rem}.collection-no-results__icon{width:4rem;height:4rem;border-radius:9999px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--color-text-muted)}.collection-no-results h3{margin-bottom:.5rem}.collection-no-results p{color:var(--color-text-muted);font-size:1rem;margin-bottom:1.5rem}.filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.filter-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.filter-drawer__panel{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:80vh;display:flex;flex-direction:column}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.filter-drawer__title{font-size:1.125rem;font-weight:600}.filter-drawer__header-actions{display:flex;align-items:center;gap:1rem}.filter-drawer__close{background:none;border:none;cursor:pointer;color:var(--color-text);padding:0;display:flex;align-items:center}.filter-drawer__body{padding:1rem;overflow-y:auto;flex:1}.filter-drawer__group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.filter-drawer__group-title{font-size:.875rem;font-weight:600;margin:0}.filter-drawer__footer{padding:1rem;border-top:1px solid var(--color-border);flex-shrink:0}.filter-drawer__footer .btn{width:100%;height:48px;font-size:1rem;font-weight:600;justify-content:center}@media(max-width:480px){.collection-grid{grid-template-columns:1fr!important}.collection-header__inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.collection-toolbar__inner{flex-wrap:wrap;gap:var(--space-2)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-collection.css.map */