.stella-abysse-slider-wrapper {
    background: linear-gradient(to bottom, #FFFFFF, #D0F2FF);
    border-bottom-right-radius: unset;
}

.slide-grid-container.slide-stella-container {
    display: flex;
    justify-content: space-evenly;
}

/* =============================================
   Images alternantes (3s chacune, instantané)
   Usage : .img-alternate-container sur le parent
           .img-alternate-1 sur la 1ère image
           .img-alternate-2 sur la 2ème image
   ============================================= */
.img-alternate-container {
    position: relative;
}

.img-alternate-1 {
    position: relative;
    animation: img-alternate-show 6s infinite;
}

.img-alternate-2 {
    position: absolute;
    top: 0;
    left: 0;
    animation: img-alternate-hide 6s infinite;
}

.slide-icons-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: row;
    margin-top: 60px;
    gap: 80px;
}

.slide-icons-container div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slide-icons-container div p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    margin-top: 10px;
    color: #000000;
}

.slide-icons-container div p.small-txt {
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    margin-top: unset;
}

.product-benefit-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: 40px;
    width: 1000px;
    margin: 60px auto 120px;
}

/* Quand il n'y a que 2 items, on passe en 2 colonnes */
.product-benefit-container:has(.product-benefit-item:nth-child(2):last-child) {
    grid-template-columns: repeat(2, 1fr);
}

.product-benefit-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product-benefit-item p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    margin-top: 10px;
    color: #000000;
}

.product-benefit-item p.small-txt {
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    margin-top: unset;
}

@keyframes img-alternate-show {
    0%, 49.9% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

@keyframes img-alternate-hide {
    0%, 49.9% { opacity: 0; }
    50%, 100% { opacity: 1; }
}

/* =============================================
   Dots de pagination
   ============================================= */
.stella-abysse-slider-wrapper .arbora-slider-pagination .slick-dots li button {
    background: #35B5B7;
    border-color: #35B5B7;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
}

.stella-abysse-slider-wrapper .slick-dots li.slick-active button {
    background: #ffffff;
    border-color: #ffffff;
    color: #35B5B7;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
}

.stella-abysse-slider-wrapper .arbora-slider-pagination .slick-dots {
    gap: 40px;
}

@media all and (max-width: 1023px) {
    .slide-grid-container.slide-stella-container {
        flex-direction: column;
    }

    .slide-grid-container.slide-stella-container .grid-item-slider {
        margin-top: 40px;
    }

    .product-benefit-container {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .stella-description-container {
        max-width: 80% !important;
    }

    .stella-description-title {
        margin-top: 40px;
    }

    .stella-description-title H5 {
        font-size: 22px !important;
    }

    .stella-description-title H6 {
        font-size: 20px !important;
    }

    .slide-icons-container div p {
        font-size: 14px;
        text-align: center;
    }
}