/* MAIN SLIDER (controls anchor) */
.ecoland-banner-slider {
    width: 100%;
    position: relative; /* ✅ REQUIRED for controls */
    overflow: visible;  /* ✅ IMPORTANT */
}

/* SLIDE VIEWPORT (clipping area) */
.ecoland-slides-wrapper {
    width: 100%;
    overflow: hidden;   /* ✅ ONLY HERE */
}

/* SLIDE TRACK */
.ecoland-slides {
    display: flex;
    transition: transform 0.7s ease-in-out;
    will-change: transform;
}

/* EACH SLIDE */
.banner-slide {
    flex: 0 0 100%;
    width: 100%;
}

/* IMAGE RESET */
.banner-slide img {
    display: none;
    width: 100%;
    height: auto;
}

/* DESKTOP */
@media (min-width: 768px) {
    .banner-slide img.desktop-img {
        display: block;
        height: 600px;
        object-fit: contain;
        margin: 0 auto;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .banner-slide img.mobile-img {
        display: block;
        object-fit: cover;
    }
}

/* CONTROLS */
.ecoland-slider-controls {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    gap: 14px;
    z-index: 50;
}

.ecoland-slider-controls button {
    background: #093d21;
    border: 2px solid #ffffff;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.9;
}

.ecoland-slider-controls svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}