/* Premium editorial menu (/menu + category pages). Scoped to .mbx-menu. */
.mbx-menu { background: var(--mb-paper); color: var(--mb-ink); }

/* Hero — compact so products stay high on mobile */
.mbx-menu-hero { position: relative; padding: calc(var(--mb-header-h, 76px) + clamp(1.25rem, 4vw, 3.5rem)) 0 clamp(1rem, 3vw, 2.25rem); overflow: clip; }
.mbx-menu-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background: radial-gradient(45% 60% at 12% 10%, color-mix(in srgb, var(--mb-butter) 35%, transparent), transparent 70%),
              radial-gradient(40% 55% at 92% 95%, color-mix(in srgb, var(--mb-crust) 16%, transparent), transparent 70%); }
.mbx-menu-hero .mbp-wrap { position: relative; }
.mbx-menu-hero .mb-eyebrow { color: var(--mb-crust); margin-bottom: .8rem; }
.mbx-menu-hero__title { font: 400 clamp(2.2rem, 6.4vw, 5.2rem)/1 var(--mb-serif); letter-spacing: -.035em; margin: 0 0 .75rem; color: var(--mb-ink); max-width: 18ch; text-wrap: balance; }
.mbx-menu-hero__title em { font-style: italic; color: var(--mb-crust); }
.mbx-menu-hero__lead { font-size: clamp(.95rem, 1.25vw, 1.15rem); line-height: 1.6; color: var(--mb-mute); max-width: 52ch; margin: 0; }
.mbx-menu-trust { list-style: none; margin: 1.1rem 0 0; padding: 0; display: flex; gap: .5rem; overflow-x: auto; scrollbar-width: none; }
.mbx-menu-trust::-webkit-scrollbar { display: none; }
.mbx-menu-trust li { flex: none; display: inline-flex; align-items: baseline; gap: .4rem; padding: .45rem .85rem; border-radius: 999px; font: 600 .75rem/1.2 var(--mb-sans); color: var(--mb-mute);
  background: color-mix(in srgb, var(--mb-surface) 70%, transparent); border: 1px solid var(--mb-line); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mbx-menu-trust__n { font: 400 1rem/1 var(--mb-serif); color: var(--mb-ink); }

/* Body */
.mbx-menu-body { padding: .5rem 0 clamp(3rem, 6vw, 5rem); }
.mbx-menu-h2 { font: 400 clamp(1.6rem, 3vw, 2.4rem)/1.1 var(--mb-serif); letter-spacing: -.02em; color: var(--mb-ink); margin: 0 0 .35rem; }
.mbx-menu-h3 { font: 400 clamp(1.3rem, 2.2vw, 1.8rem)/1.15 var(--mb-serif); letter-spacing: -.015em; color: var(--mb-ink); margin: 0; }
.mbx-menu-count { font: 700 .7rem/1 var(--mb-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mb-mute); margin: 0 0 1.25rem; }

/* Chips — glass pills */
.mbx-menu .mbw-chips { background: color-mix(in srgb, var(--mb-paper) 82%, transparent); backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3); border-bottom: 1px solid var(--mb-line); margin-bottom: 1rem; }
.mbx-menu .mbw-chip { min-height: 40px; display: inline-flex; align-items: center; gap: .3rem; padding: .5rem 1.05rem; font: 600 .78rem/1 var(--mb-sans); letter-spacing: .02em; text-transform: none;
  color: var(--mb-ink); background: color-mix(in srgb, var(--mb-surface) 72%, transparent); border: 1px solid var(--mb-line); box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
  transition: background .25s var(--mb-ease, ease), border-color .25s var(--mb-ease, ease), color .25s var(--mb-ease, ease); }
.mbx-menu .mbw-chip:hover { border-color: var(--mb-crust); }
.mbx-menu .mbw-chip.is-on, .mbx-menu .mbw-chip[aria-pressed="true"] { background: var(--mb-ink); border-color: var(--mb-ink); color: var(--mb-paper); }
.mbx-menu .mbw-chip-sep { color: var(--mb-ink-2); opacity: 1; }

/* Search + tools */
.mbx-menu .mbw-search input { min-height: 48px; border: 1px solid var(--mb-line); background: var(--mb-surface); color: var(--mb-ink); box-shadow: var(--mb-shadow); }
.mbx-menu .mbw-search input:focus { outline: 2px solid var(--mb-crust); }
.mbx-menu .mbw-search svg { color: var(--mb-mute); }
.mbx-menu .mbw-results { background: var(--mb-surface); border-color: var(--mb-line); }
.mbx-menu .mbw-result { color: var(--mb-ink); }
.mbx-menu .mbw-result__price { color: var(--mb-crust); }
.mbx-menu .mbw-wishlink, .mbx-menu .mbw-lazy a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-color: var(--mb-line); color: var(--mb-ink); background: var(--mb-surface); }
.mbx-menu .mbw-lazy a:hover { border-color: var(--mb-crust); color: var(--mb-crust); }
.mbx-menu .mbw-occ__more { color: var(--mb-crust); }
.mbx-menu .mbw-section + .mbw-section { margin-top: clamp(2.5rem, 5vw, 4rem); }
.mbx-menu .mbw-section > .flex { border-bottom: 1px solid var(--mb-line); padding-bottom: .6rem; }
.mbx-menu .mbw-section > .flex > a { color: var(--mb-crust); }

/* Product cards — cleaner, 4:5 image, serif price, subtle lift */
.mbx-menu .product-card-3d { background: var(--mb-surface); border: 1px solid var(--mb-line); border-radius: var(--mb-radius, 1.25rem); box-shadow: none; transform: none;
  transition: transform .35s var(--mb-ease, ease), box-shadow .35s var(--mb-ease, ease), border-color .35s var(--mb-ease, ease); }
.mbx-menu .product-card-3d .plate { aspect-ratio: 4 / 5; background: color-mix(in srgb, var(--mb-butter) 12%, var(--mb-paper)); }
.mbx-menu .product-card-3d h3 { font-family: var(--mb-serif); font-weight: 400; color: var(--mb-ink); letter-spacing: -.01em; }
.mbx-menu .product-card-3d .p-4 > p.text-primary-400 { color: var(--mb-mute); }
.mbx-menu .product-card-3d .font-heading.text-lg { font-family: var(--mb-serif); font-weight: 400; font-size: 1.2rem; color: var(--mb-crust); }
.mbx-menu .product-card-3d .mbw-add, .mbx-menu .product-card-3d a[aria-label^="Choose a size"] { width: 44px; height: 44px; background: var(--mb-ink); color: var(--mb-paper); }
.mbx-menu .product-card-3d .mb-wish-btn { width: 40px; height: 40px; }
@media (hover: hover) {
  .mbx-menu .product-card-3d:hover { transform: translateY(-4px); box-shadow: var(--mb-shadow); border-color: color-mix(in srgb, var(--mb-crust) 30%, var(--mb-line)); }
  .mbx-menu .product-card-3d .mbw-add:hover, .mbx-menu .product-card-3d a[aria-label^="Choose a size"]:hover { background: var(--mb-crust); }
}
@media (max-width: 639px) {
  .mbx-menu .product-card-3d .p-4 { padding: .8rem; }
  .mbx-menu .product-card-3d .p-4 > p.text-primary-400 { display: none; }
  .mbx-menu .product-card-3d h3 { font-size: 1rem; }
}

/* SEO intro + video */
.mbx-menu-intro { margin: clamp(2.5rem, 5vw, 4rem) auto 0; max-width: 46rem; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: var(--mb-radius, 1.25rem);
  background: color-mix(in srgb, var(--mb-surface) 78%, transparent); border: 1px solid var(--mb-line); color: var(--mb-mute); line-height: 1.7; }
.mbx-menu-intro .mb-eyebrow, .mbx-menu-video .mb-eyebrow { color: var(--mb-crust); margin-bottom: .6rem; }
.mbx-menu-intro strong { color: var(--mb-ink); }
.mbx-menu-video { padding: 0 0 clamp(3rem, 6vw, 5rem); }
.mbx-menu-video__frame { border-radius: var(--mb-radius, 1.25rem); overflow: hidden; border: 1px solid var(--mb-line); box-shadow: var(--mb-shadow); }

@media (prefers-reduced-motion: reduce) {
  .mbx-menu .product-card-3d, .mbx-menu .mbw-chip { transition: none; }
  .mbx-menu .product-card-3d:hover { transform: none; }
}

/* Small product metadata must remain readable on dark and light themes.
   Avoid faded inherited text and override the legacy primary-400 remap. */
.mbx-menu .product-card-3d .text-primary-400,
.mbx-menu .product-card-3d .mb-muted { color: var(--mb-ink-2) !important; opacity: 1; }