.collection{--collection-banner-ratio: 21 / 9;--collection-banner-ratio-mobile: 4 / 3;--chip-padding: var(--space-1) var(--space-3);padding-bottom:var(--space-8)}.collection__head{margin-bottom:var(--space-5)}.collection__banner{aspect-ratio:var(--collection-banner-ratio-mobile);border-radius:var(--media-radius);overflow:hidden;background:var(--bg-2);margin-bottom:var(--space-5)}.collection__banner-img{width:100%;height:100%;object-fit:cover;display:block}.collection__title{font:var(--text-h1)}.collection__description{font:var(--text-body);color:var(--ink-2);max-width:65ch;margin-top:var(--space-3)}.collection__description p{margin:0 0 var(--space-3)}.collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:var(--border-width) solid var(--line-1);border-bottom:var(--border-width) solid var(--line-1)}.collection__toolbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.collection__filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target)}.collection__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--ink-1);color:var(--surface-0);font:var(--text-caption)}.collection__count{display:none;font:var(--text-body-sm);color:var(--ink-2);white-space:nowrap}.collection__sort{display:flex;align-items:center;gap:var(--space-2)}.collection__sort-label{font:var(--text-body-sm);color:var(--ink-2);white-space:nowrap;display:none}.collection__sort-select{min-height:var(--tap-target);max-width:100%}@media(min-width:768px){.collection__sort-label{display:inline}.collection__count{display:block}}.collection .collection__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) 0 0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:var(--chip-padding);border:var(--border-width) solid var(--line-2);border-radius:var(--radius-pill);font:var(--text-body-sm);color:var(--ink-1);text-decoration:none;background:var(--surface-0)}.chip:hover{border-color:var(--ink-1)}.chip--clear{border-color:transparent;text-decoration:underline;text-underline-offset:var(--button-underline-offset);color:var(--ink-2)}.collection__results{margin-top:var(--space-5);transition:opacity var(--transition-fast)}.collection__results[aria-busy=true]{opacity:.5;pointer-events:none}.collection__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-7) 0}.filters{display:flex;flex-direction:column}.filters [data-collection-filters]{flex:1}.filters__group{border-bottom:var(--border-width) solid var(--line-1)}.filters__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-3) var(--space-4);font:var(--text-body);font-weight:600;cursor:pointer;list-style:none}.filters__summary::-webkit-details-marker{display:none}.filters__summary .icon{margin-left:auto;transition:transform var(--transition-fast)}.filters__group[open]>.filters__summary .icon{transform:rotate(180deg)}.filters .filters__list{display:flex;flex-direction:column;padding:0 var(--space-4) var(--space-3)}.filters__option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-target);font:var(--text-body-sm);color:var(--ink-1);cursor:pointer}.filters__option--empty{color:var(--ink-3);cursor:default}.filters__checkbox{width:18px;height:18px;margin:0;accent-color:var(--ink-1);flex-shrink:0}.filters__swatch{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 var(--border-width) var(--line-1)}.filters__option-label{flex:1}.filters__option-count{font:var(--text-caption);color:var(--ink-3)}.filters__price{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.filters__price .input{width:100%;min-width:0}.filters__actions{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-0);border-top:var(--border-width) solid var(--line-1)}.filters__actions .btn{min-height:var(--tap-target)}@media(min-width:1024px){.collection__banner{aspect-ratio:var(--collection-banner-ratio)}.collection__head--banner .collection__intro{max-width:720px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-collection.css.map */