@media(max-width:768px){


    .header-inner {padding:20px 20px;}

     .main-nav {
        position:fixed;
        /* inset:0; */
        background:rgba(0,0,0,.95);
        padding:100px 30px 30px;
        transform:translateY(-100%);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:transform .4s ease, opacity .3s ease;
        z-index:999;
        width: 100%;
        left: 0;
        top: 0;
    }

    .main-nav ul{      
        flex-direction:column;
        border-top: 1px var(--lightGreybg) solid;
        gap: 0;
    }
    .main-nav ul li{padding: 8px 10px; border-bottom: 1px var(--lightGreybg) solid; width: 100%; text-align: center;}

    .main-nav.open {
        transform:translateY(0);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        max-height: 100vh;
    }

    /* DEFAULT STATE */
    .menu-toggle {
        display:block;
    }

    .menu-close {
        display:none;
        position:absolute;
        top:20px;
        right:25px;
        z-index:1000;
    }

    /* WHEN MENU OPEN */
    .main-nav.open ~ .menu-toggle {
        display:none;
    }

    .main-nav.open ~ .menu-close {
        display:block;
    }
}


@media only screen and (max-width:768px){
    .hero{height: auto;padding:80px 20px 100px;}
    .hero h1 {font-size:2.8rem;}
    .hero-desc {padding:0 10px;}
    .badge-row {flex-direction:column; align-items:stretch;}
    .badge-row span {text-align:center; white-space:normal;}
    .hero-btn {width:100%;}
    .regions-graph{grid-template-columns: repeat(1, 1fr);}
    .frame{padding: 70px 20px;}
    .wrap{padding: 0;}
    .partner-card {padding: 18px;}
    .results-box {padding:40px 30px; border-radius:20px; margin-top:40px;}
    .feature-card {padding:25px;}
    .section-title{font-size:34px; line-height: 40px;}
    .award-box {margin-top:50px;}
}

@media only screen and (max-width:640px){
    .hero h1 {font-size:2rem;}
    .frame{padding: 50px 20px;}        
    .contact-card{flex-direction: column;}
    .contact-card .contactInfo, .contact-card .contactMap{width: 100%;}

}


@media (max-width: 768px) {
  .graphs-title h4 {
    font-size: 22px;
  }
  
  .whatsapp-float {
    right: -50px;
    transform:scale(0.8) translateY(calc(-50% + var(--float-offset))) rotate(-90deg);
}


@keyframes whatsapp-float {
  0%   { transform: scale(0.85) translateY(-50%) rotate(-90deg); }
  50%  { transform: scale(0.85) translateY(calc(-50% - 8px)) rotate(-90deg); }
  100% { transform: scale(0.85) translateY(-50%) rotate(-90deg); }
}

  /* .whatsapp-float {
    right: 50%;
    top: auto;
    bottom: 18px;
    transform: translateX(50%);
    padding: 14px 22px;
    font-size: 15px;
    animation: whatsapp-mobile-glow 2.6s ease-in-out infinite;
  }

  .whatsapp-float::after {
    inset: -8px;
  }  

  @keyframes whatsapp-mobile-glow {
    0% {box-shadow: 0 10px 28px rgba(37, 211, 102, 0.4);}
    50% {box-shadow: 0 14px 38px rgba(37, 211, 102, 0.65);}
    100% {box-shadow: 0 10px 28px rgba(37, 211, 102, 0.4);}
  } */
}


/* Mobile fallback */
@media(max-width:768px){
  .legal-card-split{
    grid-template-columns:1fr;
  }

  .legal-card-image{
    margin-top:20px;
  }

  .legal-card-image img{
    max-width:180px;
  }
}