/* ==========================================================================
   Pabby Women's & Children's Clinic Hospital
   Responsive Stylesheet
   Breakpoints: Bootstrap-aligned — 1200px / 992px / 768px / 576px
   ========================================================================== */

/* ============ LARGE DESKTOP / XL (>1400px) polish ============ */
@media (min-width:1400px){
  .container{max-width:1260px;}
}

/* ============ LAPTOP (max-width:1199px) ============ */
@media (max-width:1199px){
  .section{padding:85px 0;}
  .hero{padding:50px 0 70px;}
  .gallery-grid{grid-auto-rows:160px;}
}

/* ============ TABLET (max-width:991px) ============ */
@media (max-width:991px){
  .section{padding:70px 0;}

  .topbar-left span{margin-right:16px; font-size:.8rem;}

  .main-header .navbar-collapse{
    background:#fff; margin-top:14px; padding:20px;
    border-radius:var(--radius-md); box-shadow:var(--shadow-soft);
  }
  .nav-link{margin:4px 0 !important; padding:10px 4px !important;}
  .btn-nav-cta{display:inline-block; margin-top:10px;}

  .hero .row{flex-direction:column;}
  .hero .col-lg-5{margin-top:36px;}
  .hero-title{font-size:2.2rem;}
  .hero-stats-row{margin-top:44px;}

  .about-media{padding:10px 0 40px 0;}
  .about-img-float{width:48%;}

  .col-lg-2-4{width:33.33%;}

  .gallery-grid{grid-template-columns:repeat(3, 1fr);}

  .pediatric-media, .infertility-media{margin-bottom:10px;}
  .pediatric-section .order-lg-2{order:2 !important;}
  .pediatric-section .order-lg-1{order:1 !important;}

  .timeline{padding-left:10px;}
  .timeline-line{left:33px;}
  .timeline-icon{width:50px; height:50px; font-size:1.1rem;}

  .map-wrapper{min-height:320px; margin-top:24px;}
}

/* ============ MOBILE / SMALL TABLET (max-width:767px) ============ */
@media (max-width:767px){
  .section{padding:56px 0;}
  .section-title{font-size:1.6rem;}

  .topbar{display:none !important;}

  .navbar-brand .brand-text small{display:none;}

  .hero{padding:36px 0 56px;}
  .hero-eyebrow{font-size:.72rem; padding:7px 14px;}
  .hero-title{font-size:1.9rem;}
  .hero-sub{font-size:.95rem;}
  .hero-actions{flex-direction:column; align-items:stretch;}
  .hero-actions .btn{width:100%; justify-content:center;}
  .floating-card{padding:22px;}

  .stat-card h3{font-size:1.5rem;}
  .stat-card i{font-size:1.3rem;}

  .about-img-main{height:280px;}
  .about-img-float{
    position:static; width:100%; margin-top:14px; border-width:4px;
  }
  .about-badge{
    position:static; display:inline-flex; margin-bottom:14px;
  }

  .col-lg-2-4{width:50%;}

  .doctor-photo{height:230px;}

  .gallery-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:150px;}

  .timeline-item{gap:14px;}
  .timeline-content{padding:14px 16px;}

  .appointment-form{padding:24px;}

  .footer-bottom{flex-direction:column; text-align:center;}

  .whatsapp-float{width:50px; height:50px; font-size:1.4rem; bottom:18px; left:18px;}
  .back-to-top{width:44px; height:44px; font-size:1rem; bottom:18px; right:18px;}
}

/* ============ SMALL MOBILE (max-width:575px) ============ */
@media (max-width:575px){
  .section-eyebrow{font-size:.75rem; padding:7px 14px;}
  .hero-title{font-size:1.6rem;}

  .col-lg-2-4{width:100%;}

  .gallery-grid{grid-template-columns:repeat(2, 1fr); grid-auto-rows:130px; gap:10px;}
  .gallery-item.item-tall{grid-row:span 1;}

  .story-card img{height:180px;}

  .contact-buttons{flex-direction:column;}

  .brand-icon{width:40px; height:40px; font-size:1.1rem;}
  .brand-text strong{font-size:1.05rem;}
}