.supra-coll{padding:var(--space-7) 0 var(--space-9)}.supra-coll__header{text-align:center;padding:var(--space-8) 0 var(--space-7);position:relative;overflow:hidden}.supra-coll__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#eef2ff,#fff0f0,#fef3e8 66%,#f0fdf4);z-index:0}.supra-coll__header>*{position:relative;z-index:1}.supra-coll__eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-xwide);text-transform:uppercase;color:var(--supra-accent);font-weight:600;margin-bottom:var(--space-3)}.supra-coll__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h3);line-height:.95;letter-spacing:var(--ls-tight);text-transform:uppercase;margin:0 0 var(--space-3)}.supra-coll__description{font-family:var(--font-body);font-size:var(--fs-body);color:var(--supra-muted);max-width:520px;margin:0 auto;line-height:1.55}.supra-coll__count{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--supra-muted);margin-top:var(--space-3)}.supra-coll__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--supra-hairline);margin-bottom:var(--space-5);flex-wrap:wrap}.supra-coll__toolbar-left,.supra-coll__toolbar-right{display:flex;align-items:center;gap:var(--space-3)}.supra-coll__sort-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--supra-muted)}.supra-coll__sort-select{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-normal);color:var(--supra-ink);background:var(--supra-paper);border:1px solid var(--supra-hairline);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);border-radius:var(--r-xs);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230A0A0A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;min-width:140px}.supra-coll__sort-select:focus{outline:2px solid var(--supra-accent);outline-offset:2px}.supra-coll__view-toggle{display:flex;gap:2px}.supra-coll__view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--supra-hairline);cursor:pointer;color:var(--supra-muted);transition:all var(--t-fast);border-radius:var(--r-xs)}.supra-coll__view-btn.is-active,.supra-coll__view-btn:hover{color:var(--supra-ink);border-color:var(--supra-ink);background:var(--supra-ink);color:var(--supra-paper)}.supra-coll__view-btn svg{width:16px;height:16px}.supra-coll__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:600px){.supra-coll__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.supra-coll__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-5)}}.supra-coll__grid--3col{grid-template-columns:repeat(2,1fr)}@media(min-width:600px){.supra-coll__grid--3col{grid-template-columns:repeat(3,1fr)}}.supra-coll__empty{grid-column:1 / -1;text-align:center;padding:var(--space-9) var(--space-5)}.supra-coll__empty-icon{width:64px;height:64px;color:var(--supra-muted);margin:0 auto var(--space-5);opacity:.4}.supra-coll__empty-text{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:700;text-transform:uppercase;margin:0 0 var(--space-3)}.supra-coll__empty-sub{font-size:var(--fs-body);color:var(--supra-muted);margin:0 0 var(--space-5)}.supra-coll__pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-7) 0 var(--space-4)}.supra-coll__pagination a:not(.supra-btn),.supra-coll__pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-caption);text-decoration:none;color:var(--supra-ink);border:1px solid transparent;border-radius:var(--r-xs);transition:all var(--t-fast)}.supra-coll__pagination a:not(.supra-btn):hover{border-color:var(--supra-ink);background:var(--supra-ink);color:var(--supra-paper)}.supra-coll__pagination a.supra-btn{color:var(--supra-paper)!important}.supra-coll__pagination a.supra-btn--ghost{color:var(--supra-ink)!important}.supra-coll__pagination .is-current{background:var(--supra-accent);color:#fff;border-color:var(--supra-accent);font-weight:600}.supra-coll__filter-tree:empty{display:none}.supra-coll__filter-tree:not(:empty)+.supra-coll__tags{display:none}#bc-sf-filter-tree .bc-sf-filter-option-label{font-family:var(--font-mono)!important;font-size:var(--fs-micro)!important;letter-spacing:var(--ls-wide)!important;text-transform:uppercase!important}#bc-sf-filter-tree .bc-sf-filter-option-block-selected-items .selected-item{background:var(--supra-ink)!important;color:var(--supra-paper)!important;border-radius:var(--r-pill)!important;font-family:var(--font-mono)!important;font-size:var(--fs-micro)!important}#bc-sf-filter-tree .bc-sf-filter-clear-all{font-family:var(--font-mono)!important;color:var(--supra-accent)!important}.supra-coll__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-4)}.supra-coll__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;text-decoration:none;color:var(--supra-ink);background:var(--supra-paper-alt);border:1px solid var(--supra-hairline);border-radius:var(--r-pill);transition:all var(--t-fast)}.supra-coll__tag:hover,.supra-coll__tag.is-active{background:var(--supra-ink);color:var(--supra-paper);border-color:var(--supra-ink)}@media(max-width:599px){.supra-coll__header{padding:var(--space-6) 0 var(--space-5)}.supra-coll__title{font-size:var(--fs-h4)}.supra-coll__toolbar{padding:var(--space-3) 0;gap:var(--space-2)}.supra-coll__sort-select{min-width:120px;font-size:var(--fs-micro)}}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.supra-coll__grid .supra-card{animation:gridFadeIn .35s var(--ease-out-soft) both}.supra-coll__grid .supra-card:nth-child(1){animation-delay:.02s}.supra-coll__grid .supra-card:nth-child(2){animation-delay:.06s}.supra-coll__grid .supra-card:nth-child(3){animation-delay:.1s}.supra-coll__grid .supra-card:nth-child(4){animation-delay:.14s}.supra-coll__grid .supra-card:nth-child(5){animation-delay:.18s}.supra-coll__grid .supra-card:nth-child(6){animation-delay:.22s}.supra-coll__grid .supra-card:nth-child(7){animation-delay:.26s}.supra-coll__grid .supra-card:nth-child(8){animation-delay:.3s}
/*# sourceMappingURL=/cdn/shop/t/76/assets/supra-collection-page.css.map */