/* general-medicine.css
   Page-specific styles for General Medicine page (works with assets/css/style.css)
*/

/* Hero adjustments */
.hero .eyebrow{
  display:inline-block;
  background:rgba(255,255,255,0.12);
  padding:8px 12px;
  border-radius:999px;
  font-weight:700;
  color:#EAF6FF;
}

.hero-card h4{color:#F3FBFF}
.hero-card small{color:rgba(255,255,255,0.9)}

/* Services grid tweaks */
.services-grid .card h3{
  margin:8px 0 6px;
  font-size:18px;
  color:var(--text);
}
.services-grid .card p{
  color:var(--muted);
  font-size:14px;
}

/* Doctor card tweaks */
.doctor h4{margin:8px 0 4px}
.doctor small{color:var(--muted)}

/* Media figure styling */
.media iframe{border-radius:12px; border:0}

/* Appointment cards */
.btn-primary{background:white;color:var(--primary);padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.btn-primary:hover{transform:translateY(-3px)}

/* Footer small */
.footer h4{margin:0 0 8px}
.footer .copy{color:rgba(255,255,255,0.7)}

/* Responsive tweaks */
@media (max-width:1020px){
  .hero .container{grid-template-columns:1fr}
  .hero-card{order:2}
}
@media (max-width:680px){
  .hero h1{font-size:28px}
  .services-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .doctor-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}