.ast-separate-container .ast-article-single:not(.ast-related-post) {
    margin           : 0 !important;
    padding          : 0 !important;
    background-color : var(--background-color-ponsot) !important;
}

#primary {
    margin  : 0 !important;
    padding : 0 !important;
}

.ast-container {
    margin  : 0 !important;
    padding : 0 !important;
}

/* =================================================== Pour le header =================================================== */
@media (min-width : 1025px) {
    .header-fixed__logo {
        left : 90px !important;
    }

    .header__no-move {
        padding : 0px 100px 0px 155px;
    }
}

.page-vin__container {
    position   : relative;
    overflow   : hidden;
    width      : 100%;
    height     : 100%;
    min-height : 100vh;
}

.page-vin__background {
    position            : absolute;
    top                 : 0;
    left                : 0;
    transform           : translateX(0);
    width               : 100%;
    height              : 100%;
    background-image    : url('/wp-content/uploads/2024/12/fond-fiche-produit-scaled.jpg');
    background-repeat   : no-repeat;
    background-position : center 15%;
    background-size     : cover;
}


.page-vin__overlay {
    opacity         : 0.15;
    position        : absolute;
    top             : 50%;
    left            : 0%;
    transform       : translate(-50%, -50%);
    z-index         : 6;
    width           : 1500px;
    min-width       : 1500px;
    height          : 1500px !important;
    user-select     : none;
    pointer-events  : none;
    object-fit      : contain;
    object-position : center;
}


.page-vin__container .section__button-container {
    position : absolute;
    top      : 18px;
    right    : 200px;
    z-index  : 910;
    margin   : 0 !important;
}

.page-vin__container .page-vin__return-button {
    font-family      : var(--text-font);
    font-size        : 13px;
    color            : var(--primary-color-ponsot) !important;
    display          : flex;
    justify-content  : center;
    align-items      : center;
    gap              : 15px;
    padding          : 12px 25px;
    cursor           : pointer;
    border-radius    : 50px;
    background-color : #20202080;
}

/* =================================================== Menu =================================================== */
#page-vin__menu {
    color            : #FFFFFF;
    opacity          : 0.8;
    position         : fixed;
    top              : 0;
    left             : 0;
    transform        : translateX(-100%);
    z-index          : 999;
    width            : 800px;
    height           : 100%;
    background-color : var(--background-color-secondary-ponsot);
}

/* ==================== Menu Content ==================== */
.page-vin__menu-content {
    overflow-y            : auto;
    display               : grid;
    height                : calc(100vh - 90px);
    max-height            : calc(100vh - 90px);
    grid-template-columns : 1fr 1fr;
    scrollbar-width       : thin;
    scrollbar-color       : var(--primary-color-ponsot) rgba(255, 255, 255, 0.15);
}

/* Scrollbar personnalisé pour Chrome, Safari et Edge */
.page-vin__menu-content::-webkit-scrollbar {
    width : 6px; /* Largeur de la scrollbar augmentée pour une meilleure visibilité */
}

.page-vin__menu-content::-webkit-scrollbar-button {
    display : none; /* Masque les flèches */
}

.page-vin__menu-content::-webkit-scrollbar-track {
    background-color : rgba(
        255,
        255,
        255,
        0.15
    ); /* Arrière-plan de la scrollbar */
}

.page-vin__menu-content::-webkit-scrollbar-thumb {
    border-radius    : 3px; /* Ajoute des coins arrondis pour un meilleur aspect */
    background-color : var(--primary-color-ponsot); /* Couleur de la scrollbar */
}

.page-vin__menu-content::-webkit-scrollbar-thumb:hover {
    background-color : #555555; /* Couleur lors du survol */
}

.page-vin__menu-content-col {
    padding : 70px 50px 40px 50px;
}

.page-vin__menu-content-col:last-child {
    border-left : 1px solid #707070;
}

.page-vin__menu-content-col h2 {
    font-size : 30px !important;
}

.page-vin__menu-content-col-chevron {
    color            : #FFFFFF;
    position         : absolute;
    top              : 10px;
    right            : 0;
    transform-origin : center;
    display          : none;
}

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

.liste-vins__item a {
    font-size       : 14px;
    color           : #B1B1B1;
    text-decoration : none !important;
}

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


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

/* =================== Menu Top =================== */
.page-vin__menu-top {
    display         : flex;
    justify-content : space-between;
    align-items     : center;

    width           : 100%;
    height          : 90px;
    min-height      : 90px;
    padding         : 0 25px 0 60px;
    border-bottom   : 1px solid #707070;
}

/* =========== Top title =========== */
.page-vin__menu-top-title {
    font-size       : 15px;
    font-weight     : 300;
    color           : var(--text-color-ponsot);
    letter-spacing  : 2px;
    text-transform  : uppercase;
    display         : flex;
    justify-content : center;
    align-items     : center;
    gap             : 20px;
}

.page-vin__menu-top-title i {
    font-size  : 18px;
    color      : var(--primary-color-ponsot);
    margin-top : -4px;
}

/* =========== Close =========== */
.page-vin__menu-close {
    display          : flex;
    justify-content  : center;
    align-items      : center;
    width            : 50px;
    height           : 50px;
    cursor           : pointer;
    border-radius    : 100%;
    background-color : #3D403C;
}

.page-vin__menu-close i {
    font-size  : 18px;
    color      : #989898;
    transition : 0.3s;
}

.page-vin__menu-close:hover i {
    rotate : 90deg;
}


.page-vin__menu ul {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

.page-vin__menu li {
    padding       : 15px;
    border-bottom : 1px solid #444444;
}

/* ==================== Menu Toggle ==================== */
#page-vin__menu-toggle {
    font-family      : var(--text-font);
    font-size        : 15px;
    color            : var(--text-color-ponsot);
    position         : absolute;
    top              : 0;
    left             : 0;
    z-index          : 4;
    width            : 60px;
    height           : 100%;
    cursor           : pointer;
    background-color : #282728;
}

.page-vin__menu-toggle-content {
    position        : absolute;
    top             : 50%;
    left            : -122px;
    transform       : translateY(-50%) rotate(-90deg);
    display         : flex;
    justify-content : center;
    align-items     : center;
    gap             : 10px;
    width           : 300px;
    min-width       : 300px;
}

#page-vin__menu-toggle i {
    color : var(--primary-color-ponsot);
}


/* ===================================== Menu Responsive ===================================== */
@media (min-width : 1025px) {
    .liste-vins__item:hover a {
        color : var(--primary-color-ponsot) !important;
    }
}

@media (max-width : 1024px) {
    #page-vin__menu-toggle {
        left : -8px;
    }

    .page-vin__menu-top {
        padding : 0 25px 0 25px;
    }

    #page-vin__menu {
        width  : 100vw;
        height : 100vh;
    }

    .page-vin__menu-content {
        overflow-y            : unset;
        gap                   : 30px;
        height                : auto;
        padding               : 40px 20px 40px 20px;
        grid-template-columns : 1fr;
    }

    .page-vin__menu-content-col {
        position : relative;
        padding  : 0;
    }

    .page-vin__menu-content-col:last-child {
        border-left : none;
    }

    .page-vin__menu-content-col h2 {
        cursor : pointer;
    }

    .page-vin__menu-content-col-chevron {
        display : block;
    }
}


/* =================================================== Content =================================================== */
.page-vin__images {
    position : relative;
    width    : 100%;
    height   : 100vh;
}

.page-vin__cadre-container {
    position : absolute;
    right    : 14%;
    bottom   : 18vh;
    width    : 430px;
    height   : 550px;
}

.page-vin__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;
}

.page-vin__cadre-ombre {
    position        : absolute;
    top             : 50%;
    left            : 58%;
    transform       : translate(-50%, -50%);
    z-index         : 0;
    width           : calc(100% + 40px);
    max-width       : unset !important;
    height          : calc(100% + 100px) !important;
    pointer-events  : none;
    object-position : center;
    object-fit      : contain;
}

.page-vin__cadre-background {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    z-index         : 0;
    width           : 356px;
    height          : auto !important;
    object-position : center;
    object-fit      : contain;
}

/* ============= Bottle ============= */
.page-vin__bottle-container {
    position : absolute;
    right    : 34%;
    bottom   : 13vh;
    z-index  : 4;
    width    : 210px;
    height   : auto;
}

.page-vin__bottle-container::before {
    opacity          : 0.1;
    position         : absolute;
    top              : -5px;
    left             : -15px;
    z-index          : 6;
    width            : 120px;
    height           : 100%;
    content          : "";
    transition       : 1.4s opacity;
    border-radius    : 50%;
    background-color : var(--primary-color-ponsot);
    rotate           : 7deg;
    filter           : blur(50px);
}

.page-vin__bottle-container.active::before {
    opacity : 0.25;
}


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

.page-vin__bottle-shadow {
    position         : absolute;
    bottom           : -9px;
    left             : 4px;
    width            : 100%;
    height           : 45px;
    border-radius    : 50%;
    background-color : #010101BD;
    filter           : blur(18px);
    rotate           : -3deg;
}

.page-vin__bottle {
    position        : relative;
    width           : 100%;
    height          : auto;
    object-position : center;
    object-fit      : contain;
}

/* ================================ Infos ================================ */
.page-vin__infos {
    position        : absolute;
    top             : 50%;
    left            : 10%;
    transform       : translate(0, -50%);
    z-index         : 2;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    width           : 550px;
    height          : 650px;
}

.page-vin__infos .section__title {
    text-align : center;
    margin     : 0 !important;
}

.page-vin__infos .section__sub-title {
    margin-bottom : 35px !important;
}

.page-vin__infos-millesime {
    font          : var(--text-font);
    font-size     : 15px;
    color         : #707070;
    text-align    : center;
    margin-bottom : 30px;
    padding       : 8px 22px;
    border        : 1px solid #3D3D3D;
    border-radius : 50px;
}

.page-vin__infos-millesime-value {
    font-size : 14px;
    color     : var(--text-color-ponsot);
}

.page-vin__infos-superficie {
    font          : var(--text-font);
    font-size     : 15px;
    color         : #707070;
    margin-bottom : 30px;
    padding       : 8px 22px;
    border        : 1px solid #3D3D3D;
    border-radius : 50px;
}

.page-vin__infos-superficie-value {
    color : var(--text-color-ponsot);
}

.page-vin__infos .section__text {
    text-align      : left;
    overflow-y      : auto;
    height          : 350px;
    min-height      : 350px;
    max-height      : 350px;
    padding-right   : 10px;
    scrollbar-width : thin;
    scrollbar-color : var(--primary-color-ponsot) rgba(255, 255, 255, 0.15);
}

/* Scrollbar personnalisé pour Chrome, Safari et Edge */
.page-vin__infos .section__text::-webkit-scrollbar {
    width : 6px; /* Largeur de la scrollbar augmentée pour une meilleure visibilité */
}

.page-vin__infos .section__text::-webkit-scrollbar-button {
    display : none; /* Masque les flèches */
}

.page-vin__infos .section__text::-webkit-scrollbar-track {
    background-color : rgba(
        255,
        255,
        255,
        0.15
    ); /* Arrière-plan de la scrollbar */
}

.page-vin__infos .section__text::-webkit-scrollbar-thumb {
    border-radius    : 3px; /* Ajoute des coins arrondis pour un meilleur aspect */
    background-color : var(--primary-color-ponsot); /* Couleur de la scrollbar */
}

.page-vin__infos .section__text::-webkit-scrollbar-thumb:hover {
    background-color : #555555; /* Couleur lors du survol */
}


@media (max-width : 1450px) {
    .page-vin__cadre-container {
        right  : 40px;
        width  : 340px;
        height : 400px;
    }

    .page-vin__cadre-background {
        width : 255px;
    }

    .page-vin__bottle-container {
        right : 26%;
        width : 140px;
    }

    .page-vin__infos {
        width : 500px;
    }

    .page-vin__infos .section__text {
        height     : 150px;
        min-height : 150px;
        max-height : 150px;
    }

    .page-vin__cadre-ombre {
        height : calc(100% + 70px) !important;
    }
}

@media (max-width : 1024px) {
    .page-vin__container {
        background-color : #1D1D1C;
    }

    .page-vin__background {
        height : 800px;
    }

    .page-vin__content {
        display         : flex;
        flex-direction  : column-reverse;
        justify-content : center;
        align-items     : center;
        gap             : 0;
        padding         : 40px 20px;
    }

    .page-vin__images {
        position : relative;
        top      : unset;
        left     : unset;
        height   : 435px;
    }

    .page-vin__cadre-container {
        right     : 30%;
        bottom    : 10%;
        transform : translate(50%, 0);
        width     : 270px;
        height    : 340px;
    }

    .page-vin__cadre-background {
        width : 220px;
    }

    .page-vin__bottle-container {
        right     : calc(50% + 100px);
        bottom    : 5%;
        transform : translate(50%, 0);
        width     : 125px;
    }

    .page-vin__infos {
        position        : unset;
        top             : unset;
        left            : unset;
        transform       : translate(0, 0);
        justify-content : flex-start;
        width           : 100%;
        height          : 100%;
    }

    .page-vin__infos .section__text {
        overflow   : unset;
        height     : 100%;
        min-height : 100%;
        max-height : 100%;
    }

    .page-vin__infos-millesime {
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
    }

    .page-vin__button {
        display         : flex;
        justify-content : center;
        align-items     : center;
        gap             : 15px;
        width           : 100%;
        margin-top      : 85px;
    }

    #page-vin__menu-toggle {
        font-size     : 13px !important;
        position      : relative;
        top           : unset;
        left          : unset;
        z-index       : 4;
        width         : unset;
        height        : unset;
        padding       : 12px 20px;
        border-radius : 50px;
    }

    .page-vin__menu-toggle-content {
        position  : relative;
        top       : unset;
        left      : unset;
        transform : unset !important;
        width     : unset;
        min-width : unset;
    }

    .page-vin__container .section__button-container {
        font-size : 13px !important;
        position  : relative;
        top       : unset;
        right     : unset;
        left      : unset;
        transform : unset !important;
        z-index   : 4;
        margin    : 0 !important;
        padding   : 0 !important;
    }

    .page-vin__container .section__button-container a {
        padding          : 12px 40px !important;
        background-color : #282728 !important;
    }

    .page-vin__overlay {
        display : none;
    }
}

/* ================================ Fleches ================================ */
.page-vin__content-chevron {
    color      : var(--primary-color-ponsot);
    opacity    : 0.65;
    position   : absolute;
    top        : 50%;
    transform  : translateY(-50%);
    z-index    : 5;
    width      : 40px;
    cursor     : pointer;
    transition : opacity 0.2s;
}

.page-vin__content-chevron:hover {
    opacity : 1;
}

.page-vin__content-chevron--left {
    left      : 90px;
    transform : translateY(50%);
    rotate    : 180deg;
}

.page-vin__content-chevron--right {
    right : 20px;
}


@media (max-width : 1024px) {
    .page-vin__content-chevron {
        top : calc(435px + 220px);
    }


    .page-vin__content-chevron--left {
        left : 0;
    }

    .page-vin__content-chevron--right {
        right : 0;
    }

    .page-vin__content-chevron {
        opacity : 0.8;
    }
}