/* =========================
   SLIDER BASE
========================= */

.gjs-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #111;
}

/* =========================
   SLIDES
========================= */

.gjs-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .4s ease;
    z-index: 1;
    pointer-events: none;
}


.gjs-slide.is-active {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}

/* =========================
   INNER
========================= */

.slide-inner {
    position: relative;
}

.slide-content-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    pointer-events: none;
}

.slide-content {
    max-width: 800px;
    width: 100%;
    pointer-events: auto;
    text-align: center;
    color: #fff;
    z-index: 3;
}

/* =========================
   IMAGE (🔥 korrekt)
========================= */

.slide-img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* =========================
   OVERLAY
========================= */

.slide-overlay { position: absolute; inset: 0; /*    background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%);*/ }

/* =========================
   CONTENT
========================= */



.slide-content h2 {
    margin: 0 0 12px;
    font-size: 42px;
}

.slide-content p {
    margin: 0 0 20px;
    font-size: 18px;
}

.slide-content .btn {
    display: inline-block;
    padding: 12px 18px;
    border-radius: 8px;
    background: #a855f7;
    color: #fff;
}

.gjs-slider.slider-auto-height {
    height: auto !important;
    overflow: visible;
}

    .gjs-slider.slider-auto-height .gjs-slide {
        position: relative !important;
        inset: auto !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

        .gjs-slider.slider-auto-height .gjs-slide:not(.is-active) {
            display: none;
        }

    .gjs-slider.slider-auto-height .slide-img {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }