
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr}
  .cards-3d{grid-template-columns:repeat(2,1fr)}
  .blog-grid,.product-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured img{min-height:220px;max-height:300px}
  div[style*="grid-template-columns:420px"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:0.95fr"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:1.05fr"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:1fr 340px"]{grid-template-columns:1fr !important}
  div[style*="grid-template-columns:1.1fr"]{grid-template-columns:1fr !important}
}
@media(max-width:768px){
  .navbar{position:fixed !important;top:0 !important;left:0;right:0;z-index:1001 !important}
  .hamburger{display:flex !important;z-index:1002}
  .nav-container{position:relative}
  .nav-menu{position:fixed;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:var(--shadow);transform:translateY(-120%);transition:0.3s;gap:12px;align-items:stretch;z-index:1000;max-height:calc(100vh - 64px);overflow-y:auto}
  .nav-menu.open{transform:translateY(0)}
  .nav-dropdown .dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:1px solid #EAF0FA;margin-top:8px;min-width:auto}
  .nav-dropdown:hover .dropdown-menu{transform:none}
  .hero h1{font-size:34px}
  .hero-premium h1{font-size:32px}
  .hero-premium{padding:110px 0 40px}
  .stats{grid-template-columns:1fr}
  .cards-3d{grid-template-columns:1fr}
  .blog-grid,.product-grid{grid-template-columns:1fr}
  .category-grid{grid-template-columns:1fr}
  .service-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:1fr}
  .trust-bar{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured img{width:100%;height:auto !important;min-height:200px !important;max-height:none !important;aspect-ratio:16/9;object-fit:cover}
  /* Fix all inline 2-col grids forced to 1 col on mobile */
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* Band & hero cards overflow fix */
  .band-primary{padding:22px !important}
  .hero-visual-card{transform:none !important}
  .page-hero{padding:22px !important}
  .page-hero h1{font-size:26px !important}
  /* About page */
  .about-doctor-img{max-height:380px !important;aspect-ratio:1/1 !important}
  .hero-visual-card img.doctor-img{max-height:320px !important}
  /* Contact form going out */
  .card, .blog-detail-hero, .blog-sidebar-card, .hero-visual-card{max-width:100% !important;overflow:hidden;box-sizing:border-box}
  .container{padding:0 16px}
  .breadcrumb-premium{margin:80px 0 14px !important}
  /* Sticky header ensure */
  body{padding-top:0}
  /* Fix product detail overflow */
  .blog-detail-hero img{max-height:300px !important}
}
@media(max-width:480px){
  .hero-premium h1{font-size:28px}
  .page-hero h1{font-size:24px}
  .btn{padding:10px 18px;font-size:14px}
  .blog-card-premium img{height:180px !important}
}
