/* Integrated staging QA fix: narrow-screen hero sizing, overflow and collapsed nav submenu. */
details.nav-dropdown:not([open]) > .nav-submenu { display: none !important; }
@media (max-width: 850px) {
  .hero { box-sizing: border-box; }
  .hero h1 { font-size: clamp(32px, 8.5vw, 42px) !important; line-height: 1.12; max-width: 100%; overflow-wrap: anywhere; }
  .hero-copy { min-width: 0; }
}
@media (max-width: 540px) {
  .hero { width: 100%; max-width: 100%; padding-left: 17px; padding-right: 17px; }
  details.nav-dropdown[open] > .nav-submenu { display: flex; flex-direction: column; gap: 12px; white-space: normal; }
  .trongoi-sticky-bar { max-width: calc(100vw - 20px); }
}