/* ==========================================================================
   NEO HOSPITAL — CARDIOLOGY LANDING PAGE
   responsive.css — breakpoint overrides
   Breakpoints: Laptop <=1200px | Tablet <=992px | Mobile Landscape <=768px | Mobile <=480px
   ========================================================================== */

/* ---------- LAPTOP (<=1200px) ---------- */
@media (max-width:1200px){
  :root{ --section-pad:90px; }
  .container{ max-width:100%; }
  h1{ font-size:2.7rem; }
  h2{ font-size:2rem; }
  .hero__floating-tag--top{ left:10px; }
  .hero__floating-tag--bottom{ right:10px; }
  .symptoms__grid{ grid-template-columns:repeat(3,1fr); }
  .conditions__grid, .treatments__grid, .other-specialists__grid, .top-specialities__grid, .awards__grid{
    grid-template-columns:repeat(3,1fr);
  }
}

/* ---------- TABLET (<=992px) ---------- */
@media (max-width:992px){
  :root{ --section-pad:75px; }

  .hero{ padding:50px 0 90px; }
  .hero__grid{ grid-template-columns:1fr; gap:56px; }
  .hero__desc{ max-width:100%; }
  .hero__doctor-img{ height:440px; }
  .hero__floating-tag{ display:none; }
  .appointment-card{ margin:-70px 10px 0; }

  .quick-info__grid{ grid-template-columns:repeat(2,1fr); }

  .welcome-section__grid{ grid-template-columns:1fr; gap:50px; }
  .welcome-section__image img{ height:340px; }

  .why-choose__grid{ grid-template-columns:repeat(2,1fr); }

  .stats__grid{ grid-template-columns:repeat(2,1fr); row-gap:36px; }

  .symptoms__grid{ grid-template-columns:repeat(3,1fr); }
  .conditions__grid{ grid-template-columns:repeat(2,1fr); }
  .treatments__grid{ grid-template-columns:repeat(2,1fr); }
  .facilities__grid{ grid-template-columns:repeat(2,1fr); }

  .journey__track{ grid-template-columns:repeat(3,1fr); row-gap:40px; }
  .journey__track::before{ display:none; }

  .blogs__grid{ grid-template-columns:repeat(2,1fr); }
  .other-specialists__grid{ grid-template-columns:repeat(2,1fr); }
  .top-specialities__grid{ grid-template-columns:repeat(3,1fr); }
  .awards__grid{ grid-template-columns:repeat(2,1fr); }

  .contact-info__grid{ grid-template-columns:1fr; }
  .contact-info__map{ min-height:280px; }
}

/* ---------- MOBILE LANDSCAPE (<=768px) ---------- */
@media (max-width:768px){
  :root{ --section-pad:60px; }

  h1{ font-size:2.15rem; }
  h2{ font-size:1.65rem; }
  .section-heading{ margin-bottom:40px; }

  .breadcrumb-list{ font-size:0.78rem; flex-wrap:wrap; }

  .hero__cta{ flex-direction:column; }
  .hero__cta .btn{ width:100%; }
  .trust-badges{ gap:10px; }
  .trust-badges li{ font-size:0.78rem; padding:8px 12px; }
  .hero__doctor-img{ height:340px; }
  .appointment-card{ margin:-50px 0 0; padding:24px; }

  .quick-info{ margin-top:-40px; }
  .quick-info__grid{ grid-template-columns:1fr; gap:18px; }

  .why-choose__grid{ grid-template-columns:1fr; }
  .stats__grid{ grid-template-columns:1fr; }
  .stat-item__num{ font-size:2.4rem; }

  .symptoms__grid{ grid-template-columns:repeat(2,1fr); }
  .conditions__grid{ grid-template-columns:1fr; }
  .treatments__grid{ grid-template-columns:1fr; }
  .facilities__grid{ grid-template-columns:1fr; }

  .journey__track{ grid-template-columns:1fr 1fr; }

  .blogs__grid{ grid-template-columns:1fr; }
  .other-specialists__grid{ grid-template-columns:1fr; }
  .top-specialities__grid{ grid-template-columns:repeat(2,1fr); }
  .awards__grid{ grid-template-columns:1fr; }

  .emergency-cta h2{ font-size:1.7rem; }
  .emergency-cta__buttons{ flex-direction:column; align-items:stretch; }

  .sticky-cta{ right:16px; bottom:18px; }
  .sticky-cta__btn{ width:50px; height:50px; font-size:1.15rem; }
}

/* ---------- MOBILE (<=480px) ---------- */
@media (max-width:480px){
  .container{ padding:0 18px; }
  h1{ font-size:1.8rem; }
  h2{ font-size:1.4rem; }

  .eyebrow{ font-size:0.72rem; padding:6px 12px; }

  .hero{ padding:36px 0 70px; }
  .hero__doctor-img{ height:280px; }

  .symptoms__grid{ grid-template-columns:1fr 1fr; }
  .journey__track{ grid-template-columns:1fr 1fr; }
  .top-specialities__grid{ grid-template-columns:1fr; }

  .doctor-card__cta{ flex-direction:column; }
  .doctor-card__cta .btn{ width:100%; }

  .accordion-header{ padding:18px 20px; font-size:0.92rem; }
  .accordion-body p{ padding:0 20px 18px; font-size:0.88rem; }

  .contact-info__details ul li{ flex-direction:row; }
}