/* ---------- Responsive / Mobile ---------- */
    @media (max-width: 980px){
      .hero{min-height:640px}
      h1{font-size:44px}
      .hero-right{display:none}
      .about{grid-template-columns:1fr}
      .services{flex-direction:column}
      .cards-row{flex-direction:row; overflow:hidden}
      .nav-items{display:none}
      .hamburger{display:flex}
      nav{padding:0 12px}
      .container{padding:0 16px}
      .footer-grid{grid-template-columns:1fr}
      .products{grid-template-columns:1fr}
      .contact-form{grid-template-columns:1fr}
      .contact-cta{flex-direction: column; text-align: center; gap: 20px;}
      
      /* Partner logos mobile fix */
      .partner-logos{grid-template-columns:repeat(2, 1fr); gap:15px}
      .partner-logo{padding:10px}
      .partner-logo img{max-height:80px}
      
      /* Awards carousel mobile fix */
      .awards-carousel-container{height:280px; perspective:800px}
      .awards-carousel{width:200px; height:200px}
      .award-item{width:180px; height:180px}
      .carousel-btn{width:35px; height:35px; font-size:14px}
      .carousel-btn.prev{margin-left:-50px}
      .carousel-btn.next{margin-right:-50px}
      .carousel-dots{bottom:-30px}
    }

    @media (max-width:480px){
      h1{font-size:32px}
      .hero{min-height:520px}
      .hero-inner{padding-top:72px}
      .service{padding:18px}
      .card{min-height:200px}
      .contact{padding: 30px 20px;}
      .newsletter-input{min-width: 100%;}
      
      /* Partner logos extra small screens */
      .partner-logos{grid-template-columns:repeat(2, 1fr); gap:10px}
      .partner-logo{padding:8px}
      .partner-logo img{max-height:60px}
      
      /* Awards carousel extra small screens */
      .awards-carousel-container{height:220px; perspective:600px}
      .awards-carousel{width:160px; height:160px}
      .award-item{width:140px; height:140px}
      .carousel-btn{width:30px; height:30px; font-size:12px}
      .carousel-btn.prev{margin-left:-40px}
      .carousel-btn.next{margin-right:-40px}
      .carousel-dots{bottom:-25px}
      .carousel-dot{width:8px; height:8px}
    }