/* Shared mobile safety fixes */
*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe,
canvas,
svg {
  max-width: 100%;
  height: auto;
}

input,
textarea,
select,
button {
  max-width: 100%;
}

@media (max-width: 992px) {
  .mega-wrapper {
    flex-direction: column;
  }

  .mega-sidebar,
  .mega-panel {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .container {
    width: calc(100% - 24px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .chat-box {
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
  }

  .newsletter form {
    flex-direction: column;
  }

  .newsletter button {
    width: 100%;
  }

  .lavender-footer::before {
    width: 420px;
    height: 420px;
    top: -120px;
    right: -120px;
  }

  .floating-badge {
    display: none;
  }
}
/* Mobile nav hardening across all pages */
@media (max-width: 980px) {
  .menu-toggle {
    display: flex !important;
  }

  .nav-actions .btn-gradient {
    display: none !important;
  }

  .mobile-cta {
    display: block !important;
  }

  .top-nav.open .main-menu,
  .scroll-nav.open .main-menu {
    right: 0 !important;
  }

  #megaDropdown.mobile-open {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1200 !important;
    background: rgba(0, 0, 0, 0.7) !important;
    overflow-y: auto !important;
    padding: 12px !important;
  }

  #megaDropdown.mobile-open .mega-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    flex-direction: column !important;
  }

  #megaDropdown.mobile-open .mega-sidebar,
  #megaDropdown.mobile-open .mega-body,
  #megaDropdown.mobile-open .mega-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #megaDropdown.mobile-open .mega-body {
    max-height: 65vh !important;
    overflow-y: auto !important;
  }

  body.services-open {
    overflow: hidden !important;
  }
}