/* ===================== OPTIMIZED MOBILE FIX ===================== */
@media (max-width: 768px) {

  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
  }

  /* Better container spacing */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Hero full width */
  .page-header,
  .page-header .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Prevent AOS from breaking layout */
  [data-aos] {
    transform: none !important;
  }

  /* Sticky navbar fix */
  nav.navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    opacity: 1 !important;
    transform: none !important;
  }

  body {
    padding-top: 70px !important;   /* navbar space */
    padding-bottom: 85px !important; /* bottom bar */
  }

  /* Sticky bottom nav */
  .mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    display: flex;
    justify-content: space-around;
    border-top: 1px solid #ddd;
    z-index: 99999;
    box-shadow: 0 -3px 10px rgba(0,0,0,0.12);
  }

  /* Text improvement */
  h1, h2, h3 { line-height: 1.3 !important; }
  p { line-height: 1.7 !important; }

  /* Image fix */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}