@media(max-width:899px){html .site-header .menu-drawer__panel{position:absolute;inset:100% 0 auto 0;height:calc(100vh - 4.5rem);height:calc(100dvh - 4.5rem);z-index:60}html body:has(.menu-drawer[open]){overflow:hidden}}.month-pills .month-pills__all{font-weight:500;border-color:var(--c-gold)}.zc-products{grid-column:1 / -1;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.25rem,3vw,2.5rem) clamp(1.75rem,3vw,2.5rem);border-top:1px solid var(--line)}.zc-products__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.zc-products__head .eyebrow{margin:0}.zc-products__links{display:flex;gap:1.5rem;flex-wrap:wrap}.zc-spotlight__actions .btn--ghost{color:var(--fg)}.zc-products--empty p{margin:0;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}.zc-products .card__quick .btn--ghost{color:var(--fg)}html .bracelet-art.celestial-art{overflow:visible}html .zc-spotlight__art{min-height:clamp(26rem,42vw,36rem);padding:clamp(1.5rem,3.5vw,3rem);background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 82% 14%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.5px 1.5px at 30% 78%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 90% 66%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 8% 56%,rgba(255,255,255,.5),transparent 60%),radial-gradient(70% 60% at 50% 45%,color-mix(in srgb,var(--gem-2) 38%,transparent),transparent 70%),radial-gradient(120% 100% at 50% 100%,color-mix(in srgb,var(--gem) 55%,#0e0c2a),transparent 75%),#0e0c2a}html .zc-spotlight__art .bracelet-art{width:min(96%,32rem);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}html .zc-card{min-height:0;padding:.9rem .9rem 1rem;gap:.15rem}html .zc-card__art{display:block;width:100%;max-width:9.5rem;margin:.4rem auto .2rem;transition:transform .3s ease}html .zc-card__art .bracelet-art{width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}html .zc-card:hover .zc-card__art{transform:scale(1.04)}html .zc-card__month{margin-top:.5rem}html .collection-hero__art{width:min(100%,26rem)}html .collection-tile .bracelet-art{width:84%}html .card__media .bracelet-art{width:82%}@media(max-width:899px){html .zc-grid{grid-template-columns:repeat(12,11.5rem)}html .zc-spotlight__art{min-height:22rem}html .collection-hero__art{width:15rem}}
/*# sourceMappingURL=/cdn/shop/t/39/compiled_assets/styles.css.map */