/* Mobile smart header: one menu trigger, compact hierarchy, no layout jumps. */
@media (max-width: 768px) {
  body.turath-amz.figma-heritage-ui > .dropdown-menu-custom--mobile-portal,
  body.figma-heritage-ui > .dropdown-menu-custom--mobile-portal,
  body > .dropdown-menu-custom--mobile-portal {
    position: fixed !important;
    z-index: 2147483000 !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) !important;
  }

  body.turath-amz.figma-heritage-ui > .dropdown-menu-custom--mobile-portal.is-open,
  body.figma-heritage-ui > .dropdown-menu-custom--mobile-portal.is-open,
  body > .dropdown-menu-custom--mobile-portal.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  :root {
    --turath-mobile-compact-height: 60px;
  }

  body.turath-amz.figma-heritage-ui .top-strip.top-strip-ticker,
  body.turath-amz.figma-heritage-ui .main-navbar,
  body.turath-amz.figma-heritage-ui .categories-bar {
    transition:
      transform 280ms cubic-bezier(.22, 1, .36, 1),
      opacity 200ms ease,
      box-shadow 220ms ease,
      clip-path 280ms cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform, opacity;
  }

  body.turath-amz.figma-heritage-ui .top-strip.top-strip-ticker {
    display: block !important;
    min-height: 32px !important;
  }

  body.turath-amz.figma-heritage-ui .top-strip-track {
    padding-block: 5px !important;
  }

  body.turath-amz.figma-heritage-ui .main-navbar {
    padding: 8px 0 !important;
    overflow: visible !important;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
  }

  body.turath-amz.figma-heritage-ui .navbar-container {
    display: grid !important;
    grid-template-columns: minmax(108px, 1fr) auto !important;
    grid-template-rows: 44px 44px !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px !important;
  }

  body.turath-amz.figma-heritage-ui .nav-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: initial !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    direction: rtl !important;
  }

  /* The drawer trigger in navbar-actions is the single canonical menu button. */
  body.turath-amz.figma-heritage-ui .nav-left .mobile-menu-btn {
    display: none !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-logo {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-inline-start: 48px !important;
    justify-self: start !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-logo::before {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-logo .logo-text {
    font-size: 1.08rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.turath-amz.figma-heritage-ui .nav-right {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: initial !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions > *,
  body.turath-amz.figma-heritage-ui .navbar-actions .user-dropdown {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn,
  body.turath-amz.figma-heritage-ui .navbar-actions .user-dropdown > .action-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 12px !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn--lang {
    width: 43px !important;
    min-width: 43px !important;
    flex-basis: 43px !important;
  }

  /* Secondary actions remain available inside the comprehensive drawer. */
  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn--settings,
  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn--complaints {
    display: none !important;
  }

  body.turath-amz.figma-heritage-ui .nav-center {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 180ms ease, transform 240ms cubic-bezier(.22, 1, .36, 1);
  }

  body.turath-amz.figma-heritage-ui .search-container {
    border-radius: 15px !important;
    box-shadow: 0 8px 22px rgba(5, 31, 23, .13) !important;
  }

  body.turath-amz.figma-heritage-ui .search-bar {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 13.5px !important;
  }

  body.turath-amz.figma-heritage-ui .search-actions,
  body.turath-amz.figma-heritage-ui .search-actions button {
    height: 44px !important;
  }

  body.turath-amz.figma-heritage-ui .categories-container {
    min-height: 48px !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    scroll-padding-inline: 10px !important;
  }

  body.turath-amz.figma-heritage-ui .category-item {
    min-height: 36px !important;
    padding: 0 11px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.turath-amz.figma-heritage-ui .category-item .nav-all-menu-lines {
    width: 21px !important;
    height: 15px !important;
  }

  /* Scroll-down state: only the compact main navigation remains. */
  body.turath-amz.figma-heritage-ui.mobile-nav-condensed .top-strip.top-strip-ticker {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(0, -105%, 0) !important;
  }

  body.turath-amz.figma-heritage-ui.mobile-nav-condensed .main-navbar {
    top: 0 !important;
    transform: translate3d(0, 0, 0) !important;
    clip-path: inset(0 0 calc(100% - var(--turath-mobile-compact-height)) 0) !important;
    box-shadow: 0 10px 28px rgba(3, 24, 17, .2) !important;
  }

  body.turath-amz.figma-heritage-ui.mobile-nav-condensed .nav-center {
    opacity: 0 !important;
    transform: translate3d(0, -12px, 0) !important;
    pointer-events: none !important;
  }

  body.turath-amz.figma-heritage-ui.mobile-nav-condensed .categories-bar {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(0, calc(-1 * (var(--turath-top-strip-height) + var(--turath-main-nav-height))), 0) !important;
  }

  body.turath-amz.figma-heritage-ui.mobile-nav-condensed .dropdown-menu-custom {
    top: calc(var(--turath-mobile-compact-height) + 8px) !important;
    max-height: calc(100dvh - var(--turath-mobile-compact-height) - 20px) !important;
  }
}

@media (max-width: 390px) {
  body.turath-amz.figma-heritage-ui .navbar-container {
    grid-template-columns: minmax(94px, 1fr) auto !important;
    padding-inline: 8px !important;
    gap-inline: 6px !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions {
    gap: 4px !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn,
  body.turath-amz.figma-heritage-ui .navbar-actions .user-dropdown > .action-btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    flex-basis: 36px !important;
  }

  body.turath-amz.figma-heritage-ui .navbar-actions .action-btn--lang {
    width: 40px !important;
    min-width: 40px !important;
    flex-basis: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.turath-amz.figma-heritage-ui .top-strip.top-strip-ticker,
  body.turath-amz.figma-heritage-ui .main-navbar,
  body.turath-amz.figma-heritage-ui .categories-bar,
  body.turath-amz.figma-heritage-ui .nav-center {
    transition: none !important;
  }
}