@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: 25px;
    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;*/
    line-height: 62px;
    /*letter-spacing: 1.2px;*/
    text-transform: uppercase;
    color: var(--noir);
}
h1{
    margin: 0 0 30px 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;*/
    margin-top: 30px;
    margin-left: -2px;
    color: var(--noir);
    text-transform: uppercase;
    /*filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));*/
    font-size: 18px;
    line-height: 18px;
    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 a ,
#branding svg {
    transition: 0.5s ease-in-out all;

}
#branding a:hover{
    opacity: 0.6;
}

#header .bg-full {
    opacity: 0;
    background-color: var(--module-fond-color);
    /*background-color: var(--module-color);*/
    transition: 0.5s ease-in-out all;
}

body #header.header-scroll,
body #header.header-scroll.up-scroll {
    top: 0;
    transform: translate(0, -150%);
}

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;*/
    top: 16px;
}

#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;
    margin-bottom: -10px;
}

.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-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: var(--noir);
    display: inline-block;
    margin-right: 30px;
    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;
}
html.menu-toggled,
html.menu-toggled body{
    overflow: hidden;
    height: 100vh;
}
#menu .close-menu{
    display: none;
}
#menu.toggled .open-menu{
    display: none;
}
#menu.toggled .close-menu{
    display: block;
}
.open-menu{
    width: 36px;
}
.close-menu{
    width: 32px;
}
/*************
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% - 0px);*/
    top: calc(100% - 5px);

    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(1) a::after {
    transform: rotate(1deg);

}
.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% - 300px);
    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);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.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-start;
}

.grid-ft a {
    transition: 0.5s ease-in-out all;
}

.grid-ft a:hover {
    opacity: 0.6;
}

.grid-ft>div:last-child{
    display: flex;
    flex-direction: column;
    margin-top: auto;
    width: 30%;
    align-items: flex-end;
}
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;
}
.flex-social > p:last-of-type{
    margin-right: 0;
}
.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;
    opacity: 0.9;
    font-weight: 100;
}
.copyright *{
    font-weight: 100;
}
.logo-pix {
    display: block;
    margin-left: 10px;
    width: 41px;
    height: auto;
}

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


/************
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;
    justify-content: space-between;
    /*justify-content: flex-start;*/
}

.product {
    margin: 0 37px 50px 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    /*width: 150px;*/
    /*width: 200px;*/
    width: 180px;
    /*width: calc((100% - 3 * 74px) / 4); !* 4 colonnes *!*/

    transition: 0.5s ease-in-out all;
}
.product:last-of-type{
    margin-right: auto;
}

.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;
    margin-left: 17px;
    white-space: nowrap;
}

.product > a {
    height: 500px;
    display: flex;
    width: 100%;
}

.product .img-prod {
    height: 460px;
    display: flex;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    /*object-fit: cover;*/
    object-position: left;
    max-width: unset;
}

.product h2 {
    margin-top: auto;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.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: 50px;
}

.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;*/
    width: 300px;
    text-align: center;
    transition: 0.5s ease-in-out opacity;
    opacity: 0;
}

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

.more-info .titre-prod{
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 2px;
    /*margin-bottom: 0;*/
}
.more-info .info-prod *{
    font-size: 14px!important;
    line-height: 16px!important;
    margin-bottom: 0!important;
}
.more-info .info-prod p::after{
    height: 11px;
    margin-left: 4px;
}
.more-info .info-prod{
    margin-top: 5px;
    margin-bottom: 15px;
    justify-content: center;
}
.product .style{
    margin-bottom: 10px;
}
.product .volume {
    color: var(--module-color);
}

.product .ajax-add-to-cart-form{
    margin-top: 15px;
}
.product .add-to-cart{
    margin-top: 8px;
}
.product .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
   padding: 7px;
}

.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-alert.svg");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: #6E8F0A;
    padding: 20px 60px;
    color: white;
}

.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;
}
.show-dead.hide{
    display: none;
}
.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;
}
.grid-prod h1{
    margin-bottom: 10px;
}

.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;*/
    padding-bottom: 80px;
    /*min-height: calc(100vh - var(--minside));*/
}

.grid-prod > div {
    position: relative;
}

body .first-img-prod {
    height: calc(100vh - 240px - 100px);
    object-fit: contain;
    /*width: 100%;*/
    width: 37vw;
    /*position: absolute;*/
    /*left: 0;*/
    max-width: unset;
    object-position: left;
    pointer-events: none;
}

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

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

.info-prod p {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 18px;
    line-height: 18px;
}

.info-prod p::after {
    content: '';
    display: inline-block;
    width: 1px;
    /*height: 18px;*/
    height: 14px;
    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: 18px;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 6px;
    display: block;
}

.dispofut span {
    text-decoration: underline;

}

.description {
    margin-top: 30px;
}

.flexaddcart {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}
.flexaddcart>.btn_wrapper{
    margin-top: 3px;
    display: flex;
    height: 47px;
}
.flexaddcart .btn_base {
    margin-top: 0;
}

.flexaddcart .wc-block-components-quantity-selector {
    margin-right: 20px;
    height: 49px;
}
.flexaddcart .add-to-cart{
    padding-top: 13px;
    padding-bottom: 13px;
}
body .illu-prod {
    position: absolute;
    top: calc(100% - 550px);
    object-fit: contain;
    right: -80px;
    width: 35%;
    height: 600px;
    object-position: bottom;
    filter: drop-shadow(15px 15px 0px rgba(0, 0, 0, 0.25));

}

strong {
    font-weight: 600;
}
.sep-prod{
    width: 100%;
    height: auto;
    margin-bottom: -13px;
    margin-top: 35px;
}
.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: -2px;
    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-template-columns: 2fr 1fr;
    grid-gap: 80px;
}

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

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

/*.shop_table tr::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 3px;*/
/*    background-image: url("../images/line.svg");*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
.shop_table tr td.absolsvg{
    position: relative;
    padding: 0;
}
.absolsvg svg{
    position: absolute;
    top: 0;
    /*left: 0;*/
    /*width: 52vw;*/
    left: -1vw;
    width: 54vw;
    /*height: auto;*/
}
.shop_table tr td {
    padding: 10px 0;
}

.cart-subtotal *,
.shop_table tr td,
.shop_table tr td * {
    font-size: 15px;
    line-height: 18px;
}
.shop_table tr td small{
    font-size: 73%;
}
.tax-rate td,
.order-total td,
.cart-subtotal td{
    text-align: right;
}
.product-name{
    width: 55%;

}
.product-total{
    text-align: right;
}

.shop_table thead th {
    padding-bottom: 15px;
    font-weight: 400;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 16px;
    opacity: 0.7;
    line-height: 16px;
}

.shop_table .lt-h2 {
    margin: 0;
    font-weight: 700;
}

.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 {
    margin: 0;
}

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

.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: 175%;
    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;
}
.upper{
    text-transform: uppercase;
}
/*.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;
    transition: 0.5s ease-in-out all;
}
.wpcf7 input:focus::placeholder,
.wpcf7 textarea:focus::placeholder{
    opacity: 0.3;
}
.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;
    pointer-events: none;
}
.wpcf7-not-valid-tip{
    font-size: 12px;
}
.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: 800px;
    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: 800px;
    width: 45vw;
    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;
    z-index: 20;
}

.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;*/
    height: 300px;
    width: 250px;
    left: unset;
    right: calc(-1 * var(--mdside) / 2);
    top: unset;
    bottom: 0;
    z-index: 100;
}
.la-taverne .grid-bar-txt img:not(.illu){
    /*height: 46vw;*/
    height: 37vw;

}
.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: fixed;
    /*top: 100%;*/
    top: 5px;
    right: 7px;
    /*z-index: 999;*/
    width: 470px;
    opacity: 0;
    /*max-height: 0;*/
    height: 100vh;
    transition: 0.5s ease-in-out all;
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));
    overflow: hidden;

    transform: translateX(100%);
    z-index: 10000;
}

.cart-preview > div {
    -webkit-mask-image: url("../icons/cart-fond.png");
    -webkit-mask-size: cover;
    -webkit-mask-position: left;
    -webkit-mask-repeat: no-repeat;
    background: var(--jaunemoyen);
    padding: 60px;
    height: 100%;
    overflow-y: scroll;
    position: relative;
}

.cart-preview h2 {
    text-align: center;
}

.cart-preview .close-cart:not(.btn_base) {
    position: absolute;
    right: 60px;
    top: 79px;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.delivre-cart {
    padding: 10px 20px;
}

.delivre-cart * {
    font-size: 16px;
    line-height: 19px;
}

.line-cart {
    width: 100%;
}

/*.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;
}

.cart-preview.is-open{
/*.cart-preview {*/
    opacity: 1;
    transform: translateX(0%);

}

.cart-preview .product.prod-cart {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.cart-preview .product.prod-cart .img-prod {
    height: 137px;
}

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

.cart-preview .prod-cart p {
    margin-bottom: 5px;
}

.pass-pay {
    display: flex;
    background: #6E8F0A;
    color: white;
    width: 100%;
}
.btn_base.close-cart{
    width: 100%
}
.pass-pay > svg {
    margin-left: 20px;
    margin-left: auto;
}

.small-txt {
    font-size: 16px;
    line-height: 18px;
}

.cart-preview .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    padding: 3px;
}

.cart-preview .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
    width: 24px !important;
}
.cart-preview .product.prod-cart>a{
    min-height: 137px;
    align-items: center;
}
.cart-preview .content-prod h3{
    line-height: 19px;
    margin-bottom: 5px;
}
.cart-preview .prod-cart p{
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px;
}
.cart-preview .quantity{
    margin-top: 10px;
}
.cart-preview .product.prod-cart>a.remove-cart{
    position: absolute;
    top: 0;
    left: calc(100% - 20px);
    min-height: unset;
    z-index: 100;
}
.cart-preview .product.prod-cart>a.remove-cart .remove{
    width: 20px;
}
.cart-preview .info-prod p::after{
    height: 12px;
}
.total-specart{
    font-size: 19px;
    line-height: 19px;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 11px;
}
.total-specart *{
    font-weight: 700;

}
body.cart-open{
    overflow: hidden!important;
    height: 100vh!important;
}
body::after{
    content: "";
    pointer-events: none;
    background: var(--noir);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    opacity: 0;
    transition: 0.5s ease-in-out all;
}
.cart-open::after{
    opacity: 0.2;
}
.woocommerce a.remove:hover{
    background: transparent;
}
.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;
}

.woocommerce-cart table.cart .remove-cart img {
    width: 27px;
    height: auto;
}

.woocommerce-cart table.cart .remove-cart {
    transition: 0.5s ease-in-out all;
}

.woocommerce-cart table.cart .remove-cart:hover {
    opacity: 0.6;
}

/*.cart-preview>div{*/
/*    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));*/
/*    overflow: hidden;*/
/*    transform: translateX(100%);*/
/*}*/
.pack-builder {
    filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.25));

}
.pack-builder svg{
    width: 104%;
    margin-left: -2%;
}
.pack-builder > div {
    -webkit-mask-image: url("../icons/fond-cart-livraison.png");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: #FFFEF7;
    padding: 40px;
    height: 100%;

}

.pack-builder .btn_base {
    background-color: #6E8F0A;
    color: white;
    width: 100%;
}
.pack-builder .btn_base.arrow::after{
    filter: brightness(0) invert(1);
}
.pack-builder .btn_base:hover {
    background-color: var(--jauneclair);
}

.txt-delivery {
    padding: 10px;
}

.txt-delivery p {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.product.prod-cart {
    width: 50%;
    margin: 0;

}

.product.prod-cart .img-prod {
    height: 200px;
}

.product.prod-cart > a {
    height: auto;
}

.product.prod-cart p {
    font-size: 16px;
    line-height: 21px;
    color: black!important;
    margin-bottom: 0;
    margin-right: 5px;
}
.product.prod-cart .info-prod p::after{
    margin-left: 5px;
    height: 11px;
}
.content-prod {
    padding-left: 100px;
}

.content-prod h3 {
    margin-bottom: 0;
}
.product.prod-cart:hover{
    opacity: 0.6;
}
.prod-cart .add-to-cart {
    background-color: white;
    color: var(--noir);
}

.prod-cart .add-to-cart:hover {
    background-color: var(--noir);
    color: white;
}

.prod-cart .flexaddcart {
    margin-top: 15px;
    margin-bottom: 0;
}

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

[for="payment_method_twint_regular"] img{
    width: 70px;
}
#footer .condi-copy{
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-decoration: underline;
}


.page-template-template-compte .woocommerce-message{
    display: none;
}
.page-template-template-panier .content-page{
    padding-bottom: 150px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 0;
}
.woocommerce-account-fields{
    margin-top: 20px;
}
.woocommerce-account-fields *{
    font-size: 16px;
}
#ship-to-different-address{
    text-transform: unset;

}
.bgshoptable{
    -webkit-mask-image: url("../icons/fond-cart-livraison.png");
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background: #FFFEF7;
    padding: 40px;
    height: 100%;
    margin-bottom: 40px;
}
.bgshoptable>.bgshoptable{
    padding: 0;
    margin-bottom: 0px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background: #FFFEF7;

}
.woocommerce-page #payment #place_order{
    background: var(--jaune);
}
.woocommerce-privacy-policy-text{
    margin-bottom: 30px;

}
.woocommerce-privacy-policy-text a{
    text-decoration: underline;
}
.woocommerce-privacy-policy-text a,
.woocommerce-privacy-policy-text p{
    font-size: 14px;
    line-height: normal;
}
.openfiltre>div{
    display: flex;
    text-transform: uppercase;
    font-weight: 600;
}

.openfiltre>div>svg{
    display: flex;
    margin-left: auto;
}
.openfiltre>svg{
    width: 100%;
    height: auto;
}
.woocommerce-products{
    min-height: 100vh;
}
.woocommerce-info{
    border-top: 0;
    color: var(--noir);
}
.woocommerce-info::before{
    color: var(--noir);
}
.woocommerce-table--order-details tr,
.woocommerce-orders-table tr{
    border-bottom: 1px solid var(--noir);
}
.woocommerce-table--order-details td:not(.product-name){
    text-align: right;
}
.cart-preview .cart-summary-table strong{
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}
.cart-preview .woocommerce-Price-amount *{
    font-weight: 600;
}
.cart-preview .close-cart{
    margin-top: 20px;
}
.cart-total .sm-tva{
    font-size: 14px;
    text-transform: uppercase;
}
.cart-total .woocommerce-Price-amount *{
    font-weight: 700;
}


/* Container label */
.woocommerce-form__label.checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 12px;
    position: relative;
    font-size: 16px;
}

/* On cache le vrai input proprement (Safari safe) */
.woocommerce-form__input-checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Faux checkbox */
.woocommerce-form__label.checkbox span {
    position: relative;
    padding-left: 32px;
    line-height: 22px;
}

/* La case */
.woocommerce-form__label.checkbox span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #fff;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

/* Check */
.woocommerce-form__input-checkbox:checked + span::before {
    background: #111;
    border-color: #111;
}


/* Affichage du check quand checked */
.woocommerce-form__input-checkbox:checked + span::after {
    transform: rotate(45deg) scale(1);
}

/* Hover */
.woocommerce-form__label.checkbox:hover span::before {
    border-color: #000;
}

/* Container */
.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.wpcf7-form-control-wrap[data-name="produit2"]::after,
.wpcf7-form-control-wrap[data-name="produit"]::after{
    display: none;
}
/* Chaque ligne */
.wpcf7-checkbox .wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 0;
}

/* Cache le checkbox natif */
.wpcf7-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 0px solid #ccc;
    background-color: white;
    border-radius: 3px;
    margin-right: 10px;
    cursor: pointer;
    padding: 0;
    position: relative;
}

/* Checkbox coché */
.wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: var(--noir);
    border-color: #000;
}

/* Petit check */

/* Label */
.wpcf7-checkbox .wpcf7-list-item-label {
    cursor: pointer;
    font-size: 20px;
}
.no-disp{
    margin-top: 15px;
    display: block;
    color: var(--module-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
}
.grid-prod .no-disp{
    margin-top: 40px;
}



.__PrivateStripeElement *{
    font-size: 16px!important;
    color: var(--noir);
}

.swisspost-validation {
    display: none;
}

#shipping_country_field,
#billing_country_field{
    width: 100%;

}
#shipping_country,
#billing_country{
    padding: 11px 0px;
    background: transparent;
    border: 0;
}
.tailwind .swisspost_autocomplete ul li{
    color: var(--noir);
    line-height: 120%;
    font-size: 16px;
    margin-bottom: 5px;
}
.grecaptcha-badge{
    display: none!important;
}


.cookie-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    padding: 30px 2vw;
}

.cookie-consent__box {
    position: relative;
    max-width: 600px;
    padding: 38px 45px;

    align-items: center;
    filter: drop-shadow(8px 8px 0px rgba(0, 0, 0, 0.25));
}

.cookie-consent__box .bg-full {
    background-color: var(--jaune);
    left: 0;
    right: 0;
    width: 100%;
}

.cookie-consent h2 {
    font-size: 42px;
    line-height: 44px;
    margin: 0 0 12px 0;
}

.cookie-consent p {
    max-width: 760px;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
}

.cookie-consent .btn_base {
    border: 0;
    /*margin-top: 0;*/
    white-space: nowrap;
    background: white;
}
.cookie-consent .btn_base:hover{

    background: var(--jaunemoyen);
}

@media screen and (max-width: 900px) {
    .cookie-consent {
        padding: 20px var(--mdside);
    }

    .cookie-consent__box {
        display: block;
        padding: 30px 25px;
    }

    .cookie-consent h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .cookie-consent p {
        font-size: 15px;
        line-height: 21px;
    }

    .cookie-consent__actions {
        margin-top: 20px;
    }
}