.vs-collection{position:relative;isolation:isolate;padding:clamp(24px,5vw,56px) 0 var(--vs-section-y)}.vs-collection__glow{position:absolute;inset:-80px 0 auto;height:520px;z-index:-1;pointer-events:none;opacity:var(--vs-hero-glow);background:radial-gradient(40% 60% at 15% 20%,color-mix(in srgb,var(--vs-accent-deep) 18%,transparent),transparent 70%),radial-gradient(40% 60% at 85% 10%,color-mix(in srgb,var(--vs-accent) 12%,transparent),transparent 70%)}.vs-collection__head{display:grid;justify-items:center;gap:12px;margin-bottom:28px;text-align:center}.vs-collection__title{font-size:calc(var(--vs-fs-h1) * .9)}.vs-collection__desc{max-width:56ch;margin:0}.vs-collection__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:10px 10px 10px 16px;border-radius:var(--vs-r-btn);border:1px solid var(--vs-hairline);background:var(--vs-bg-elevated)}.vs-collection__count{margin:0;color:var(--vs-text-muted);font-size:1.4rem;font-weight:500}.vs-sort{display:flex;align-items:center;gap:10px}.vs-sort__label{color:var(--vs-text-muted);font-size:1.3rem;font-weight:500}.vs-sort__select select{min-height:44px;min-width:200px;font-size:1.4rem}.vs-collection__grid--center{justify-content:center}.vs-collection__empty{display:grid;justify-items:center;gap:10px;padding:48px 20px;text-align:center}.vs-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:40px}.vs-pagination__page,.vs-pagination__gap{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:var(--vs-r-btn);color:var(--vs-text-muted);font-weight:700;text-decoration:none}.vs-pagination__page{border:1px solid var(--vs-hairline);background:var(--vs-card)}.vs-pagination__page:hover{color:var(--vs-text);border-color:var(--vs-hairline-strong)}.vs-pagination__page.is-current{color:var(--vs-on-accent);background:var(--vs-gradient);border-color:transparent}.vs-pagination__arrow{border:1px solid var(--vs-hairline);background:var(--vs-card)}@media screen and (max-width:749px){.vs-collection__toolbar{padding:10px 12px}.vs-sort{width:100%}.vs-sort__select{flex:1}.vs-sort__select select{min-width:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vs-collection.css.map */
