.collection-hero{background:var(--color-bg-secondary);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--color-border)}.collection-hero__title{font-size:var(--text-2xl);font-weight:700}.collection-hero__description{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--spacing-sm);max-width:600px;line-height:1.6}.collection-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.collection-bar__count{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-bar__sort-select{min-width:180px;padding:8px 12px;font-size:var(--text-sm)}.collection-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.collection-filters__pill{padding:6px 16px;border-radius:var(--radius-pill);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);transition:all .15s ease}.collection-filters__pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.collection-filters__pill.is-active{background:var(--color-accent);color:#000;border-color:var(--color-accent);font-weight:700}.collection-filters__toggle{padding:6px 16px;border-radius:var(--radius-pill);border:1px dashed var(--color-text-muted);font-size:var(--text-xs);color:var(--color-accent);cursor:pointer;transition:all .15s ease;background:transparent}.collection-filters__toggle:hover{border-color:var(--color-accent)}.collection-filters--overflow[hidden]{display:none}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.collection-pagination__info{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-empty{text-align:center;padding:var(--spacing-xl) 0}.collection-empty__icon{color:var(--color-accent);margin:0 auto var(--spacing-md);animation:gemPulse 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.collection-empty__icon{animation:none}}.collection-empty__heading{font-size:var(--text-lg);margin-bottom:var(--spacing-md)}@media(max-width:768px){.collection-bar{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-collection.css.map */