/* Page demo styles (safe to remove) */
/* body { margin: 0; font-family: system-ui, Arial, sans-serif; background: #fff; } */
/* .container { max-width: 1200px; margin: 40px auto; padding: 0 16px; } */

/* ===== Slider styles (keep) ===== */
.heroSlider {
    padding: 24px 0 56px; /* extra bottom for dots */
}

.heroSlider .swiper-slide {
    border-radius: 24px;
    overflow: hidden;
    background: #eee;                    /* seen while image loads */
    box-shadow: 0 12px 36px rgba(0,0,0,.15);
}

.heroSlider .swiper-slide img {
    display: block;
    width: 100%;
    height: 380px;                    /*  set your preferred card height*/
    object-fit: fit;
}

/* Nice caption chip */
.slide-chip {
    position: absolute;
    left: 16px;
    bottom: 14px;
    background: rgba(0,0,0,.55);
    color: #fff;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: .2px;
}

/* Controls look */
.heroSlider .swiper-button-prev,
.heroSlider .swiper-button-next {
    color: #111;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

.heroSlider .swiper-pagination-bullet { background:#9aa0a6; opacity:1; }
.heroSlider .swiper-pagination-bullet-active { background:#111; }

/* Responsive heights */
@media (max-width: 1024px) { .heroSlider .swiper-slide img { height: 320px; } }
@media (max-width: 991px) { .heroSlider .swiper-slide img { height: 300px; } }
@media (max-width: 768px) { .heroSlider .swiper-slide img { height: 230px; } }
@media (max-width: 640px)  { .heroSlider .swiper-slide img { height: 210px; } }
@media (max-width: 480px)  { .heroSlider .swiper-slide img { height: 180px; } }