/* caratstudio customization layer (whitemoonjewels.com functionality, Carat Studio design language).
   Generated into assets/carat-custom.css by tools/carat-build.mjs; loads after assets/demo/styles.css.
   Uses only the theme's own tokens (--line, --plum, --muted, --rose, --champagne) and components. */

/* ---- mega menu: whitemoon's groups in the studio's .mega panel ---- */
.mega.mega--wm{grid-template-columns:var(--mega-tpl,repeat(4,minmax(0,1fr)));gap:26px 32px}
.mega.mega--wm>*{min-width:0}
.mega-shapes{grid-column:1/-1;padding-bottom:22px;border-bottom:1px solid var(--line)}
.mega-shapes__row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}
.mega .mega-shape{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;font-size:14px;text-align:center}
.mega .mega-shape:hover{text-decoration:none;color:var(--plum)}
.mega-shape svg{width:42px;height:38px;transition:transform .2s}
.mega-shape:hover svg{transform:translateY(-4px)}
.mega-col--split{column-count:2;column-gap:24px}
.mega-col--split h4{column-span:all}
.mega-col a{break-inside:avoid}
.mega-promo p{font-size:14px;margin:0 0 16px}
.mega-promo .eyebrow{margin-bottom:12px}

@media(max-width:1000px) and (min-width:701px){
 .mega.mega--wm{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mega-col--split{grid-column:span 2}
 .mega-shapes__row{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:18px}
}
@media(max-width:700px){
 .mega.mega--wm{grid-template-columns:1fr 1fr}
 .mega-shapes__row{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:16px;gap:8px}
 .mega .mega-shape{font-size:13px}
 .mega-shape svg{width:34px;height:30px}
 .mega-col--split{column-count:1}
}
@media(prefers-reduced-motion:reduce){.mega-shape:hover svg{transform:none}}

/* ---- C3 header icons (whitemoon set: Search · Account · Find our store · Wishlist · Cart) ---- */
@media(min-width:361px){.masthead .wordmark,.appointment{white-space:nowrap}}
.nav-item--mobile{display:none}
@media(max-width:1000px) and (min-width:701px){
 .masthead{gap:16px}
 .tools{gap:4px}
 .tools .icon-button{padding:5px}
}
/* mobile: the full wordmark leaves room for three icons only — Account and Find our store move into
   the hamburger menu (measured: 339px row, wordmark 181px), the wishlist shows with its count */
@media(max-width:700px){
 .tools .account{display:inline-flex}
 .tools .tools-account,.tools .tools-store{display:none}
 .tools{gap:0}
 .tools .icon-button{padding:5px;min-height:36px}
 .nav-item--mobile{display:block}
}

/* ---- C2 footer: whitemoon's columns (Contact · Shop · Useful Links · Information) in the studio footer ---- */
.footer-grid.footer-grid--wm{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}
.footer-social{display:flex;gap:22px;flex-wrap:wrap}
.footer-top>div{max-width:min(420px,48%)}
.footer-top>a .wordmark{white-space:nowrap}
@media(max-width:700px){.footer-top>div{max-width:none}}
@media(max-width:1000px){.footer-grid.footer-grid--wm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.footer-grid.footer-grid--wm{grid-template-columns:1fr 1fr}.footer-grid--wm>div:first-child{grid-column:1/-1}}