/* ===================== THAR WORLD — Responsive ===================== */

@media (max-width:1080px){
  .hero h1{font-size:2.6rem;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .grid-5{grid-template-columns:repeat(3,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .stats-strip{grid-template-columns:repeat(2,1fr);}
  .client-strip-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:768px){
  .nav-links,.nav-cta .gt-widget{display:none;}
  .hamburger{display:flex;}
  .nav-cta{gap:8px;}
  .navbar.open .nav-links{
    display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
    background:var(--white);border-bottom:1px solid var(--border);padding:14px;box-shadow:var(--shadow);
  }
  .navbar.open .nav-links > li{width:100%;}
  .navbar.open .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:none;display:none;padding-left:12px;}
  .navbar.open .has-dropdown.open .dropdown{display:block;}
  .hero{min-height:70vh;text-align:left;}
  .hero h1{font-size:2.1rem;}
  .hero-stats{gap:24px;}
  .grid-2,.grid-3,.grid-4,.about-strip-grid{grid-template-columns:1fr;}
  .grid-5{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .form-grid{grid-template-columns:1fr;}
  .section{padding:56px 0;}
  table{min-width:560px;}
  .page-hero h1{font-size:2rem;}
}

@media (max-width:480px){
  .container{padding:0 18px;}
  .hero h1{font-size:1.7rem;}
  .hero p.lead{font-size:1rem;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;}
  .stats-strip{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .float-btn{width:48px;height:48px;font-size:1.3rem;right:16px;}
  .whatsapp-float{bottom:16px;}
  .back-to-top{bottom:76px;}
  .client-strip-grid{grid-template-columns:repeat(2,1fr);}
  .grid-5{grid-template-columns:repeat(2,1fr);}
  .announce-translate{display:none;}
}

@media (max-width:360px){
  .hero h1{font-size:1.45rem;}
  .stat-box .num,.hero-stat .num{font-size:1.8rem;}
  .btn{padding:12px 20px;font-size:.85rem;}
  .section-head h2{font-size:1.6rem;}
}
