/* A quiet editorial shelf under the primary navigation, desktop only. */
.mh-nav-preview[hidden] { display: none !important; }
.mh-nav-preview { position: absolute; inset-inline: 28px; top: calc(100% + 14px); max-width: 1120px; margin-inline: auto; z-index: 55; border: 1px solid rgba(207,167,95,.3); border-top-color: rgba(232,205,143,.65); border-radius: 20px; background: linear-gradient(125deg,#241a34,#171021 76%); box-shadow: 0 24px 50px rgba(0,0,0,.42); color: #f4ead7; text-align: start; }
.mh-nav-preview::before { content: ''; position: absolute; inset-inline: 0; top: -16px; height: 16px; }
.mh-nav-preview-inner { display: grid; grid-template-columns: minmax(180px,.95fr) minmax(0,3fr); gap: 32px; padding: 28px 32px 30px; }
.mh-nav-preview-intro { padding-inline-end: 24px; border-inline-end: 1px solid rgba(207,167,95,.16); }
.mh-nav-preview-eyebrow { font-size: 10px; letter-spacing: .19em; text-transform: uppercase; color: #cfa75f; }
.mh-nav-preview-title { margin: 10px 0 12px; font-family: "Playfair Display",serif; font-size: 26px; font-weight: 400; line-height: 1.3; color: #f4ead7; }
.mh-nav-preview-description { margin: 0 0 22px; color: #b8a7cc; font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.mh-nav-preview-view,.mh-nav-preview-fallback { display: inline-flex; align-items: center; min-height: 42px; color: #e8cd8f; font-size: 13px; text-decoration: none; border-bottom: 1px solid rgba(207,167,95,.5); }
.mh-nav-preview-view::after { content: '→'; margin-inline-start: 12px; }
[dir="rtl"] .mh-nav-preview-view::after { content: '←'; }
.mh-nav-preview-products { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; min-width: 0; }
.mh-nav-preview-card { display: flex; flex-direction: column; min-width: 0; text-decoration: none; color: #eee5dc; }
.mh-nav-preview-card img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 10px; border: 1px solid rgba(207,167,95,.15); background: #21192d; transition: border-color .2s; }
.mh-nav-preview-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 11px; font-size: 13px; font-weight: 500; line-height: 1.5; }
.mh-nav-preview-price { margin-top: 7px; color: #e8cd8f; font-size: 13px; line-height: 1.5; }
.mh-nav-preview-price del { color: #a999ba; margin-inline-end: 5px; }
.mh-nav-preview-price ins { background: none; text-decoration: none; }
.mh-nav-preview-card:hover img { border-color: #cfa75f; }
.mh-nav-preview-card:hover .mh-nav-preview-name { color: #e8cd8f; }
.mh-nav-preview a:focus-visible { outline: 2px solid #e8cd8f; outline-offset: 5px; border-radius: 4px; }
.mh-nav-preview-placeholder { aspect-ratio: 1; background: #30243e; border-radius: 10px; opacity: .6; }
.mh-nav-preview-status { grid-column: 1/-1; color: #b8a7cc; font-size: 13px; }
.mh-nav-preview-products[aria-busy] .mh-nav-preview-status { position: absolute; top: calc(100% + 14px); padding-top: 6px; }
.mh-nav-link[data-mh-preview][aria-expanded="true"] { color: #e8cd8f; }
@media(max-width:1023px) { .mh-nav-preview { display: none !important; } }

.mh-nav-preview-copy { display: flex; flex-direction: column; min-width: 0; }
.mh-nav-link.is-loading { opacity: .65; }
.mh-mobile-preview[hidden], .mh-mobile-navigation-list[hidden], .mh-mobile-preview-toggle[hidden] { display: none !important; }
@media(max-width:1023px) {
  .mh-mobile-preview-row { display: flex; align-items: center; gap: 2px; }
  .mh-mobile-preview-row .mh-nav-link-m { flex: 1; min-width: 0; }
  .mh-mobile-preview-toggle { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: 8px; color: #b9a78c; background: transparent; font-size: 23px; cursor: pointer; }
  .mh-mobile-preview-toggle:hover { color: #e8cd8f; }
  .mh-mobile-preview-toggle.is-loading { opacity: .45; }
  [dir="rtl"] .mh-mobile-preview-toggle { transform: rotate(180deg); }
  .mh-mobile-preview { padding: 0 7px 16px; }
  .mh-mobile-preview-back { min-height: 44px; padding: 0 9px 0 0; color: #cfa75f; background: none; border: 0; font: inherit; font-size: 13px; cursor: pointer; }
  .mh-mobile-preview-title { margin: 14px 0 8px; font: 400 25px/1.3 "Playfair Display",serif; color: #f4ead7; }
  .mh-mobile-preview-description { margin: 0 0 20px; font-size: 12px; line-height: 1.7; color: #b8a7cc; }
  .mh-mobile-preview-products { display: flex; flex-direction: column; gap: 12px; }
  .mh-mobile-preview-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px; border: 1px solid rgba(207,167,95,.17); border-radius: 14px; background: rgba(255,255,255,.025); text-decoration: none; }
  .mh-mobile-preview-card img { width: 68px; height: 68px; flex: none; object-fit: contain; border-radius: 8px; background: #241b30; }
  .mh-mobile-preview-card .mh-nav-preview-name { margin-top: 0; font-size: 12px; color: #f4ead7; }
  .mh-mobile-preview-card .mh-nav-preview-price { font-size: 12px; margin-top: 6px; }
  .mh-mobile-preview-all { display: flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 22px; border: 1px solid rgba(207,167,95,.45); border-radius: 24px; color: #e8cd8f; font-size: 13px; text-decoration: none; }
  .mh-mobile-preview button:focus-visible,.mh-mobile-preview a:focus-visible,.mh-mobile-preview-toggle:focus-visible { outline: 2px solid #e8cd8f; outline-offset: 3px; }
}