/* ---------------------------
   HOSPITAL PAGE STYLES
   Matches Style E Theme
----------------------------*/

/* HERO */
.hospital-hero{
  background:
    linear-gradient(135deg, rgba(0,119,255,0.70), rgba(0,201,167,0.65)),
    url('../img/hospital-hero.jpg') center/cover no-repeat;
  padding:90px 0;
  color:white;
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:40px;
  align-items:center;
}

.hero-text h1{
  font-size:48px;
  font-weight:800;
  margin:0 0 10px;
}

.hero-text p{
  font-size:18px;
  opacity:0.92;
  margin-bottom:20px;
}

.hero-side-card{
  background:rgba(255,255,255,0.18);
  backdrop-filter:blur(12px);
  padding:20px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.3);
  box-shadow:var(--shadow-lg);
}

/* ABOUT GRID */
.about-grid{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:30px;
  align-items:center;
}

.about-img img{
  width:100%;
  border-radius:16px;
  box-shadow:var(--shadow-lg);
}

.about-points li{
  margin:6px 0;
  color:var(--muted);
}

/* FACILITY GRID */
.facility-grid .card h3{
  color:var(--primary);
  margin-bottom:8px;
}

/* TESTIMONIALS */
.testimonial-grid .card{
  font-size:15px;
  line-height:1.5;
}

/* CTA BOX */
.cta-box{
  text-align:center;
  padding:32px;
}

.cta-box h3{
  margin:0 0 8px;
}

/* RESPONSIVE */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
}

@media (max-width:680px){
  .hero-text h1{font-size:32px}
}