@font-face {
    font-family: 'baboonregular';
    src: url('../font/baboon-regular-webfont.eot');
    src: url('../font/baboon-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/baboon-regular-webfont.woff2') format('woff2'),
    url('../font/baboon-regular-webfont.woff') format('woff'),
    url('../font/baboon-regular-webfont.ttf') format('truetype'),
    url('../font/baboon-regular-webfont.svg#baboonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


:root {
    --gap: 50px;
    --ltspace: 20px;
    --mdspace: 100px;
    --bigspace: 180px;

    --minside: 60px;
    --ltside: 4vw;
    --mdside: 7.5vw;

    --noir: #0B0B0B;
    --jaune: #FBED8B;
    --jaunemoyen: #F2F2CC;
    --jauneclair: #FFFADC;
    --module-color: #FBED8B;
    --module-fond-color: #F2F2CC;
}


::selection {
    background-color: var(--noir);
    color: white;
}

/* Firefox */
::-moz-selection {
    background-color: var(--noir);
    color: white;
}

/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--noir);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--noir);
    width: 2px;
}

html.lenis, html.lenis body {
    height: auto;
}

html {
    overflow-x: hidden !important;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}


body {
    background: white;
}

#container {
    background: white;
}

* {
    font-family: "Figtree", sans-serif;
    font-weight: 400;
}

body.no-scroll {
    overflow: hidden;
}

p, .p, a, li{
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    color: var(--noir);
}

.lt-p p, .lt-p div, .lt-p .p, .lt-p a, .lt-p li{
    font-size: 19px;
    line-height: 27px;
    letter-spacing: -0.18px;
    color: var(--noir);
}
.txt li{
    position: relative;
    padding-left: 25px;
}
.txt li::after{
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    height: 5px;
    width: 5px;
    background-color: var(--noir);
}

p, ul {
    margin: 0 0 20px 0;
}

p:last-child, ul:last-child {
    margin-bottom: 0;
}

h1,
h1 * {
    font-family: 'baboonregular';

    font-size: 60px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--noir);
    margin: 0;
}

h1 a {
    /*text-decoration: underline;*/
}

h2, .h2 {
    font-family: 'baboonregular';
    font-size: 60px;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase;
    color: var(--noir);
    margin: 0 0 40px 0;
}

h3, .h3 {
    font-size: 19px;
    font-weight: 700;
    line-height: 27px; /* 142.105% */
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: var(--noir);
}

#wrapper {
    overflow-x: hidden;
}

.btn_wrapper {
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));

}

.btn_base {
    display: inline-block;
    /*background-image: url('../icons/bg-btn.svg');*/
    padding: 20px 40px 20px 40px;
    position: relative;

    -webkit-mask-image: url('../icons/bg-btn.svg');
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: white;
    margin-top: 20px;
    color: var(--noir);
    text-transform: uppercase;
    /*filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));*/
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.5s ease-in-out all;
}

.btn_base.cross,
.btn_base.arrow {
    padding: 20px 70px 20px 40px;

}

.btn_base.arrow::after {
    content: "";
    position: absolute;
    right: 25px;
    top: 19px;
    height: 20px;
    width: 20px;

    -webkit-mask-image: url('../icons/arrow.svg');
    -webkit-mask-size: 15px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: var(--noir);

}
.btn_base.cross::after {
    content: "";
    position: absolute;
    right: 25px;
    top: 19px;
    height: 20px;
    width: 20px;

    -webkit-mask-image: url('../icons/cross.svg');
    -webkit-mask-size: 15px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: var(--noir);

}
#place_order{
    transition: 0.5s ease-in-out all;
}
#place_order:hover,
.btn_base:hover{
    background-color: var(--jaune);
}
.white,
.white * {
    color: white;
}

input[type="submit"], button, .button {
    font-family: "Figtree", sans-serif;
}

/*******
HEADER
 */
#header {
    display: grid;
    grid-template-columns: 250px 1fr;
    padding: 85px var(--mdside) 0 var(--mdside);
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 10000;
    transition: 0.5s ease-in-out all;
    align-items: center;
}
#branding svg{
    transition: 0.5s ease-in-out all;

}
#header .bg-full{
    opacity: 0;
    background-color: var(--module-fond-color);
    transition: 0.5s ease-in-out all;
}
body #header.header-scroll,
body #header.header-scroll.up-scroll{
    top: 0;
    transform: translate(0, -100%);
}
body #header.up-scroll{
    top: 0;
    transform: translate(0, 0%);
    padding-top: 40px;
}
#header.header-scroll #branding svg,
#header.up-scroll #branding svg{
    width: 145px;
    height: 45px;
}
#header .bg-full{
    top: 13px;
}
#header.up-scroll .bg-full{
    opacity: 1;
}
#main-menu-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

#main-menu-container > a {
    display: block;
    line-height: 1;
}
#main-menu-container .container-illu,
#main-menu-container .flex-social{
    display: none;
}
.nom-icone{
    display: none;
}
.account {
    margin-right: 15px;
}

.icon-menu {
    position: relative;
    transition: 0.5s ease-in-out all;
}
.icon-menu:hover{

}
.cart-count {
    font-size: 12px;
    font-weight: 700;
    color: white;
    height: 24px;
    width: 24px;
    background-color: #FF1216;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -15px;

}

.menu {
    display: flex;
}

.menu a {
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    display: inline-block;
    margin-right: 25px;
    transition: 0.5s ease-in-out all;
}
.menu a:hover{
    opacity: 0.6;
}
.single-product #menu-item-99 a,
#menu .menu > .current_page_item > a {
    color: var(--noir);
    font-weight: 800;
    position: relative;
}

.single-product #menu-item-99 a::after,
#menu .menu > .current_page_item > a::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -5%;
    width: 110%;
    height: 10px;
    background-image: url("../icons/active-menu.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.menu-toggled .has-alert #header{
    top: 0;
}
/*************
HEADER HOME
 */
.section-bg {
    position: relative;
    z-index: 200;
}

.first-section {
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;
}

.first-section h1 {
    text-align: center;
    font-size: 86px;
}
.first-section h1{
    opacity: 0;
    animation: appearbt 0.5s 0.1s forwards;

}
.first-section h1 * {
    font-size: 86px;
    line-height: 105px;
}

.first-section h1 a {
    transition: 0.5s ease-in-out all;
    position: relative;
}
.first-section h1 a::after{
    content: "";
    position: absolute;
    background-color: var(--noir);
    height: 6px;
    width: 100%;
    top: calc(100% - 10px);
    left: 0;
    clip-path: polygon( 0.929% 78.167%,0.929% 78.167%,1.438% 78.393%,1.944% 78.772%,2.448% 79.262%,2.95% 79.822%,3.452% 80.41%,3.955% 80.984%,4.46% 81.503%,4.966% 81.925%,5.476% 82.209%,5.991% 82.313%,5.991% 82.313%,6.372% 82.332%,6.754% 82.386%,7.136% 82.473%,7.519% 82.591%,7.901% 82.735%,8.284% 82.905%,8.666% 83.096%,9.048% 83.306%,9.43% 83.532%,9.811% 83.772%,9.811% 83.772%,10.922% 84.528%,12.034% 85.346%,13.148% 86.197%,14.263% 87.052%,15.378% 87.88%,16.493% 88.653%,17.609% 89.341%,18.725% 89.915%,19.841% 90.346%,20.956% 90.604%,20.956% 90.604%,22.433% 90.817%,23.912% 91.023%,25.393% 91.219%,26.875% 91.4%,28.358% 91.564%,29.842% 91.706%,31.326% 91.823%,32.81% 91.911%,34.294% 91.967%,35.777% 91.986%,35.777% 91.986%,36.654% 91.943%,37.532% 91.816%,38.41% 91.607%,39.288% 91.321%,40.166% 90.96%,41.043% 90.528%,41.919% 90.027%,42.794% 89.461%,43.667% 88.834%,44.539% 88.148%,44.539% 88.148%,45.453% 87.493%,46.366% 86.995%,47.279% 86.603%,48.191% 86.268%,49.103% 85.938%,50.015% 85.564%,50.927% 85.095%,51.838% 84.482%,52.749% 83.673%,53.66% 82.62%,53.66% 82.62%,54.363% 81.785%,55.072% 81.099%,55.785% 80.539%,56.501% 80.082%,57.219% 79.706%,57.938% 79.388%,58.657% 79.106%,59.374% 78.836%,60.088% 78.556%,60.798% 78.244%,60.798% 78.244%,61.498% 77.921%,62.209% 77.594%,62.929% 77.24%,63.653% 76.833%,64.38% 76.351%,65.105% 75.768%,65.825% 75.06%,66.538% 74.204%,67.24% 73.175%,67.927% 71.949%,67.927% 71.949%,68.569% 70.888%,69.216% 70.156%,69.867% 69.664%,70.521% 69.327%,71.177% 69.059%,71.833% 68.774%,72.488% 68.384%,73.141% 67.805%,73.791% 66.949%,74.436% 65.73%,74.436% 65.73%,74.991% 64.552%,75.55% 63.469%,76.11% 62.462%,76.672% 61.508%,77.235% 60.588%,77.797% 59.679%,78.359% 58.762%,78.92% 57.816%,79.478% 56.818%,80.034% 55.75%,80.034% 55.75%,80.405% 55.051%,80.779% 54.427%,81.154% 53.859%,81.53% 53.328%,81.906% 52.814%,82.282% 52.299%,82.658% 51.763%,83.033% 51.187%,83.406% 50.551%,83.777% 49.838%,83.777% 49.838%,84.411% 48.503%,85.042% 47.109%,85.672% 45.669%,86.3% 44.194%,86.926% 42.695%,87.553% 41.184%,88.18% 39.673%,88.807% 38.172%,89.435% 36.695%,90.064% 35.251%,90.064% 35.251%,90.555% 34.124%,91.048% 32.948%,91.542% 31.726%,92.037% 30.455%,92.531% 29.137%,93.023% 27.77%,93.512% 26.355%,93.998% 24.891%,94.48% 23.378%,94.956% 21.816%,94.956% 21.816%,95.363% 20.405%,95.772% 18.909%,96.183% 17.359%,96.596% 15.788%,97.011% 14.228%,97.426% 12.709%,97.842% 11.264%,98.259% 9.925%,98.675% 8.723%,99.091% 7.69% );

    transform: rotate(-2deg);
    animation: appearbt 0.5s 0.7s forwards;
    opacity: 0;
}
.first-section h1 div:nth-of-type(2) a::after{
    transform: rotate(4deg);

}
.first-section h1 a:hover {
    opacity: 0.6;
}
@keyframes appearbt {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@keyframes letterAppear {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.8) rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: translateY(var(--final-y)) scale(1) rotate(var(--final-rotate));
    }
}

.animated-letter {
    opacity: 0;
    display: inline-block;
    animation: letterAppear 0.3s ease-out forwards;
}
.fond-svg-home {
    position: absolute;
    top: calc(var(--minside) / 2);
    left: calc(var(--minside) / 2);
    width: calc(100% - var(--minside));
    /*margin: calc(var(--minside) / 2) auto;*/
    display: block;
    height: calc(100vh - var(--minside));
    z-index: -1;
}

.home-teutonne {
    position: absolute;
    top: calc(100% - 400px);
    right: 0;
    /*transform: translate(0, -60%);*/
    height: 700px;
    filter: drop-shadow(15px 15px 0px rgba(0, 0, 0, 0.25));
    pointer-events: none;
}


.grid-hom-txt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 120px;
}

.grid-hom-txt > div:first-of-type {
    padding-left: var(--mdside);
}

.section-2-home.grid-hom-txt > div:first-of-type {
    /*padding-left: 0;*/
    padding-left: calc(var(--mdside) / 2);

}
.section-2-home.grid-hom-txt > div:first-of-type img{
    width: calc(100% - var(--mdside) / 2);
}
.section-2-home .container-txt-home{
    padding-right: var(--mdside);
}
.section-2-home,
.section-1-home {
    margin-bottom: var(--gap);
}

.container-txt-home {
    position: relative;
    z-index: 1;
    padding: 70px 0;
}

.container-txt-home > svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 160%;
    height: 100%;
}
.container-txt-home .bg-full{
    width: 150%;
    left: calc(var(--minside) / 2);
}
.section-2-home .container-txt-home > svg {
    left: unset;
    right: 0;
}
.section-2-home .container-txt-home .bg-full{
    left: unset;
    right: calc(var(--minside) / 2);
}
.txt-img {
    position: relative;
    z-index: 2;
}

.grid-hom-txt img {
    width: 100%;
    position: absolute;
    top: 70px;
    height: calc(100% - 140px);
    object-fit: cover;
}

.social {
    padding: var(--mdspace) 0;
}

.social h2 {
    padding: 0 var(--mdside);
}

.fond-svg-social {
    position: absolute;
    top: 0;
    left: calc(var(--minside) / 2);
    width: calc(100% - var(--minside));
    /*margin: calc(var(--minside) / 2) auto;*/
    display: block;
    height: 100%;
    z-index: -1;
}

.eapps-instagram-feed-posts-item-template-tile,
.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-image {
    clip-path: inset(0% round 20px);

}

/****************
FOOTER
 */
#footer {
    margin-top: calc(var(--ltspace) + 75px);
    padding: calc(125px - 75px) var(--mdside) 50px var(--mdside);
    z-index: 300;
    background-color: var(--noir);
}

#footer p,
#footer li,
#footer a {
    font-size: 20px;
    line-height: 28px;
}

.fond-svg-footer {
    position: absolute;
    top: -74px;
    left: 0;
    width: calc(100% - 0px);
    display: block;
    height: 75px;
    z-index: -1;
}

.grid-ft {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.grid-ft a{
    transition: 0.5s ease-in-out all;
}
.grid-ft a:hover{
    opacity: 0.6;
}
p.titreft {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.flex-social {
    display: flex;
}

.flex-social > p {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    height: 35px;
}

.horaire {
    max-width: 300px;
}

.horaire li {
    display: flex;
}

.horaire li span {
    display: inline-block;
    width: 50%;
}

.logo-ft {
    display: block;
    margin-bottom: 30px;
}

p.titre-social {
    margin-bottom: 10px;
}

.copyright {
    margin-top: 60px;
    display: flex;
}

.logo-pix {
    display: block;
    margin-left: 10px;
}

.logo-pom {
    display: block;
    margin-left: 5px;
    transform: translate(0, 1px);
}


/************
PRODUCT
 */
.pd-base {
    padding-left: var(--mdside);
    padding-right: var(--mdside);
}

.pd-right {
    padding-right: var(--mdside);

}

.content-page {
    padding: 240px 0 100px 0;
}

.la-taverne {
    padding-top: 240px;
    padding-bottom: var(--mdspace);
}

.lt-h2 {
    font-family: "Figtree", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
}

.small-h1 {
    /*font-family: "Figtree", sans-serif;*/
    /*font-size: 25px;*/
    /*font-style: normal;*/
    /*font-weight: 800;*/
    /*line-height: 35px; !* 140% *!*/
    /*text-transform: uppercase;*/
    margin-bottom: 30px;
}

.products, .dead-product, .listproducts {
    display: flex;
    flex-wrap: wrap;
}

.product {
    margin: 0 60px 25px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.product .container-illu{
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 10;
    height: 80px;
    width: 80px;
}
.product .container-illu .illu{
    filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, 0.25));
}
.product.dead .img-prod{
    opacity: 0.5;
}
.product a {
    position: relative;
    display: block;
}

.fond-more {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.product h2 {
    margin-top: 25px;
    margin-bottom: 0;
}

.product .img-prod {
    height: 460px;
    display: flex;
    margin: auto;
}
.bg-full{
    position: absolute;
    top: calc(var(--minside) / 2);
    left: calc(var(--minside) / 2);
    width: calc(100% - var(--minside));
    /*margin: calc(var(--minside) / 2) auto;*/
    display: block;
    height: calc(100% - var(--minside));
    z-index: -1;
    background-color: var(--jaunemoyen);
    border-radius: 40px;
    clip-path: polygon(
            0 calc(0% + 3px),
            10% 0,
            20% calc(0% + 3px),
            30% 0,
            40% calc(0% + 3px),
            50% 0,
            60% calc(0% + 3px),
            70% 0,
            80% calc(0% + 3px),
            90% 0,
            100% calc(0% + 3px),
            100% calc(100% - 3px),
            90% 100%,
            80% calc(100% - 3px),
            70% 100%,
            60% calc(100% - 3px),
            50% 100%,
            40% calc(100% - 3px),
            30% 100%,
            20% calc(100% - 3px),
            10% 100%,
            0 calc(100% - 3px)
    );
}
.bg-full.light{
    background-color: var(--jauneclair);
}
.bg-full.yellow{
    background-color: var(--jaune);
}
.full-cover-svg {
    position: absolute;
    top: calc(var(--minside) / 2);
    left: calc(var(--minside) / 2);
    width: calc(100% - var(--minside));
    /*margin: calc(var(--minside) / 2) auto;*/
    display: block;
    height: calc(100% - var(--minside) / 2);
    z-index: -1;
}

.bg-full.top0,
.full-cover-svg.top0 {
    top: 0;
    height: 100%;
}

.txt-before-prod {
    /*width: 600px;*/
    width: 50%;
    position: relative;
    z-index: 2;
    padding: 40px 60px 40px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-right: 50px;
    margin-bottom: 25px;
}

.txt-before-prod > svg {
    position: absolute;
    top: 0;
    left: calc(-1 * var(--mdside));
    width: calc(100% + var(--mdside));
    z-index: -1;
    height: 100%;
}

.product-categories {
    display: flex;
    align-items: center;
}

.product-categories li,
.show-filter {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 10px;
    display: flex;
    cursor: pointer;
    align-items: center;
}

.product-categories li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: var(--noir);
    margin-left: 10px;
}

.product-categories li.active {
    font-weight: 700;
}

.product-categories li:last-of-type::after {
    display: none;
}

.container-filter {
    margin-bottom: var(--mdspace);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 300;
}

.list-filter {
    display: flex;
    margin-left: auto;
}
.list-filter-select{
    display: flex;
    width: 100%;
}
.list-filter-select .btn_wrapper{
    margin-right: 10px;
}
.more-info {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    padding: 40px;
    width: 280px;
    text-align: center;
    transition: 0.5s ease-in-out opacity;
    opacity: 0;
}

.more-info p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
}

.volume {
    color: var(--module-color);
}

.add-to-cart, .request-rea {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 18px;
    color: white;
    background-color: var(--module-color);
}
.container-cart{
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
}
.ajax-cart-popup{

    -webkit-mask-image: url("../icons/bg-btn.svg");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: white;
    padding: 60px;
}
.more-info .cart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.style {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--module-color);
    margin-bottom: 20px;
}

.wc-block-components-quantity-selector {
    position: relative;
    z-index: 10;
    border: 0;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
    margin-bottom: 0;
    border-radius: 0;
    color: var(--noir);
    display: flex;
    width: fit-content;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    border: 0;
    color: var(--noir);
    font-size: 18px;
    background-color: transparent;
    padding: 10px 10px;
}
body .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input{
    width: 35px !important;
    text-align: center;
    padding: 0;
    background-color: transparent;
    margin: 0;
}
.wc-block-components-quantity-selector > svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.wc-block-components-quantity-selector:after {
    display: none;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
    box-shadow: 0 0 black;
}

.product:hover .more-info {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.show-dead{
    display: flex;
    margin: var(--gap) auto 0 auto;
    width: fit-content;
}
.show-dead>.btn_base{
    margin-top: 0;
}
.dead-product .txt-before-prod{
    display: none;
}
/************
SINGLE product
 */
.page-product .head-prod .bg-full {
    background-color: var(--module-fond-color);
}

.grid-prod {
    display: grid;
    grid-template-columns: 270px 2fr;
    width: 70%;
    max-width: 1100px;
    grid-gap: 80px;
}

.ariane {
    padding-left: calc(270px + 80px);
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.ariane a,
.ariane p {
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.ariane a::after {
    content: ">";
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 6px;
}

.head-prod {
    padding-top: 220px;
    min-height: calc(100vh - var(--minside) / 2);
    padding-bottom: 60px;
    /*min-height: calc(100vh - var(--minside));*/
}

body .first-img-prod {
    height: calc(100vh - 240px - 100px);
    object-fit: contain;
    width: 100%;
}

.page-product h3 {
    color: var(--module-color);
}

.info-prod {
    display: flex;
    text-transform: uppercase;
}

.info-prod p {
    margin-bottom: 0;
    margin-right: 10px;
}

.info-prod p::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: var(--noir);
    margin-left: 10px;
}

.info-prod p:last-of-type,
.info-prod p:last-of-type * {
    font-weight: 700;
}

.info-prod p:last-of-type::after {
    display: none;
}

.dispofut {
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
}
.dispofut span{
    text-decoration: underline;

}
.description {
    margin-top: 30px;
}

.flexaddcart {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.flexaddcart .btn_base {
    margin-top: 0;
}

.flexaddcart .wc-block-components-quantity-selector {
    margin-right: 20px;
}

body .illu-prod {
    position: absolute;
    top: calc(100% - 550px);
    object-fit: contain;
    right: -80px;
    width: 35%;
    height: 600px;
    object-position: bottom;
}

strong {
    font-weight: 600;
}

.accordeon {
    position: relative;
    padding: 15px 0;
}

.accordeon::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-image: url("../icons/separateur.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.accordeon > svg {
    position: absolute;
    right: 0;
    top: 13px;
}

.accordeon > svg path {
    transition: 0.5s ease-in-out all;
    transform-origin: center;
}

.accordeon.open > svg path:last-of-type {
    transform: scale(0);
}

.acc-title {
    cursor: pointer;
}

.profil {
    display: flex;
    align-items: center;
}

.profil .label {
    width: 120px;
}

.barre svg {
    width: 100%;
}

.barre {
    width: 100%;
    position: relative;
}

.curseur {
    position: absolute;
    top: -5px;
    width: 20px;
    height: 20px;
    background-color: var(--module-color);
    border-radius: 50%;
    border: 2px solid var(--noir);
}

.other-cat {
    padding: var(--mdspace) var(--mdside);
}

.listproducts {
    justify-content: center;
}


/********
CART
 */
.cart-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 80px;
}

.shop_table {
    text-align: left;
    color: var(--noir);
    margin-top: 0;
}

.shop_table tr {
    border-bottom: 1px solid var(--noir);
}

.shop_table tr td {
    padding: 10px 0;
}
.shop_table tr td,
.shop_table tr td *{
    font-size: 16px;
    line-height: 20px;
}
.shop_table thead th {
    padding-bottom: 15px;
    font-weight: 700;
    padding-left: 0;
}

.shop_table .lt-h2 {
    margin: 0;
}

.pack-icons {
    display: flex;
    flex-wrap: wrap;
}

.pack-icons svg {
    width: 40px;
    height: 35px;
}

.filled svg path {
    fill: red;
}

.cart-summary-table * {
    color: var(--noir);
    font-size: 18px;
}

.cart-summary-table td {
    padding: 10px 0;
    border-bottom: 1px solid var(--noir);
}

.coupon-tag {
    border: 1px solid var(--noir);
    padding: 2px 10px;
    border-radius: 50px;
    cursor: pointer;
}

.checkout-button.disabled {
    opacity: 0.6;
}

.woocommerce-page input:not([type="radio"], [type="checkbox"]) {
    background-color: transparent;
    margin: 0;
    padding: 10px 0;
    font-family: "Figtree", sans-serif;
    width: 100%;
}

.woocommerce-page input::placeholder,
.select2-results__option,
.select2-container .select2-dropdown, .select2-container .select2-selection {
    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    opacity: 0.7;
}

.checkout-login-form .form-row,
.woocommerce-form-row,
.woocommerce-input-wrapper {
    position: relative;
    display: block;
}

.checkout-login-form .form-row::after,
.woocommerce-form-row::after,
.woocommerce-input-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-image: url("../icons/sub-input.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
    background-color: transparent;
    border: 0;
    opacity: 1;
}

.select2-container .select2-dropdown {
    background-color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px 0;
}

.address-field {
    width: 47%;
    float: left;
    clear: none !important;

}

#billing_country_field, #shipping_country_field {
    display: none;
}

#shipping_address_1_field, #shipping_postcode_field,
#billing_address_2_field, #billing_city_field {
    float: right;
}

.shop_table .shipping {
    display: block;
    border-bottom: 0;
    width: 100%;
    padding: 10px 0 0 0;
}

.shop_table .shipping th {
    display: block;
}

/*****
BAR
 */
.grid-bar-txt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 120px;
}

.grid-bar-txt img {
    width: 100%;
    height: calc(100vh - 240px - var(--mdspace));
}

.terrasse {
    padding-left: var(--ltside);
    position: relative;
    z-index: 204;
    top: -40px;
}

.grid-terasse-txt {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-gap: 120px;
}

.terrasse .grid-terasse-txt {
    align-items: center;
}

.terrasse .grid-terasse-txt div:first-of-type {
    position: relative;
    z-index: 4;
}
.terrasse .grid-terasse-txt .pd-right{
    max-width: calc(600px + var(--mdside));
}

.terrasse .grid-terasse-txt > div:last-of-type {
    padding-right: var(--mdside);

}

.terrasse .container-txt-home .bg-full {
    /*right: 0;*/
    /*left: unset;*/
    width: 150%;
    left: unset;
    right: calc(var(--minside) / 2);
    background-color: var(--jauneclair);
}

.terrasse .grid-terasse-txt img {
    max-height: 800px;
    width: 100%;
}

.terrasse .titreft {
    margin-top: 30px;
}

.services {
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
}

.grid-services-bar {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-gap: 120px;
}

.liste-services {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.liste-services-bar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.liste-services-bar .service-item:nth-of-type(1) {
    grid-area: 1 / 1 / 2 / 3;
}

/*.service-item:nth-of-type(2) { grid-area: 2 / 1 / 4 / 2; }*/
/*.service-item:nth-of-type(3) { grid-area: 2 / 2 / 4 / 3; }*/

.service-item {
    position: relative;
    z-index: 10;
    padding: 60px;
    display: flex;
    flex-direction: column;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
}

.service-item > svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.service-item .btn_wrapper {
    display: flex;
    margin-left: auto;
    margin-top: auto;
    width: fit-content;
}

.btn_base.light {
    background-color: var(--jauneclair);
}
.btn_base.light:hover{
    background-color: var(--jaune);

}
.btn_base.yellow {
    background-color: var(--jaune);
}
.btn_base.yellow:hover{
    background-color: white;
}
.map-revente {
    height: 120%;
    width: 100%;
    margin-left: -0%;
    margin-top: -10%;
}

.grid-contact {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr;*/
    /*grid-gap: 15px;*/
    display: flex;
    flex-wrap: wrap;
}
.grid-contact>div{
    width: calc(50% - 15px);
    margin-bottom: 25px;
}
.grid-contact>div:nth-of-type(even){
    margin-right: 30px;
}
.grid-contact [data-id="degustation"],
.grid-contact [data-id="fut"],
.grid-contact [data-id="location"]{
    width: 100%;
}
.grid-contact .grid-contact>div:nth-of-type(even){
    margin-right: 0;
    margin-bottom: 0px;
}
.grid-contact .grid-contact>div:nth-of-type(odd){
    margin-right: 30px;
    margin-bottom: 0px;
}
.sec-contact {
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
}
.datepicker-dropdown{
    padding: 15px;
}
.datepicker-dropdown *{
    font-size: 15px;
}
.datepicker-top-left, .datepicker-top-right{
    border-top-color: var(--jaune) !important;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover{
    /*color: var(--jaune) !important;*/
    font-weight: 700!important;
    color: var(--noir) !important;
}
.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.wpcf7-form-control-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-image: url("../icons/sub-input.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wpcf7 input {
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 10px 0;
    font-family: "Figtree", sans-serif;
}

.wpcf7 textarea {
    width: 100%;
    height: 110px;
    resize: none;
    background-color: transparent;
    margin: 15px 0 0 0;
    padding: 10px 0;
    font-family: "Figtree", sans-serif;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    opacity: 0.7;
}

.wpcf7 br {
    display: none;
}

.wpcf7 .btn_base {
    margin-top: 0;
}
.wpcf7-select{
    background-color: transparent;
    border: 0;
    width: 100%;
    padding: 10px 0;

    font-family: "Figtree", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    opacity: 0.7;
}

.btn_pigeon {
    position: relative;
    display: flex;
    width: fit-content;
    margin-top: 40px;
    margin-left: auto;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));

}

.wpcf7 .btn_pigeon img {
    position: absolute;
    bottom: calc(100% - 20px);
    right: 0;
    z-index: 100;
    height: 100px;
    width: 100px;
}

.wpcf7 .btn_base input {
    color: var(--noir);
    text-transform: uppercase;
    padding: 0;
}

.wpcf7 .btn_base p {
    line-height: unset;
}

.wpcf7-spinner {
    display: none;
}

.container-illu {
    position: relative;
    display: block;
    /*height: 150%;*/
    /*width: calc(100% + var(--mdside));*/
    /*margin-left: calc(-1 * var(--mdside));*/
    /*margin-top: -120px;*/
    height: 100%;
    width: 100%;
    z-index: -1;
}

.illu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(15px 15px 0px rgba(0, 0, 0, 0.25));
}

.flex-revente {
    display: flex;
    flex-direction: row;
}

.flex-revente img {
    width: 50px;
    margin-right: 15px;
}

.grid-contact-txt {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 60px;
}

.gap {
    margin-bottom: var(--gap);
}

.origine {
    position: relative;
    z-index: 201;
}

.origine .illu {
    /*height: 59vw;*/
    height: 870px;
    width: 50vw;
    left: unset;
    right: calc(-1 * var(--mdside));
    top: unset;
    bottom: calc(-1 * var(--mdspace));
    object-position: bottom right;

}

.sec-contact .illu {
    /*height: 59vw;*/
    height: 870px;
    width: 50vw;
    left: calc(-1 * var(--mdside));
    top: unset;
    bottom: calc(-1 * var(--mdspace) * 2);
    object-position: bottom left;
}

.terrasse .illu {
    height: 580px;
    width: 100%;
    left: unset;
    right: calc(-1 * var(--mdside));
    top: -250px;
    object-position: bottom right;
}

.services .container-illu {
    display: flex;
    margin-top: auto;
    height: auto;
}

.services .illu {
    /*height: 59vw;*/
    height: 870px;
    width: 50vw;
    left: calc(-1 * var(--mdside) - 100px);
    top: unset;
    bottom: calc(-1 * var(--mdspace) * 2);
    object-position: bottom left;
    z-index: 100;
}

.la-taverne .container-illu {
    height: auto;
    z-index: 10;
}

.la-taverne .illu {
    /*height: 59vw;*/
    height: 450px;
    width: 270px;
    left: unset;
    right: calc(-1 * var(--mdside) / 2);
    top: unset;
    bottom: 0;
    z-index: 100;
}

.flex-listing-services {
    display: flex;
    flex-direction: column;
}

.services {
    position: relative;
    z-index: 207;
}

.container-map {
    overflow: hidden;
    height: 100%;
    width: 100%;
    filter: hue-rotate(-30deg);
}

.img-effect {
    /*clip-path: polygon(*/
    /*        5% 1.5%,*/
    /*        20% 1%,*/
    /*        40% 1%,*/
    /*        60% 1%,*/
    /*        80% 1%,*/
    /*        95% 2%,*/
    /*        96% 15%,*/
    /*        97% 40%,*/
    /*        96% 65%,*/
    /*        97% 80%,*/
    /*        95% 98%,*/
    /*        80% 99%,*/
    /*        60% 99%,*/
    /*        40% 99%,*/
    /*        20% 99%,*/
    /*        5% 97%,*/
    /*        3% 80%,*/
    /*        2% 60%,*/
    /*        2% 40%,*/
    /*        2% 20%*/
    /*);*/

    clip-path: polygon( 4.106% 0.427%,4.106% 0.427%,12.613% 0.455%,18.656% 0.464%,22.852% 0.46%,25.815% 0.446%,28.164% 0.427%,30.512% 0.409%,33.476% 0.395%,37.671% 0.39%,43.715% 0.399%,52.221% 0.427%,52.221% 0.427%,53.433% 0.393%,55.853% 0.307%,59.301% 0.196%,63.598% 0.09%,68.563% 0.017%,74.019% 0.005%,79.784% 0.082%,85.681% 0.278%,91.528% 0.621%,97.147% 1.138%,97.147% 1.138%,97.4% 1.148%,97.656% 1.167%,97.913% 1.202%,98.168% 1.256%,98.416% 1.336%,98.657% 1.446%,98.886% 1.591%,99.101% 1.777%,99.3% 2.008%,99.478% 2.289%,99.478% 2.289%,99.617% 2.583%,99.729% 2.9%,99.817% 3.238%,99.884% 3.592%,99.933% 3.959%,99.966% 4.336%,99.987% 4.719%,99.997% 5.105%,100.001% 5.49%,100% 5.871%,100% 5.871%,99.947% 11.854%,99.86% 18.263%,99.746% 25.18%,99.612% 32.685%,99.467% 40.858%,99.317% 49.778%,99.17% 59.527%,99.034% 70.185%,98.916% 81.832%,98.823% 94.547%,98.823% 94.547%,98.818% 95.064%,98.806% 95.587%,98.784% 96.11%,98.747% 96.629%,98.692% 97.138%,98.615% 97.63%,98.512% 98.102%,98.379% 98.546%,98.213% 98.958%,98.009% 99.332%,98.009% 99.332%,97.675% 99.565%,97.064% 99.73%,96.242% 99.838%,95.277% 99.902%,94.238% 99.933%,93.193% 99.942%,92.21% 99.942%,91.357% 99.944%,90.701% 99.959%,90.311% 100%,90.311% 100%,88.308% 99.963%,86.548% 99.931%,84.951% 99.902%,83.433% 99.875%,81.916% 99.849%,80.317% 99.822%,78.556% 99.793%,76.551% 99.76%,74.222% 99.722%,71.487% 99.678%,71.487% 99.678%,67.229% 99.636%,63.208% 99.646%,59.357% 99.693%,55.611% 99.766%,51.904% 99.851%,48.17% 99.934%,44.343% 100.004%,40.358% 100.047%,36.149% 100.05%,31.65% 100%,31.65% 100%,29.353% 99.982%,27.434% 100.005%,25.798% 100.055%,24.351% 100.116%,23% 100.172%,21.648% 100.21%,20.203% 100.213%,18.569% 100.167%,16.652% 100.056%,14.359% 99.866%,14.359% 99.866%,13.658% 99.774%,12.721% 99.61%,11.601% 99.384%,10.352% 99.104%,9.027% 98.78%,7.68% 98.422%,6.364% 98.037%,5.133% 97.636%,4.039% 97.227%,3.137% 96.82%,3.137% 96.82%,2.072% 95.966%,1.288% 94.693%,0.744% 93.069%,0.399% 91.162%,0.214% 89.038%,0.148% 86.766%,0.16% 84.411%,0.21% 82.043%,0.258% 79.727%,0.263% 77.532%,0.263% 77.532%,0.122% 66.92%,0.039% 58.819%,0.003% 52.607%,0.005% 47.666%,0.036% 43.375%,0.084% 39.116%,0.141% 34.267%,0.196% 28.211%,0.24% 20.326%,0.263% 9.994%,0.263% 9.994%,0.264% 9.357%,0.27% 8.718%,0.282% 8.079%,0.304% 7.442%,0.339% 6.808%,0.39% 6.18%,0.459% 5.559%,0.55% 4.948%,0.666% 4.349%,0.809% 3.764%,0.809% 3.764%,0.949% 3.205%,1.068% 2.687%,1.187% 2.213%,1.326% 1.788%,1.508% 1.414%,1.752% 1.095%,2.081% 0.836%,2.515% 0.639%,3.075% 0.508%,3.783% 0.446%,4.106% 0.427% );

    /*border-radius: 16%;*/
}

.container-select{
    position: relative;
}
.container-select:first-of-type {
    margin-right: 20px;
}

.custom-optgroup {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    position: relative;
    padding-right: 30px;
    cursor: pointer;

}

.custom-optgroup::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 20px;
    width: 20px;

    -webkit-mask-image: url('../icons/arrow.svg');
    -webkit-mask-size: 15px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: var(--noir);
    transform: rotate(90deg);
    transition: 0.5s ease-in-out all;
}
.custom-optgroup.active::after{
    transform: rotate(270deg);

}
.custom-options {
    display: none;
    padding: 30px;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 180px;
}
.custom-options>svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.custom-option{
    display: flex;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    margin-bottom: 10px;
    cursor: pointer;
    align-items: center;
}
.custom-option:last-of-type{
    margin-bottom: 0px;
}
.custom-option>svg{
    margin-right: 10px;
}
.custom-option>svg path{
    transition: 0.5s ease-in-out all;
}
.custom-option>svg path:not(:first-of-type){
    opacity: 0;
}
.custom-option.active>svg path:not(:first-of-type){
    opacity: 1;
}

/*****
ACCOUNT
 */
.hide-title{
    display: none;
}
.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation-link--downloads{
    display: none;
}
.woocommerce-MyAccount-navigation-link a{
    position: relative;
}
.woocommerce-MyAccount-navigation li{
    margin-bottom: 15px;
}
.woocommerce-MyAccount-navigation-link.is-active a::after{
    content: "";
    position: absolute;
    top: 100%;
    left: -5%;
    width: 110%;
    height: 10px;
    background-image: url("../icons/active-menu.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.grid-account{
    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    grid-gap: 60px;
}
.mon-compte-custom .container-illu{
    margin-bottom: -180px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    top: 180px;
}
.mon-compte-custom .illu{
    position: relative;
    margin-right: calc(-1 *  var(--mdside));
}
.woocommerce-error{
    outline: 0;
}
.woocommerce-error *{
    font-size: 19px;
    line-height: 27px;
    letter-spacing: -0.18px;
    font-family: "Figtree", sans-serif;
}
.woocommerce-error::before{
    top: 21px;
}
.forgot-password-link, .toggle-checkout-login, .woocommerce-account .addresses .title .edit{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: rgba(11, 11, 11, 0.60);
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.toggle-checkout-login{
    display: unset;
}
.custom-cart .checkout-login-form{
    margin-bottom: var(--gap);
    max-width: 600px;
}
[name="login"], [name="register"]{
    width: calc(100% + 40px);
    margin-left: -20px;
}

.register{
    margin-top: 25px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
    width: 100%;
}
.account-layout{
    display: grid;
    grid-template-columns: 300px 3fr;
    grid-gap: 60px;
}
#account_display_name_description,
#account_display_name_description *{
    font-size: 16px;
    display: none;
}
.woocommerce-column--shipping-address h2,
.woocommerce-column--billing-address h2{
    font-size: 19px;
    font-weight: 700;
    line-height: 27px; /* 142.105% */
    text-transform: uppercase;
    margin: 0 0 5px 0;
    font-family: "Figtree", sans-serif;
}
.woocommerce-Address-title h2{
    display: none;

}
.woocommerce-account .addresses .title .edit{
    float: left;
}
address{
    margin-top: 10px;

}
address,
address p,
.wc_payment_method p{
    color: var(--noir);
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
}
.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions{
    text-align: right;
}
.woocommerce-orders-table * {
    color: var(--noir);
    font-size: 19px;
    line-height: 27px;
    letter-spacing: -0.18px;
}
.button,
.woocommerce-Button,
.woocommerce-button{
    padding: 20px 40px 20px 40px;
    position: relative;

    -webkit-mask-image: url('../icons/bg-btn.svg');
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: white;
    color: var(--noir);
    text-transform: uppercase;
}
[name="save_address"],
[name="save_account_details"]{
    margin-top: 20px;
}
.woocommerce-page form .form-row label{
    display: none;
}
.woocommerce-address-fields__field-wrapper{
    display: flow-root;

}
mark{
    background-color: var(--jaune);
}
.mx-wd-forgot{
    max-width: 700px;
}
#ship-to-different-address label{
    display: flex;
    cursor: pointer;
}
#ship-to-different-address label input{
    width: fit-content;
    margin-right: 5px;
}
.wc_payment_method{
    cursor: pointer;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
    background-color: var(--jaune);
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid var(--jaune);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.shipping-section{
    margin-top: var(--gap);
}
.billing-section h2,
.shipping-section h2{
    font-size: 44px;
    line-height: 49px;
}
#order_comments{
    background-color: transparent;
    height: 100px;
    resize: none;
    padding: 10px 0;
}


.cart-preview {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    width: 300px;
    opacity: 0;
    max-height: 0;
    transition: 0.5s ease-in-out all;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
    overflow: hidden;
}
.cart-preview>div{
    -webkit-mask-image: url("../icons/bg-btn.svg");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: white;
    padding: 20px;
}
.icon-menu:hover + .cart-preview,
.cart-preview:hover,
.icon-menu:focus + .cart-preview {
    opacity: 1;
    max-height: 400px;
}
#shipping_method label{
    cursor: pointer;
}
#wc-stripe-upe-form {
    background-color: white;
    padding: 20px;
    margin: 20px 0;
}
.woocommerce-SavedPaymentMethods-token,
.woocommerce-SavedPaymentMethods-new{
    font-size: 16px!important;
    line-height: 22px!important;
}
.custom-cart .woocommerce-column--shipping-address{
    width: 49.5% !important;
}
.woocommerce-order-overview{
    margin-bottom: var(--gap);
}

/* Masquer le bouton radio natif */
input[type="radio"] {
    display: none;
}

/* Créer un cercle personnalisé avant le label */
input[type="radio"] + label {
    position: relative;
    padding-left: 30px; /* espace pour le cercle */
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
}

/* Le cercle vide */
input[type="radio"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 1px solid var(--noir);
    border-radius: 50%;
    /*background: #fff;*/
    box-sizing: border-box;
    transition: all 0.2s ease;
}
input[type="radio"]:checked + label::before {
    background: var(--noir);
}
/* Le cercle rempli quand sélectionné */
/*input[type="radio"]:checked + label::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 5px; !* centré dans le cercle vide *!*/
/*    top: 12px;*/
/*    transform: translateY(-50%);*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background: var(--noir);*/
/*    border-radius: 50%;*/
/*}*/

/* Optionnel : changer la couleur au survol */
input[type="radio"] + label:hover::before {
    border-color: #000;
}
.has-alert{
    padding-top: 150px;
}
.has-alert #header{
    top: 150px;
}
.alert-message{
    padding: 40px var(--mdside);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    color: white;
    position: relative;
    margin-top: -130px;
}
.alert-message .bg-full{
    background-color: #DE2624;
}
.close{
    position: absolute;
    top: 20px;
    width: 30px;
    height: 30px;
    right: calc(var(--minside));
    cursor: pointer;
}
.cgu{
    max-width: 950px;
}
.cgu div{
    margin-bottom: 30px;
}
.hide-desc{
    display: none;
}
.copyright{
    font-size: 12px;
}


/******
MOBILE CART
 */
.cart_item-mob{
    display: flex;
    padding: 20px 0;
    border-top: 1px solid var(--noir);
}
.cart_item_image img{
    width: 50px;
    height: 100px;
    object-fit: contain;
}
.cart_item_image{
    width: 20%;
}
.cart_item_details{
    width: 80%;
}
.cart_item_details>.lt-h2{
    margin-bottom: 10px;
}
.line-total{
    text-align: right;
}
.line-total *{
    font-weight: 700;
    color: var(--noir);
}
.cart-summary{
    margin-top: 60px;
}
#menu>.cart{
    display: none;
}