/* ============================================================
   TCT5 — responsive.css
   Breakpoints: 1280 / 1024 / 768 / 576 / 480 / 375 / 320
   ============================================================ */

/* ---- ≤1280: large desktop / laptop ---- */
@media (max-width:1280px){
  :root{--container:1080px}
}

/* ---- ≤1024: laptop / large tablet ---- */
@media (max-width:1024px){
  .feature-grid,.service-grid,.doctor-grid,.team-grid,.info-grid{grid-template-columns:repeat(3,1fr)}
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .package-grid,.news-grid,.approach-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero-inner{grid-template-columns:1fr;gap:36px}
  .hero-stats{flex-direction:row;flex-wrap:wrap}
  .hero-stat{flex:1;min-width:150px}
  .testi-item{flex-basis:50% !important}
}

/* ---- ≤900: hide some topbar text ---- */
@media (max-width:900px){
  .topbar-right .topbar-item{display:none}
  .nav-menu a{padding:10px 10px}
}

/* ---- ≤768: tablet portrait — switch to drawer nav ---- */
@media (max-width:768px){
  :root{--header-h:70px}
  .nav-menu{display:none}
  .nav-toggle{display:flex}
  .nav-actions .btn--gold{display:none}
  .topbar{display:none}

  .feature-grid,.service-grid,.doctor-grid,.team-grid,.info-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px}
  .grid-2{grid-template-columns:1fr}
  .grid-2 .img-frame{order:-1}
  .contact-layout,.appt-layout{grid-template-columns:1fr}
  .mv-grid{grid-template-columns:1fr}
  .testi-item{flex-basis:100% !important}

  /* timeline → single column left rail */
  .timeline::before{left:24px}
  .tl-item{width:100%;left:0 !important;text-align:left !important;padding:0 0 36px 70px}
  .tl-item .tl-marker{left:-8px !important;right:auto !important;width:52px;height:52px;font-size:.8rem}
}

/* ---- ≤576: large mobile ---- */
@media (max-width:576px){
  .service-grid,.feature-grid,.team-grid,.info-grid,.package-grid,.news-grid,.approach-grid,.gallery-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .doctor-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero-stats{flex-direction:column}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .cta-actions{flex-direction:column}
  .cta-actions .btn{justify-content:center}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-bottom .container{flex-direction:column;text-align:center}
  .lb-prev{left:10px}.lb-next{right:10px}
  .lb-btn{width:46px;height:46px}
}

/* ---- ≤480: small mobile ---- */
@media (max-width:480px){
  body{font-size:15px}
  .gallery-grid{grid-template-columns:1fr}
  .doc-controls{flex-direction:column}
  .doc-search{max-width:100%}
  #docFilter{width:100%}
  .drawer{width:88%}
}

/* ---- ≤375 / 320: very small ---- */
@media (max-width:375px){
  :root{--gutter:14px}
  .hero-stat-num,.hero-stat-suf{font-size:2rem}
  .package-price{font-size:2rem}
}
@media (max-width:320px){
  :root{--gutter:12px}
  .btn{padding:12px 20px;font-size:.9rem}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hero-bg{animation:none}
}