.doctors-carousel{padding:80px 0;background:#fff}
.doctors-carousel .container{max-width:1000px;margin:0 auto;padding:0 20px}
.doctors-carousel .carousel-wrapper{position:relative}
.doctors-carousel #doctorCarousel{border-radius:30px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.15)}
.carousel-slide{display:none;align-items:center;min-height:450px}
.carousel-slide.active{display:flex}
.carousel-slide.green{background:linear-gradient(135deg,#8B9D83 0%,#6B7D63 100%)}
.carousel-slide.gold{background:linear-gradient(135deg,#D4AF37 0%,#B8941F 100%)}
.carousel-content{flex:1;padding:50px;color:#fff}
.carousel-badge{display:inline-block;padding:8px 20px;background:rgba(255,255,255,0.2);border-radius:50px;font-size:13px;font-weight:600;margin-bottom:20px}
.carousel-title{font-size:48px;font-weight:800;margin-bottom:15px}
.carousel-subtitle{font-size:20px;margin-bottom:10px;opacity:0.95}
.carousel-desc{font-size:15px;opacity:0.85;margin-bottom:25px}
.carousel-tags{display:flex;gap:15px;margin-bottom:30px}
.carousel-tag{padding:8px 16px;background:rgba(255,255,255,0.2);border-radius:20px;font-size:13px}
.carousel-btn{display:inline-block;padding:15px 35px;background:#fff;border-radius:50px;text-decoration:none;font-weight:700;font-size:16px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s}
.carousel-btn.green{color:#6B7D63}
.carousel-btn.gold{color:#B8941F}
.carousel-btn:hover{transform:translateY(-3px)}
.carousel-image{flex:1;height:450px}
.carousel-image img{height:100%;width:100%;object-fit:cover}
.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.15);font-size:20px;z-index:10;transition:transform 0.3s}
.carousel-nav:hover{transform:translateY(-50%) scale(1.1)}
.carousel-nav.prev{left:-60px}
.carousel-nav.next{right:-60px}
.carousel-dots{text-align:center;margin-top:30px}
.carousel-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#cbd5e1;margin:0 6px;cursor:pointer;transition:background 0.3s}
.carousel-dot.active{background:#8B9D83}
.carousel-dot.gold-active{background:#D4AF37}

/* ── Mobile Responsive ─────────────────────────── */
@media (max-width: 768px) {
    .doctors-carousel { padding: 50px 0; }

    .carousel-slide.active {
        flex-direction: column;
        min-height: unset;
    }

    .carousel-image {
        width: 100%;
        height: 240px;
        order: -1; /* image on top */
    }

    .carousel-content {
        padding: 28px 24px;
        text-align: center;
    }

    .carousel-title    { font-size: 28px; margin-bottom: 8px; }
    .carousel-subtitle { font-size: 16px; }
    .carousel-desc     { font-size: 14px; margin-bottom: 18px; }

    .carousel-tags { justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }

    /* Move nav arrows inside the card */
    .carousel-nav.prev { left: 10px; }
    .carousel-nav.next { right: 10px; }
    .carousel-nav {
        width: 38px;
        height: 38px;
        font-size: 16px;
        top: 120px; /* vertically centered on image */
    }
}

@media (max-width: 400px) {
    .carousel-title { font-size: 24px; }
    .carousel-image { height: 200px; }
    .carousel-btn   { padding: 12px 24px; font-size: 14px; }
}