/**
 * 13.78.25 — Mobile exploration menu sheet
 *
 * Presentation-only convergence of the Experience mobile menu. Primary
 * exploration routes and categories lead; support/business/policy groups
 * remain available but visually recede. Existing route and overlay behavior
 * stay authoritative.
 */

@media (max-width: 767px) {
  .dhvx-mobile-menu__backdrop {
    background: rgba(36, 31, 27, .36);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
  }

  .dhvx-mobile-menu__panel {
    max-height: min(88dvh, 760px);
    padding: 0 max(16px, env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
    border-top-color: color-mix(in srgb, var(--dhvx-border) 72%, transparent);
    border-radius: 24px 24px 0 0;
    background: color-mix(in srgb, var(--dhvx-surface) 94%, var(--dhvx-canvas));
    box-shadow: 0 -16px 46px rgba(34, 29, 25, .11);
  }

  .dhvx-mobile-menu__head {
    min-height: 72px;
    padding: 13px 0 10px;
    border-bottom: 0;
    background: color-mix(in srgb, var(--dhvx-surface) 94%, var(--dhvx-canvas));
  }

  .dhvx-mobile-menu__head div { gap: 3px; }
  .dhvx-mobile-menu__head span {
    color: var(--dhvx-brand-strong);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .055em;
    text-transform: uppercase;
  }
  .dhvx-mobile-menu__head strong {
    font-size: 20px;
    line-height: 1.18;
    letter-spacing: -.035em;
  }
  .dhvx-mobile-menu__close {
    background: color-mix(in srgb, var(--dhvx-surface-soft) 76%, transparent);
    color: var(--dhvx-text-secondary);
  }

  .dhvx-mobile-menu__explore {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 2px 0 18px;
  }
  .dhvx-mobile-menu__explore a + a { border-top: 0; }
  .dhvx-mobile-menu__explore-link {
    min-width: 0;
    min-height: 72px;
    display: grid!important;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px!important;
    border: 1px solid color-mix(in srgb, var(--dhvx-border) 72%, transparent)!important;
    border-radius: 15px;
    background: color-mix(in srgb, var(--dhvx-surface-soft) 48%, transparent);
    color: var(--dhvx-text)!important;
    text-decoration: none;
  }
  .dhvx-mobile-menu__explore-link.is-active,
  .dhvx-mobile-menu__explore-link[aria-current="page"] {
    border-color: color-mix(in srgb, var(--dhvx-brand) 26%, var(--dhvx-border))!important;
    background: color-mix(in srgb, var(--dhvx-brand) 6%, var(--dhvx-surface));
  }
  .dhvx-mobile-menu__explore-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--dhvx-surface) 70%, var(--dhvx-canvas));
    color: var(--dhvx-text-secondary);
  }
  .dhvx-mobile-menu__explore-link.is-active .dhvx-mobile-menu__explore-icon,
  .dhvx-mobile-menu__explore-link[aria-current="page"] .dhvx-mobile-menu__explore-icon {
    color: var(--dhvx-brand);
  }
  .dhvx-mobile-menu__explore-link > span:last-child {
    min-width: 0;
    display: grid;
    gap: 2px;
  }
  .dhvx-mobile-menu__explore-link strong {
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: -.01em;
  }
  .dhvx-mobile-menu__explore-link small {
    color: var(--dhvx-text-muted);
    font-size: 10.5px;
    line-height: 1.28;
  }

  .dhvx-mobile-menu__categories {
    padding: 1px 0 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--dhvx-border) 64%, transparent);
  }
  .dhvx-mobile-menu__categories h2 {
    margin: 0 0 9px;
    color: var(--dhvx-text-secondary);
    font: inherit;
    font-size: 11px;
    font-weight: 720;
    letter-spacing: .02em;
  }
  .dhvx-mobile-menu__links.is-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 0;
  }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu {
    min-height: 52px;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
    padding: 7px 8px;
    border-color: color-mix(in srgb, var(--dhvx-category) 10%, var(--dhvx-border));
    border-radius: 13px;
    background: color-mix(in srgb, var(--dhvx-category-soft) 42%, transparent);
    font-size: 12px;
    font-weight: 660;
  }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu .dhvx-category-link__icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 9px;
  }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu .dhvx-category-link__arrow { display: none; }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu.is-active {
    border-color: color-mix(in srgb, var(--dhvx-category) 30%, var(--dhvx-border));
    box-shadow: none;
    background: color-mix(in srgb, var(--dhvx-category-soft) 74%, var(--dhvx-surface));
  }

  .dhvx-mobile-menu__groups {
    padding-top: 8px;
  }
  .dhvx-mobile-menu__group {
    border-bottom-color: color-mix(in srgb, var(--dhvx-border) 52%, transparent);
  }
  .dhvx-mobile-menu__group:last-child { border-bottom: 0; }
  .dhvx-mobile-menu__group.is-secondary summary {
    min-height: 46px;
    color: var(--dhvx-text-muted);
    font-size: 12px;
    font-weight: 620;
  }
  .dhvx-mobile-menu__group summary span {
    width: 22px;
    height: 22px;
    overflow: hidden;
    color: transparent;
    font-size: 0;
    transform: none!important;
  }
  .dhvx-mobile-menu__group summary span::before {
    content: "›";
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    color: var(--dhvx-text-muted);
    font-size: 18px;
    font-weight: 400;
    transition: transform 140ms ease;
  }
  .dhvx-mobile-menu__group[open] summary span::before { transform: rotate(90deg); }
  .dhvx-mobile-menu__group.is-secondary .dhvx-mobile-menu__links {
    padding: 0 0 9px 2px;
  }
  .dhvx-mobile-menu__group.is-secondary .dhvx-mobile-menu__links a {
    min-height: 40px;
    padding: 5px 2px;
    border-top: 0;
    color: var(--dhvx-text-secondary);
    font-size: 12.5px;
  }

  html[data-theme="dark"] .dhvx-mobile-menu__panel,
  html[data-theme="dark"] .dhvx-mobile-menu__head {
    background: color-mix(in srgb, var(--dhvx-surface) 96%, #000);
  }
  html[data-theme="dark"] .dhvx-mobile-menu__explore-link {
    background: color-mix(in srgb, var(--dhvx-surface-soft) 66%, transparent);
  }
}


@media (max-width: 767px) and (max-height: 520px) and (orientation: landscape) {
  .dhvx-mobile-menu__panel { max-height: 94dvh; border-radius: 18px 18px 0 0; }
  .dhvx-mobile-menu__head { min-height: 54px; padding-block: 7px; }
  .dhvx-mobile-menu__head strong { font-size: 17px; }
  .dhvx-mobile-menu__explore { padding-bottom: 10px; }
  .dhvx-mobile-menu__explore-link { min-height: 58px; padding-block: 7px!important; }
  .dhvx-mobile-menu__categories { padding-bottom: 10px; }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu { min-height: 46px; }
}

@media (max-width: 359px) {
  .dhvx-mobile-menu__panel {
    padding-inline: max(12px, env(safe-area-inset-left, 0px));
  }
  .dhvx-mobile-menu__head strong { font-size: 18px; }
  .dhvx-mobile-menu__explore { gap: 6px; }
  .dhvx-mobile-menu__explore-link {
    min-height: 66px;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 7px;
    padding-inline: 8px!important;
  }
  .dhvx-mobile-menu__explore-icon { width: 34px; height: 34px; }
  .dhvx-mobile-menu__explore-link small { font-size: 9.75px; }
  .dhvx-mobile-menu__links.is-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu {
    min-height: 50px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding-inline: 7px;
    font-size: 11.5px;
  }
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu .dhvx-category-link__icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}

@media (min-width: 768px) {
  .dhvx-mobile-menu { display: none!important; }
}

@media (forced-colors: active) and (max-width: 767px) {
  .dhvx-mobile-menu__explore-link,
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu { border: 1px solid CanvasText!important; }
  .dhvx-mobile-menu__explore-link.is-active,
  .dhvx-mobile-menu__explore-link[aria-current="page"],
  .dhvx-mobile-menu__links.is-categories .dhvx-category-link.is-menu.is-active { outline: 2px solid Highlight; outline-offset: -2px; }
}

@media (prefers-reduced-motion: reduce) {
  .dhvx-mobile-menu__group summary span::before { transition: none; }
}