/* =============================================
   PRAKRITI HERO CAROUSEL - v1.6.0
   ============================================= */

.prakriti-hero-carousel {
    width: 100%;
    height: 100vh;
    max-height: 900px;
    overflow: hidden;
    position: relative;
}

.prakriti-swiper,
.prakriti-hero-carousel .swiper {
    width: 100%;
    height: 100%;
}

.prakriti-hero-carousel .swiper-wrapper,
.prakriti-hero-carousel .swiper-slide,
.prakriti-hero-carousel .slide-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Desktop - images */
.prakriti-hero-carousel .slide-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* Desktop - video */
.prakriti-hero-carousel .slide-inner video.prakriti-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    background: #000;
    pointer-events: none;
}

/* Mobile image - hidden on desktop */
.prakriti-hero-carousel .slide-mobile-img {
    display: none !important;
}

/* Desktop video - visible on desktop */
.prakriti-hero-carousel .slide-desktop-video {
    display: block !important;
}

/* Slide text */
.prakriti-hero-carousel .slide-content {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    z-index: 10;
    width: 80%;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.6);
}

.prakriti-hero-carousel .slide-content h2 { font-size: 2.5rem; margin-bottom: 10px; }
.prakriti-hero-carousel .slide-content p  { font-size: 1.2rem; }

.prakriti-hero-carousel .swiper-button-prev,
.prakriti-hero-carousel .swiper-button-next { color: #fff; z-index: 10; }

.prakriti-hero-carousel .swiper-pagination { z-index: 10; }
.prakriti-hero-carousel .swiper-pagination-bullet { background: #fff; opacity: 0.7; }
.prakriti-hero-carousel .swiper-pagination-bullet-active { opacity: 1; }

/* =============================================
   MOBILE - show image, hide video
   ============================================= */
@media (max-width: 768px) {
    .prakriti-hero-carousel {
        height: 100svh !important;
        max-height: 100svh !important;
    }

    .prakriti-hero-carousel .prakriti-swiper,
    .prakriti-hero-carousel .swiper,
    .prakriti-hero-carousel .swiper-wrapper,
    .prakriti-hero-carousel .swiper-slide,
    .prakriti-hero-carousel .slide-inner {
        height: 100% !important;
    }

    /* Hide video on mobile, show image instead */
    .prakriti-hero-carousel .slide-desktop-video {
        display: none !important;
    }

    .prakriti-hero-carousel .slide-mobile-img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    /* Regular image slides */
    .prakriti-hero-carousel .slide-inner > img:not(.slide-mobile-img) {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .prakriti-hero-carousel .slide-content h2 { font-size: 1.5rem; }
    .prakriti-hero-carousel .slide-content p  { font-size: 1rem; }
}