#liste-vins {
    overflow       : hidden;
    display        : flex;
    flex-direction : column;
}

#vin-rouge {
    margin-bottom : 50px;
}

.liste-vins__section {
    position        : relative;
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 100vw;
    max-width       : 100vw;
    padding         : 85px 0;
    border-top      : 1px solid #3F3E4696;
    gap             : 80px;
}

.liste-vins-preview__overlay {
    opacity        : 0;
    position       : absolute;
    top            : 0;
    left           : 0;
    z-index        : 10;
    width          : 100%;
    height         : 100%;
    pointer-events : none;
    background     : rgba(24, 24, 24, 1);
}


@media (max-width : 1024px) {
    .liste-vins__section {
        flex-direction : column;
        gap            : 40px;
    }
}

/* ================================================ Preview ================================================== */
.liste-vins__preview {
    position        : relative;
    display         : flex;
    justify-content : flex-end;
    align-items     : center;
    width           : 50vw;
}

.liste-vins__default-image {
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 20;
    width           : 100%;
    height          : 100%;
    pointer-events  : none;
    object-fit      : cover;
    object-position : center;
}

.liste-vins__preview-container {
    position            : relative;
    overflow            : hidden;
    display             : flex;
    flex-direction      : column;
    width               : 600px;
    height              : 700px;
    padding             : 0 20px 40px 20px;
    border-radius       : 10px;
    background-image    : url('/wp-content/uploads/2024/12/fond-fiche-produit-scaled.jpg');
    background-position : bottom center;
    background-size     : cover;
}

.liste-vins-preview__images {
    position : relative;
    width    : 100%;
    height   : 100%;
}

.liste-vins-preview__cadre-container {
    position : absolute;
    top      : 70px;
    right    : 60px;
    overflow : hidden;
    width    : 315px;
    height   : 400px;
}

.liste-vins-preview__cadre {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    z-index         : 2;
    width           : 100%;
    height          : 100% !important;
    pointer-events  : none;
    object-position : center;
    object-fit      : contain;
}

.liste-vins-preview__cadre-background {
    position        : absolute;
    top             : 2%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    z-index         : 0;
    width           : 258px;
    height          : auto !important;
    object-position : center;
    object-fit      : contain;
}


/* ============= Bottle ============= */
.liste-vins-preview__bottle-container {
    position : absolute;
    top      : 105px;
    left     : 90px;
    z-index  : 4;
    width    : 125px;
    height   : auto;
}

.liste-vins-preview__bottle-container::before {
    position         : absolute;
    top              : -5px;
    left             : 66px;
    z-index          : 5;
    width            : 80px;
    height           : 100%;
    content          : "";
    border-radius    : 200px;
    background-color : #010101BD;
    rotate           : -9deg;
    filter           : blur(50px);
}

.liste-vins-preview__bottle {
    position        : relative;
    width           : 115px;
    height          : auto;
    object-position : center;
    object-fit      : contain;
}

/* ==================================== Preview - Content ==================================== */
.liste-vins-preview__content {
    text-align      : center;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.liste-vins-preview__content .section__title {
    font-size     : 22px !important;
    line-height   : 24px !important;
    margin-bottom : 0px !important;
}

.liste-vins-preview__content .section__button-container {
    margin-top : 20px !important;
}

.liste-vins-preview__content .section__button-container .section__button {
    background-color : transparent !important;
}


.liste-vins-preview__content .section__button-container .section__button:hover {
    background-color : var(--primary-color-ponsot) !important;
}


/* ========================== Preview background ========================== */
.liste-vins__section-background {
    position : absolute;
    top      : -200px;
    left     : -100px;
    z-index  : -1;
    width    : 960px;
    height   : 960px;
}


/* ========================== Responsive Preview ========================== */

@media (max-width : 1450px) {
    .liste-vins__section-background {
        left : -30%;
    }
}

@media (max-width : 1024px) {
    .liste-vins__preview {
        justify-content : center;
        width           : 100vw;
        padding         : 0 20px;
    }

    .liste-vins__preview-container {
        overflow            : hidden;
        display             : flex;
        flex-direction      : column;
        width               : 600px;
        height              : 700px;
        padding             : 0 20px 40px 20px;
        border-radius       : 10px;
        background-image    : url(/wp-content/uploads/2024/12/fond-fiche-produit-scaled.jpg);
        background-position : bottom center;
        background-size     : cover;
    }


    .liste-vins-preview__cadre-container {
        top    : 30px;
        right  : -5px;
        width  : 280px;
        height : 350px;
    }

    .liste-vins-preview__cadre-background {
        width : 224px;
    }

    .liste-vins-preview__bottle-container {
        top       : 70px;
        left      : 50%;
        transform : translateX(-150%);
        width     : 105px;
    }

    .liste-vins__section-background {
        left      : 50%;
        transform : translate(-50%, 0);
    }
}


/* ================================================ Content ================================================== */
.liste-vins__content-container {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : flex-start;
    width           : 50vw;
    padding         : 0 20px;
}

.liste-vins__content .section__title {
    font-size   : 35px !important;
    line-height : 40px !important;
}

.liste-vins__content ul {
    font-family    : var(--text-font);
    font-size      : 15px;
    text-transform : uppercase;
    display        : flex;
    flex-direction : column;
    margin         : 0 !important;
    padding        : 0 !important;
    gap            : 7px;
}

.liste-vins__item {
    cursor : pointer;
}

.liste-vins__item a {
    color           : var(--text-color-ponsot);
    text-decoration : none !important;
}

.liste-vins__item:hover a {
    color : var(--primary-color-ponsot) !important;
}

.vin-climat {
    text-transform : uppercase !important;
}


@media (max-width : 1024px) {
    .liste-vins__content-container {
        width : 100vw;
    }
}