/* TOÀN VIỆT · Khắc phục menu chỉ hiện 2 mục trên iOS Safari/Zalo.
   Áp dụng riêng màn hình nhỏ, không tác động Three.js, API, form hoặc menu desktop. */
@media (max-width: 1279.98px) {
  /* backdrop-filter tạo containing block cho position:fixed trên iOS/WebKit.
     Khi panel ở bên trong header, chiều cao của nó bị giới hạn theo header. */
  header.fixed.top-0 {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    filter: none !important;
  }

  #toanviet-mobile-navigation {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--tv-header-height, 76px) !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    z-index: 999 !important;
    box-sizing: border-box;
    background: #fff !important;
    padding: 16px 20px 24px !important;
  }
  #toanviet-mobile-navigation button,
  #toanviet-mobile-navigation a {
    min-height: 44px;
  }
}