body { 
    font-family: 'IRANYekan', sans-serif; 
    color: #111; 
    direction: rtl; 
    background: #F9FBFD; 
    font-size: 1.1rem; 
}
.fw-900 { font-weight: 900; }
.lh-xl { line-height: 1.8; }

/* Navigation Fix */
.navbar { 
    background: rgba(255,255,255,0.98); 
    backdrop-filter: blur(10px); 
    box-shadow: 0 2px 15px rgba(0,0,0,0.05); 
    padding: 1rem 0; 
}
.navbar-nav { justify-content: flex-start; } /* Fix for RTL */
.nav-link { transition: color 0.3s ease; padding: 0.5rem 1rem; }
.nav-link:hover { color: #0D47A1 !important; }

/* Hero Fix */
.hero { min-height: 90vh; background: linear-gradient(135deg, #E3F2FD, #E8F5E8); padding-top: 80px; }
.display-3 { font-size: 3.5rem; line-height: 1.2; text-align: right; }

/* SVG */
.svg-hero { width: 100%; max-width: 400px; height: auto; margin: 0 auto; display: block; }

/* Cards Fix */
.service-card, .doctor-card { 
    background: white; 
    border-radius: 20px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    transition: transform 0.3s ease; 
    border: none; 
}
.service-card:hover, .doctor-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }

/* Buttons Fix */
.btn-xl { padding: 15px 30px; font-size: 1.1rem; border-radius: 50px; font-weight: 700; display: inline-block; }
.d-flex { gap: 1rem; align-items: center; justify-content: flex-end; } /* Fix for buttons */

/* Slider Fix */
.carousel-item img { height: 400px; object-fit: cover; }
.carousel-caption { 
    background: rgba(0,0,0,0.6); 
    border-radius: 15px; 
    color: white; 
    text-align: center; 
    padding: 1rem; 
    left: 50%; 
    right: 50%; 
    transform: translateX(-50%); 
    bottom: 20%; 
    width: 80%; 
    max-width: 500px; 
}
.carousel-indicators { bottom: 10px; }
.carousel-indicators [data-bs-target] { border-radius: 50%; width: 10px; height: 10px; }

/* Responsive Fix */
@media (max-width: 768px) {
    .hero { min-height: 70vh; padding-top: 70px; }
    .display-3 { font-size: 2.5rem; text-align: center; }
    .d-flex { justify-content: center; flex-direction: column; }
    .row { justify-content: center; }
    .carousel-caption { width: 90%; bottom: 10%; left: 5%; right: 5%; transform: none; }
    .container { padding: 0 15px; }
}