/** Shopify CDN: Minification failed

Line 644:0 All "@import" rules must come first
Line 838:0 All "@import" rules must come first
Line 880:0 All "@import" rules must come first

**/
/* Icône filtre collection : garder taille/épaisseur même après rerender AJAX */
.js-drawer-open-collection-filters .icon.icon-filter {
    width: 24px !important;
    height: 24px !important;
    --iconWeight: 4.4px !important;
}
/* CUSTOM CSS FILE */

body {
    overflow-x: hidden;
}

.template-product {
    overflow-x: visible !important;
}

/* MARGIN & PADDING */
ul,
li {
    margin: 0;
    padding: 0;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 1%;
}

.m-4 {
    margin: 4%;
}

.m-5 {
    margin: 5%;
}

.m-20 {
    margin: 2% 0;
}

.m-40 {
    margin: 4% 0 !important;
}

.m-80 {
    margin: 8% 0 !important;
}

.m-02 {
    margin: 0 2%;
}

.mt--10 {
    margin-top: -10%;
}

.mt--6 {
    margin-top: -6%;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1% !important;
}

.mt-2 {
    margin-top: 2%;
}

.mt-4 {
    margin-top: 4%;
}

.m-48 {
    margin: 4% 8%;
}

.mt-5 { 
    margin-top: 5%;
}

.mt-10 {
    margin-top: 10%;
}

.mt-20 {
    margin-top: 20%;
}

.mt-40 {
    margin-top: 40%;
}

.mr-0 {
    margin-right: 0;
}

.mr-2 {
    margin-right: 2% !important;
}

.mr-5 {
    margin-right: 5%;
}

.mr-10 {
    margin-right: 10%;
}

.mr-20 {
    margin-right: 20%;
}

.mb--10 {
    margin-bottom: -10%;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1% !important;
}

.mb-2 {
    margin-bottom: 2% !important;
}

.mb-4 {
    margin-bottom: 4% !important;
}

.mb-5 {
    margin-bottom: 5% !important;
}

.mb-8 {
    margin-bottom: 8% !important;
}


.mb-10 {
    margin-bottom: 10%;
}

.mb-20 {
    margin-bottom: 20% !important;
}

.ml--120 {
    margin-left: -120% !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-2 {
    margin-left: 2% !important;
}

.ml-5 {
    margin-left: 5% !important;
}

.ml-10 {
    margin-left: 10% !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 1%;
}

.p-005 {
    padding: 0 0.5%;
}

.p-01 {
    padding: 0 1%;
}

.p-02 {
    padding: 0 2%;
}

.p-04 {
    padding: 0 4%;
}

.p-05 {
    padding: 0 5%;
}

.p-010 {
    padding: 0 10%;
}

.p-2 {
    padding: 2% !important;
}

.p-4 {
    padding: 4%;
}

.p-6 {
    padding: 6%;
}

.p-24 {
    padding: 2% 4%;
}

.p-210 {
    padding: 2% 10%;
}

.p-48 {
    padding: 4% 8%;
}

.p-10 {
    padding: 10%;
}

.p-30 {
    padding: 30%;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-2 {
    padding-top: 2%;
}

.pt-4 {
    padding-top: 4% !important;
}

.pt-8 {
    padding-top: 8% !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-2 {
    padding-right: 2% !important;
}

.pr-4 {
    padding-right: 4% !important;
}

.pr-5 {
    padding-right: 5% !important;
}

.pr-10 {
    padding-right: 10%;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-2 {
    padding-bottom: 2% !important;
}

.pb-4 {
    padding-bottom: 4% !important;
}

.pb-8 {
    padding-bottom: 8% !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-2 {
    padding-left: 2% !important;
}

.pl-4 {
    padding-left: 4% !important;
}

.pl-5 {
    padding-left: 5% !important;
}

.pl-10 {
    padding-left: 10%;
}

/* BACKGROUNDS & COLORS */
.fond {
    color: #FFFDF8 !important;
}

.red {
    color: #75140E !important;
}

.red:hover {
    color: #75140E;
}

.orange {
    color: #ED6B06 !important;
}

.orange:hover {
    color: #ed6b06 !important;
}


.black-2 {
    color: #949798 !important;
}

.black-3 {
    color: #505D68 !important;
}

.black {
    color: #404144 !important;
}

.beige {
    color: #FCF5EB !important;
}

.beige-2 {
    color: #EDBE96;
}

.white {
    color: #ffffff !important;
}

.bg-fond {
    background-color: #FFFDF8;
}

.bg-beige {
    background-color: #FCF5EB;
}

.bg-beige-2 {
    background-color: #EDBE96;
}

.bg-bleu-vert {
    background-color: #D2E8DA !important;
}

.bg-bleu-4 {
    background-color: #E1F0E6 !important;
}

.bg-orange {
    background-color: #ED6B06;
}

.bg-orange-3 {
    background-color: #F9DAC1 !important;
}

.bg-white {
    background-color: #fff;
}

.bg-red {
    background-color: #75140E;
}

/* WIDTH & HEIGHT % */
.w-vw {
    width: 100vw;
}

.w-400 {
    width: 400px;
}

.w-250 {
    width: 250px;
}

.w-100 {
    width: 110px;
}

.w-100 {
    width: 100% !important;
}

.w-90 {
    width: 90% !important;
}
.w-80 {
    width: 80%;
}
.w-75 {
    width: 75%;
}
.w-70 {
    width: 70%;
}
.w67 {
    width: 67% !important;

}
.w-60 {
    width: 60% !important;
}

.w-55 {
    width: 55%;
}

.w-50 {
    width: 50% !important;
}

.w-45 {
    width: 45%;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35%;
}

.w-33 {
    width: 33% !important;
}

.w-30 {
    width: 30%;
}

.w-25 {
    width: 25%;
}

.h-vh {
    height: 100vh;
}

.h-100 {
    height: 100%;
}

.h-500 {
    height: 500px;
}

.h-600 {
    height: 600px;
}

/* DISPLAY */
.block {
    display: block;
}
.none {
    display: none !important;
}

/* GRID */
.grid-2-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1% 1%;
    grid-auto-flow: row;
    grid-template-areas:
        ". ."
        ". .";
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 3%;
    grid-row-gap: 1%;
    margin-bottom: 11%;
}

/* FLEXBOX */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.justify-start {
    justify-content: flex-start !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between !important;
}

.justify-around {
    justify-content: space-around !important;
}

.justify-evenly {
    justify-content: space-evenly;
}

.align-start {
    align-items: flex-start !important;
}

.align-baseline {
    align-items: baseline;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.align-stretch {
    align-items: stretch;
}

.align-between {
    align-items: space-between;
}

/* POSITION */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.top-4 {
    top: 4%;
}

.top-50 {
    top: 50%;
}

.right-5 {
    right: 5% !important;
}

.left-2 {
    left: 2% !important;
}

.left-6 {
    left: 6% !important;
}

.left-12 {
    left: 12%
}

.left-70 {
    left: 70%
}

.right-70{
    right: 70%
}

/* FONTS */
::marker {
    font-size: 1.5rem;
    color: #ED6B06;
}

li {
    list-style: none;
}

.product-block--tab li {
    list-style: disc;
}

a {
    text-decoration: none;
}

@import url("https://p.typekit.net/p.css?s=1&k=aoz6nxp&ht=tk&f=30347.30348.30349.30350.30351.30352.30353.30354.30355.30356.47610.47611.47612.47613.47614.47615.47616.47617.30367.30368.30369.30370.30371.30372.30373.30374.30375.30376.47622.47623.47624.47625&a=46648825&app=typekit&e=css");

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/432004/00000000000000003b9ae4d2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/432004/00000000000000003b9ae4d2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/432004/00000000000000003b9ae4d2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/772669/00000000000000003b9ae4d3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/772669/00000000000000003b9ae4d3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/772669/00000000000000003b9ae4d3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/2fb5a1/00000000000000003b9ae4d4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/2fb5a1/00000000000000003b9ae4d4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/2fb5a1/00000000000000003b9ae4d4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/360cc7/00000000000000003b9ae4d5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/360cc7/00000000000000003b9ae4d5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/360cc7/00000000000000003b9ae4d5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/96d266/00000000000000003b9ae4d6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/12e169/00000000000000003b9ae4d7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/e4aa66/00000000000000003b9ae4d8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/e4aa66/00000000000000003b9ae4d8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/e4aa66/00000000000000003b9ae4d8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/1a1d9c/00000000000000003b9ae4d9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/1a1d9c/00000000000000003b9ae4d9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/1a1d9c/00000000000000003b9ae4d9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/7337ff/00000000000000003b9ae4da/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/b320cb/00000000000000003b9ae4db/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/b320cb/00000000000000003b9ae4db/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/b320cb/00000000000000003b9ae4db/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/8ab15b/00000000000000007735ea5c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/8ab15b/00000000000000007735ea5c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/8ab15b/00000000000000007735ea5c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/233f65/00000000000000007735ea5d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/233f65/00000000000000007735ea5d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/233f65/00000000000000007735ea5d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/ee2227/00000000000000007735ea5e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/ee2227/00000000000000007735ea5e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/ee2227/00000000000000007735ea5e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/a9e1ab/00000000000000007735ea5f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/a9e1ab/00000000000000007735ea5f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/a9e1ab/00000000000000007735ea5f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/89aaa4/00000000000000007735ea60/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/89aaa4/00000000000000007735ea60/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/89aaa4/00000000000000007735ea60/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/89c481/00000000000000007735ea61/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/89c481/00000000000000007735ea61/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/89c481/00000000000000007735ea61/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/24fef4/00000000000000007735ea62/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/24fef4/00000000000000007735ea62/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/24fef4/00000000000000007735ea62/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-display";
src:url("https://use.typekit.net/af/b6d5e7/00000000000000007735ea63/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/b6d5e7/00000000000000007735ea63/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/b6d5e7/00000000000000007735ea63/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/2a11e9/00000000000000003b9ae4e6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/2a11e9/00000000000000003b9ae4e6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/2a11e9/00000000000000003b9ae4e6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/25e2f2/00000000000000003b9ae4e7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/25e2f2/00000000000000003b9ae4e7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/25e2f2/00000000000000003b9ae4e7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/208f2c/00000000000000003b9ae4e8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/208f2c/00000000000000003b9ae4e8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/208f2c/00000000000000003b9ae4e8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/4c6fff/00000000000000003b9ae4e9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/4c6fff/00000000000000003b9ae4e9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/4c6fff/00000000000000003b9ae4e9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/b6a6cc/00000000000000003b9ae4ea/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/b6a6cc/00000000000000003b9ae4ea/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/b6a6cc/00000000000000003b9ae4ea/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/c25d68/00000000000000003b9ae4eb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/c25d68/00000000000000003b9ae4eb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/c25d68/00000000000000003b9ae4eb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/66024d/00000000000000003b9ae4ec/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/66024d/00000000000000003b9ae4ec/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/66024d/00000000000000003b9ae4ec/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/3cfd5e/00000000000000003b9ae4ed/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/3cfd5e/00000000000000003b9ae4ed/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/3cfd5e/00000000000000003b9ae4ed/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/afe2ec/00000000000000003b9ae4ee/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/afe2ec/00000000000000003b9ae4ee/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/afe2ec/00000000000000003b9ae4ee/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/e64b68/00000000000000003b9ae4ef/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e64b68/00000000000000003b9ae4ef/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e64b68/00000000000000003b9ae4ef/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/ea9e9e/00000000000000007735ea64/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/ea9e9e/00000000000000007735ea64/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/ea9e9e/00000000000000007735ea64/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/05b5d2/00000000000000007735ea65/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/05b5d2/00000000000000007735ea65/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/05b5d2/00000000000000007735ea65/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/0e2c2a/00000000000000007735ea66/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/0e2c2a/00000000000000007735ea66/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/0e2c2a/00000000000000007735ea66/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"forma-djr-text";
src:url("https://use.typekit.net/af/800c11/00000000000000007735ea67/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/800c11/00000000000000007735ea67/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/800c11/00000000000000007735ea67/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

@import url("https://use.typekit.net/aoz6nxp.css");

.forma-djr-display {
    font-family: "forma-djr-display",sans-serif !important;
}

.forma-djr-text {
    font-family: "forma-djr-text",sans-serif !important;
}

.obviously-condensed {
    font-family: "obviously-condensed",sans-serif !important;
}

.obviously-narrow {
    font-family: "obviously-narrow",sans-serif !important;
}

.obviously-compressed {
    font-family: "obviously-compressed",sans-serif !important;
}

.reenie-beanie {
    font-family: "reenie-beanie",sans-serif !important;
}

.piazzolla-variable {
    font-family: "piazzolla-variable", sans-serif !important;
}

.helvetica-neue-lt-pro {
    font-family: "helvetica-neue-lt-pro", sans-serif !important;
}

.helvetica-neue-lt-pro-cond {
    font-family: "helvetica-neue-lt-pro-cond", sans-serif !important;
}

.nitti-typewriter-normal {
    font-family: "nitti-typewriter-normal", sans-serif !important;
}

@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

.playfair {
    font-family: "Playfair", serif !important;
}

/* Font Size */
.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-24 {
    font-size: 24px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-35 {
    font-size: 35px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-50 {
    font-size: 50px !important;
}
 
.fs-60 {
    font-size: 60px;
}

.fs-61 {
    font-size: 61px !important;
}

/* Font Weight */

.fw-100 {
    font-weight: 100;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}

.fs-italic {
    font-style: italic !important;
}

/* Line Height */

.lh-21 {
    line-height: 21px !important;
}

.lh-26 {
    line-height: 26px !important;
}

.lh-31 {
    line-height: 31px;
}

.lh-64 {
    line-height: 64px;
}

/* BORDERS & CORNERS*/
.b-none {
    border: none !important;
}

.border {
    border: solid;
}

.border-top {
    border-top: solid;
}

.border-bottom {
    border-bottom: solid;
}

.border-2 {
    border-width: 2px;
}

.border-4 {
    border-width: 4px;
}

.border-beige-2 {
    border-color: #EDBE96;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-rounded {
    border-radius: 100px;
}

.border-color-white {
    border-color: #fff !important;
}

.border-color-green {
    border-color: #B3DBCD !important;
}

.border-green-footer {
    border: 1.5px solid #B3DBCD;
}

/* BUTTONS & CTA */
.button__primary,
.button__primary:hover {
    background-color: #75140E;
    padding: 4% 15%;
    border-radius: 5px;
}

.button__primary__mobile,
.button__primary__mobile:hover {
    background-color: #75140E;
    padding: 2% 8%;
    border-radius: 5px;
}

.button__secondary,
.button__secondary:hover { 
    color: #75140E;
    border: 2px solid #75140E;
    padding: 2% 8%;
    border-radius: 5px;
}

/* Arrows */

.swiper-button-prev {
    width: 50px;
    left: 20px;
}

.swiper-button-prev::after {
    content: none;
}

.swiper-button-next {
    width: 50px;
    right: 20px !important;
}

.swiper-button-next::after {
    content: none;
}

/* TEXT  */
.text-center {
    text-align: center;
}
.text-inherit {
    text-transform: inherit !important;
}

.text-left {
    text-align: left;
}

.text-right {
    justify-content: flex-end !;
}

.text-upper {
    text-transform: uppercase;
}

.text-none {
    text-transform: none !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-bold {
    font-weight: bold;
}

.text-underline {
    text-decoration: underline !important;
}

.text-decoration-none {
    text-decoration: none;
}

.ls-0 {
    letter-spacing: 0 !important;
}

/* ANIMATIONS */
html {
    scroll-behavior: smooth;
  }

.slidecarthq .right .light .open .cartOne .checkpoint {
    background-color: #F8F3F0;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .extra-small-none {
        display: none;
    }
    /* MARGIN & PADDING */
    .extra-small-m-0 {
        margin: 0;
    }
    .extra-small-m-5 {
        margin: 5%;
    }
    .extra-small-mb-0 {
        margin-bottom: 0;
    }
    .extra-small-mb-2 {
        margin-bottom: 2%;
    }
    .extra-small-mb-5 {
        margin-bottom: 5% !important;
    }
    .extra-small-mb-22 {
        margin-bottom: 22% !important;
    }
    .extra-small-ml-0 {
        margin-left: 0;
    }
    .extra-small-ml-2 {
        margin-left: 2%;
    }
    .extra-small-p-0 {
        padding: 0;
    }
    .extra-small-p-2 {
        padding: 2%;
    }
    .extra-small-p-4 {
        padding: 4%;
    }
    .extra-small-pb-4 {
        padding-bottom: 4%;
    }
    .extra-small-pb-5 {
        padding-bottom: 5% !important;
    }
    .extra-small-pt-5 {
        padding-top: 5% !important;
    }
    .extra-small-pl-0 {
        padding-left: 0% !important;
    }
    .extra-small-pr-2 {
        padding-right: 2% !important;
    }
    /* WIDTH & HEIGHT */
    .extra-small-w-30 {
        width: 30% !important;
    }
    .extra-small-w-50 {
        width: 50% !important;
    }
    .extra-small-w-75 {
        width: 75% !important;
    }
    .extra-small-w-100 {
        width: 100% !important;
    }
    .extra-small-max-w-30 {
        max-width: 30vw !important;
    }
    /* FLEX & GRID */
    .extra-small-flex {
        display: flex !important;
    }
    .extra-small-flex-col {
        flex-direction: column;
    }
    .extra-small-justify-center {
        justify-content: center !important;
    }
    .extra-small-justify-around {
        justify-content: space-around;
    }
    .extra-small-justify-between {
        justify-content: space-between;
    }
    .extra-small-align-start {
        align-items: flex-start;
    }
    .extra-small-align-center {
        align-items: center;
    }
    .extra-small-grid-2-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2px 2px;
        grid-auto-flow: row;
        grid-template-areas:
            ". ."
            ". .";
        align-items: stretch;
    }
    /* FONTS */
    .extra-small-fs-12 {
        font-size: 12px !important;
    }
    .extra-small-fs-14 {
        font-size: 14px !important;
    }
    .extra-small-fs-21 {
        font-size: 21px !important;
    }
    .extra-small-fs-24 {
        font-size: 24px !important;
    }
    .extra-small-fs-28 {
        font-size: 28px !important;
    }
    .extra-small-fs-35 {
        font-size: 35px !important;
    }
    /* POSITION */
    .extra-small-top-30 {
        top: 30% !important;
    }
    .extra-small-top-55 {
        top: 55% !important;
    }
    .extra-small-right-auto {
        right: auto !important;
    }
    .extra-small-right-0 {
        right: 0 !important;
    }
    .extra-small-left-0 {
        left: 0 !important;
    }
    .extra-small-top-20 {
        left: 20% !important;
    }
    .extra-small-top-24 {
        left: 24% !important;
    }
    .extra-small-left-26 {
        left: 26% !important;
    }
    .extra-small-left-75 {
        left: 85% !important;
    }
    .extra-small-left-85 {
        left: 85% !important;
    }
    /* TEXT */
    .extra-small-text-center {
        text-align: center !important;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width: 767px) {
    .small-none {
        display: none;
    }
    /* MARGIN & PADDING */
    .small-m-0 {
        margin: 0 !important;
    }
    .small-m-5 {
        margin: 5%;
    }
    .small-mb-0 {
        margin-bottom: 0;
    }
    .small-mb-2 {
        margin-bottom: 2%;
    }
    .small-mb-5 {
        margin-bottom: 5%;
    }
    .small-ml-0 {
        margin-left: 0;
    }
    .small-ml-2 {
        margin-left: 2%;
    }
    .small-p-0 {
        padding: 0;
    }
    .small-p-2 {
        padding: 2%;
    }
    .small-p-4 {
        padding: 4%;
    }
    .small-pb-2 {
        padding: 2%;
    }
    .small-pb-5 {
        padding-bottom: 5% !important;
    }
    .small-pt-5 {
        padding-top: 5% !important;
    }
    /* WIDTH & HEIGHT */
    .small-w-30 {
        width: 30% !important;
    }
    .small-w-50 {
        width: 50% !important;
    }
    .small-w-100 {
        width: 100% !important;
    }
    .small-max-w-30 {
        max-width: 30vw !important;
    }
    /* FLEX & GRID */
    .small-flex {
        display: flex;
    }
    .small-flex-col {
        flex-direction: column;
    }
    .small-justify-center {
        justify-content: center;
    }
    .small-justify-around {
        justify-content: space-around;
    }
    .small-justify-between {
        justify-content: space-between;
    }
    .small-align-start {
        align-items: flex-start;
    }
    .small-align-center {
        align-items: center;
    }
    .small-grid-2-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 2px 2px;
        grid-auto-flow: row;
        grid-template-areas:
            ". ."
            ". .";
        align-items: stretch;
    }
    /* FONTS */
    .small-fs-14 {
        font-size: 14px !important;
    }
    .small-fs-21 {
        font-size: 21px !important;
    }
    .small-fs-24 {
        font-size: 24px !important;
    }
    .small-fs-28 {
        font-size: 28px !important;
    }
    .small-fs-35 {
        font-size: 35px !important;
    }
    /* POSITION */
    .small-top-24 {
        top: 24% !important;
    }
    .small-top-30 {
        top: 30% !important;
    }
    .small-right-0 {
        right: 0 !important;
    }
    .small-right-auto {
        right: auto !important;
    }
    .small-left-0 {
        left: 0 !important;
    }
    .small-left-26 {
        top: 26% !important;
    }
    .small-left-85 {
        left: 85% !important;
    }
    .small-left-87 {
        left: 87% !important;
    }
    /* TEXT */
    .small-text-center {
        text-align: center !important;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .medium-none {
        display: none !important;
    }
    /* WIDTH & HEIGHT */
    .medium-w-100 {
        width: 100%;
    }
    .medium-w-90 {
        width: 90%;
    }
    .medium-w-50 {
        width: 50% !important;
    }
    /* FLEX & GRID */
    .medium-flex {
        display: flex !important;
    }
    .medium-justify-center{
        justify-content: center !important;
    }
    .medium-flex-col {
        flex-direction: column;
    }
    .medium-grid-2-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 1% 1%;
        grid-auto-flow: row;
        grid-template-areas:
            ". ."
            ". .";
    }
    /* FONTS */
    .medium-fs-35 {
        font-size: 35px !important;
    }
    .medium-fs-12 {
        font-size: 12px !important;
    }
    /* POSITION */
    .medium-top-36 {
        top: 36% !important;
    }
    .medium-left-8 {
        left: 8% !important;
    }
}

/* Plage 769px–991px (tablette) : logo centré, partie desktop masquée */
@media only screen and (min-width: 769px) and (max-width: 991px) {
    /* Ligne header : hauteur fixe et alignement vertical comme les icônes */
    .flex.p-01 {
        align-items: center;
        min-height: 70px;
    }
    /* Icône hamburger : visible sur fond clair (comme en dessous de 768px) */
    .site-nav__link.js-drawer-open-nav svg path {
        fill: #202020 !important;
    }
    /* Masquer la zone nav desktop (ul avec Homme, Femme, La marque, Dernière chance, etc.) */
    .flex.p-01 .nav-container {
        display: none !important;
    }
    /* Logo (.tablette) : occupe l’espace central, centré horizontalement et verticalement comme les icônes */
    .flex.p-01 .tablette {
        flex: 1 1 0;
        min-width: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        align-self: center;
    }
    .flex.p-01 .tablette .logo-ancien,
    .flex.p-01 .tablette .logo-nouveau {
        max-width: 180px;
        height: auto;
    }
    .flex.p-01 .tablette .logo-ancien svg,
    .flex.p-01 .tablette .logo-nouveau svg {
        width: 100%;
        height: auto;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .large-none {
        display: none !important;
    }
    .large-block {
        display: block !important;
    }
    /* FONTS */
    .large-fs-12 {
        font-size: 12px !important;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .extra-large-none {
        display: none !important;
    }
}

/* HEADER */

@media only screen and (min-width: 769px){
    .site-header {
    padding: 0;
}
}



/* PRODUCTS PAGES */

@keyframes modal-open{
    0%{
        opacity:0;
        transform:translateX(600px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

.product-page-width{
    max-width:1900px;
    padding-right: 20px;
}

.product-page-width-logo{
    max-width:1900px;
    margin:0;
    padding: 0;
}

.page-content--product{
    padding:0
}

.breadcrumb {
    margin: -25px 0 10px 30px;
}

.product__thumbs {
    height: 100% !important;
}
    
.product__thumb-arrow{
background:transparent;
}

.product__thumb-item {
    border: none;
    padding: 7px;
    border-radius: 200px;
    height: 80px;
}

.product__thumb-item .image-wrap{
    background: none;
}

.product__thumb-item img{
    border-radius: 200px;
    height: 65px;
    object-fit: cover;
}

.product__thumb-item .image-wrap {
    height: 70px !important;
}

.product__photos-template--16508951855339__main .product__thumbs:not(.product__thumbs--below) {
    max-height: none !important;
}

.product__thumb-item a.is-active, .product__thumb-item a:focus {
    width: 65px;
    height: 65px;
}

.product__thumb-item a.is-active:before {
    border-radius: 200px;
    padding: 7px;
}

.product__thumbs--beside {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 130px;
}

.product__thumb-item a.is-active:before, .product__thumb-item a:focus:before {
    box-shadow: none;
    border: 2px solid #641A16;
}

.product__thumbs--beside .product__thumb-item {
    margin-bottom: 30px;
}

@media only screen and (max-width: 1400px){
    .product__thumb-item a.is-active, .product__thumb-item a, .product__thumb-item a:focus {
        width: 45px;
        height: 45px;
    }

    .product__thumb-item .image-wrap {
        height: 50px !important;
    }

    .product__thumb-item img{
        height: 45px;
    }

    .product__thumb-item {
        height: 55px;
    }

    .product__thumbs--beside .product__thumb-item {
        margin-bottom: 15px;
    }

    .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev,
    .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next
    {
        left: -1vw;
    }

    .product__thumbs svg {
        max-width: 39px;
    }
}

@media only screen and (max-width: 1024px){
    .product__thumb-item a.is-active, .product__thumb-item a, .product__thumb-item a:focus {
        width: 35px;
        height: 35px;
    }

    .product__thumb-item .image-wrap {
        height: 40px !important;
    }

    .product__thumb-item img{
        height: 35px;
    }

    .product__thumb-item {
        height: 45px;
    }

    .product__thumbs--beside .product__thumb-item {
        margin-bottom: 8px;
    }

    .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--prev,
    .product__thumbs[data-position=beside] .product__thumb-arrow.product__thumb-arrow--next
    {
        left: -2vw;
    }

    .product__thumbs svg {
        max-width: 26px;
    }
}

.product-title {
  margin-bottom: 10px;
  font-family: 'obviously-condensed', serif !important;
  font-size: 2vw;
}

.product__price {
    font-size: 25px;
    font-family: 'obviously-narrow', serif !important;
}

.new-price {
    font-family: 'obviously-narrow', serif !important;
}

@media only screen and (max-width: 768px){
    .product-page__price{
        justify-content: center;
        align-items: baseline;
        margin-bottom: 10px;
    }
    .product-title {
        flex-wrap: wrap;
    }
}

.separator {
    background-color: #EDBE96;
    height: 2px;
}

.separator-new {
    background-color: #dedede;
    height: 2px;
    margin: 15px 0;
}
.separator-menu-mobile {
    background-color: #dedede;
    height: 2px;
    margin: 0 15px 0 20px;
}
.lot{
    color: #ED6B06;
    text-decoration: underline;
}

.lot:hover{
    color: #641A16;
}

.color-swatch:before {
    border: none;
}

.guide-color {
    display: flex;
    align-items: baseline;
}

.guide-taille {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.elementor-heading-title .elementor-size-default {
    font-family: 'forma-djr-display', serif !important;
    font-size: 45px !important;
    font-weight: 500 !important;
    color: #75140E !important;
}

tool-tip[data-tool-tip-open=true]{
    justify-content:flex-end;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner{
    min-height:100%;
    background-color: #F7F4F1;
    font-family: 'forma-djr-text';
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner h2,
tool-tip[data-tool-tip-open=true] .tool-tip__inner h5 {
    font-family: 'obviously-condensed', serif !important;
    font-size: 3vw !important;
    font-weight: 500 !important;
}
tool-tip[data-tool-tip-open=true] .tool-tip__inner h3 {
    font-family: 'obviously-condensed', serif !important;
    font-size: 2vw !important;
    text-transform: inherit !important;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner table {
    background-color: #F7F4F1;
}
tool-tip[data-tool-tip-open=true] .tool-tip__inner td {
    border: 1px solid #E4E0DC !important
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner table {
    border-spacing: 0 5px;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner .toggle-btn {
    border: none !important;
    margin-right: 0 !important;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner .toggle-btn.active {
    border-radius: 50px !important;
}


tool-tip[data-tool-tip-open=true] .tool-tip__inner {
    border-radius: 20px 0 0 20px !important;
    padding: 45px 0 45px 45px !important;
}

tool-tip[data-tool-tip-open=true] .tool-tip__inner .tool-tip__content {
    max-height: 90vh !important
}

.tool-tip__close {
    right: 10px;
}


.tool-tip-trigger__title {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.tool-tip-trigger__title:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    color: #641A16;
}

@media (max-width: 768px) {
    /* Pages produit (mobile) : logo + icônes en blanc uniquement header transparent */
    .template-product .site-header:not(.site-header--stuck) .header-item--icons,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons a {
        color: #ffffff !important;
    }
    .template-product .site-header:not(.site-header--stuck) .site-nav__link--icon.js-drawer-open-nav svg {
        filter: brightness(0) invert(1) !important;
    }
    .template-product .site-header:not(.site-header--stuck) .header-item--icons svg path,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons svg circle,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons svg rect,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons svg line,
    .template-product .site-header:not(.site-header--stuck) .site-nav__link--icon.js-drawer-open-nav svg path,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons .site-nav__icons .site-nav__link--icon svg path,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons .icone-panier svg path,
    .template-product .site-header:not(.site-header--stuck) .header-item--icons #compteur2 svg path {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }

    tool-tip[data-tool-tip-open=true] .tool-tip__inner h2 {
        font-size: 9vw !important;
    }
    tool-tip[data-tool-tip-open=true] .tool-tip__inner h3 {
        font-size: 6vw !important;
    }
}

/* Tablette (769-1024) : accueil + header transparent => logo et icones en blanc */
@media (min-width: 769px) and (max-width: 1024px) {
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--has-inverted,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-noir {
        display: none !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--inverted,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-blanc {
        display: flex !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link img {
        filter: brightness(0) invert(1) !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons a {
        color: #ffffff !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg path,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg rect,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg circle,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg line,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon.js-drawer-open-nav svg path {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }
}

.variant__label-info-size {
    color: #ED6B06;
}

.variant__button-label {
    border-radius: 5px;
}

.variant-input-wrap input[type=radio]:checked+label {
    box-shadow: 0 0 0 3px #641A16;
}

.variant-input-wrap input[type=radio]:checked {
    box-shadow: 0 0 0 3px #EDBE96;
}

.variant-input-wrap input[type=radio]:label  {
    box-shadow: 0 0 0 3px #641A16;
}

.variant-input-wrap label {
    box-shadow: 0 0 0 2px #EDBE96;
    overflow: hidden;
    color: #641A16;
}

.variant-wrapper {
    margin-bottom: -30px;
}


.bouton {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.product__quantity {
    margin-right: 30px;
}

.js-qty__wrapper {
    max-width: none;
    min-width: none;
    background-color: #fff;
    background-color: var(--colorBody);
    color: #641A16;
}

.js-qty__num {
    height: 48px;
    border-radius: 5px;
    border: 2px solid #75140E;
    font-size: 25px;
}

.btn--full {
    color: #fff;
    background-color: #75140E;
    border-radius: 5px;
}

.btn--full:hover {
    color: #fff;
    background-color: #ED6B06;
    border-radius: 5px;
}

.template-search .btn--full {
    color: #fff;
    background-color: #75140E;
    border-radius: 0 5px 5px 0;
    padding: 0;
    width: 90px;
}

.template-search .btn--full:hover {
    border-radius: 0 5px 5px 0;
}

.js-qty__adjust {
    margin: 2px;
    fill: #641A16;
}

@media only screen and (min-width: 769px){
    .rte p {
    margin-bottom: 5px;
    }
}


.js-qty__adjust .icon {
    width: 15px;
    height: 15px;
}

.js-qty__adjust:hover,
.js-qty__adjust:focus {
    border-radius: 2px 0 0 5px;
    background-color: #fff;
    margin: 2px;
    fill: #ED6B06;
}

[data-button_style=square] .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):not(.btn--static):hover {
    background: #262626;
    transition-delay: .25s;
}


[data-center-text=true] .collapsible-trigger-btn {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-align: start;
    color: #641A16;
    font-weight: bold;
}

.collapsible-trigger .svg {
    margin-right: 20px;
}

.collapsible-trigger.is-open .collapsible-trigger__icon .svg-menu-moins {
    display: block;
}
.collapsible-trigger.is-open .collapsible-trigger__icon .svg-menu-plus {
    display: none;
}

.collapsible-trigger__icon {
    transition: all 0.5s ease-in;
}

.collapsible-trigger-btn--borders {
    border-left: 2px solid #EDBE96;
    border-right: 2px solid #EDBE96;
    border-top: 2px solid #EDBE96;
    border-bottom-color: #EDBE96;
    border-radius: 20px 20px 0 0;
}

.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
    border-left: 2px solid #EDBE96;
    border-right: 2px solid #EDBE96;
    border-bottom: 2px solid #EDBE96;
    border-radius: 0 0 20px 20px;
}

.product-block--tab+.product-block--tab {
    margin-top: 20px;
}

.product-block--tab+.product-block--tab .collapsible-trigger-btn--borders {
    border-top: 2px solid #EDBE96;
}


@media only screen and (max-width:769px){
    .faq{
        flex-direction: column;
    }
}
.collapsibles-wrapper--border-bottom {
    border-bottom: 2px solid #EDBE96;
    border-radius: 0 0 20px 20px;
}

.collapsible-trigger--inline .collapsible-trigger__icon{
    left:auto;
    right:0;
}

.collapsible-trigger--inline {
    padding: 11px 40px;
    width: 400px;
    border-top: 2px solid #EDBE96;
}

:root {
    --swiper-theme-color: #ED6B06;
}

.swiper h1 {
    font-size: 2rem;
}

.swiper h2 {
    font-size: 1.5rem;
}

.swiper-slide p {
    font-family: forma-djr-text;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
}

@media only screen and (min-width: 769px){
    .feature-row__item--overlap-images {
    padding: 0;
    }
}

.text-with-icons,
.new-text-with-icons{
    background-color: #FCF5EB;
}

.text-with-icons-2,
.new-text-with-icons-2{
    background-color: #EDF5EE;
}

.logo-mobile {
    display: none !important;
}

@media only screen and (max-width: 769px){
    .logo-mobile {
        display: block !important;
    }

    .logo-desktop {
        display: none !important;
    }
}

.equation-mobile {
    display: none !important;
}

@media only screen and (max-width: 769px){
    .equation-mobile {
        display: block !important;
    }

    .equation {
        display: none !important;
    }
}


/* COLLECTION PAGES */

.hero__text-shadow:before {
    background: none;
}
.template-collection .data_more_less li {
    list-style: disc;
    list-style-position: inside !important
}

.template-collection #stickynav {
    overflow-y: hidden !important;
}

@media only screen and (max-width: 900px){
    .inner-collection__link {
        font-size: 16px;
    }
}

@media only screen and (max-width: 769px){
    .inner-collection__link {
        font-size: 12px;
    }
}

@media only screen and (min-width: 554px) and (max-width: 628px){
    .icon-ajust {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 472px) and (max-width: 553px) {
    .icon-ajust {
        margin-top: 0;
    }
}

@media only screen and (min-width: 518px) and (max-width: 768px){
    .icon-ajust2 {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 410px) and (max-width: 517px) {
    .icon-ajust2 {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 392px) and (max-width: 409px) {
    .icon-ajust2 {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 39px) and (max-width: 377px) {
    .icon-ajust2 {
        margin-top: 20px;
    }
}



/* Header changement d'icône */
.logo_rond {
    display: none;
}

.logo-ancien,
.logo-nouveau {
    margin: 0 3vw;
}

/* Logo plus grand en desktop */
@media only screen and (min-width: 992px) {
    .site-nav .logo-ancien svg,
    .site-nav .logo-nouveau svg {
        width: 260px;
        height: auto;
    }
}

.logo_plat_sticky {
    display: block
}

.logo_plat {
    display: none;
}

@media only screen and (max-width: 769px){
    #StickyHeaderWrap {
        height: 90px !important;
    }
}


/*scroolbar page*/

html::-webkit-scrollbar {
    width: 8px !important;
}

html::-webkit-scrollbar-thumb {
    background: #75140E;
    border-radius: 20px !important;
}

html {
    overflow-y: scroll;
    scrollbar-width: 10px;
    scrollbar-color: #75140E;
}

/*scroolbar du guide des tailles*/
.tool-tip__content::-webkit-scrollbar {
    width: 5px;
}

.tool-tip__content::-webkit-scrollbar-thumb {
    background-color: #75140E;
    border-radius: 20px;
}

.tool-tip__content {
    padding-right: 5px;
}

/*scroolbar du drawer*/
.drawer__scrollable {
    margin-right: 10px;
}
.drawer__scrollable::-webkit-scrollbar {
    width: 5px;
    margin-left: 2px;
}
.drawer__scrollable::-webkit-scrollbar-thumb {
    background-color: #75140E;
    border-radius: 20px;
}

.drawer--left.drawer--is-open .drawer__scrollable {
    margin-right: 0 !important;
}

/*scroolbar section vous aimerez aussi*/
.recommended-product ::-webkit-scrollbar {
    display: none;
    height: 5px;
}
.recommended-product ::-webkit-scrollbar-thumb {
    background-color: #75140E;
    border-radius: 20px;
}

/*scroolbar section notre selection cadeau sur la Home*/
.collection-home ::-webkit-scrollbar {
    height: 5px;
    display: none;
}
.collection-home ::-webkit-scrollbar-thumb {
    background-color: #75140E;
    border-radius: 20px;
}
.collection-home .small-grid-2-2 {
    display: flex;
}


/* bulle panier*/

[data-icon=cart] .cart-link__bubble--visible {
    padding: 5px 2px 7px 2px;
    top: -10px;
    right: -16px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-family: 'forma-djr-text';
    background: #75150e;
    color: #fffdf8;
    border: none;
    font-weight: 500;
    font-size: 14px;
}

.cart-link__bubble--visible {
    width: 22px;
    height: 22px;
}

.site-nav__link--icon {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991px) {
    .site-nav__link.site-nav__link--icon:not(.icone-panier){
        margin-right: 12px;
    }
    .icone-panier{
        margin-right: 0 !important
    }
}



/* nav page collection */
.sticky-nav {
    height: 50px;
    position: sticky;
    top: 70px;
    z-index: 12;
    background-color: #FFFDF8;
}

.site-header {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06) !important;
}

.template-index .is-light .site-header {
    box-shadow: none !important;
}

@media only screen and (max-width: 769px){
    .sticky-nav {
        height: 60px;
        top: 70px;
    }
}



/* header sticky et footer nav */
.site-nav--has-dropdown .site-nav__link--underline:after {
    border-bottom-color: #202020;
}

.nav-list a {
    border-bottom-color: #202020;
}

.site-header a:hover,
.site-nav--has-dropdown.is-focused>a,
.site-nav--has-dropdown:hover>a,
.site-nav--has-dropdown.is-focused > .site-nav__link--top-three-label,
.site-nav--has-dropdown:hover > .site-nav__link--top-three-label,
[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link:hover:not(.site-nav__link--icon) {
    color: #202020 !important;
    border-radius: 5px;
    background-color: transparent !important;
}


@media (max-width: 991px) {
    .site-header a:hover {
        padding: 7.5px 2px;
    }
}

.site-footer a:hover {
    color: #00000080 !important;
}

.site-nav__link:hover svg path {
    fill: #202020 !important;
    opacity: 0.5;
}

.site-header--opening .site-nav__link:hover svg path {
    fill: #202020 !important;
    opacity: 0.5;
}

.template-index .site-nav__link:hover svg path {
    fill: #202020 !important;
    opacity: 0.5;
}

.template-index .site-header--opening .site-nav__link:hover svg path {
    fill: #202020 !important;
    opacity: 0.5;
}

.template-index .drawer--is-open .site-nav__link:hover svg path {
    fill: #75140E !important;
    opacity: 0.5;
}

.site-nav__dropdown-link:hover {
    padding: 0 !important;
}


.picto-header-slip {
    margin-bottom: 27px;
}

.picto-header-compo {
    margin-bottom: 68px;
}

.picto-header-haut-pyj {
    margin-bottom: 34px;
}

/* CART */
.cart__image img {
    width: 100%;
    height: 125px;
    border-radius: 15px;
    object-fit: cover;
}

.drawer .js-qty__wrapper {
    width: 55%;
}

.cart__item-sub {
    align-items: center;
}

.drawer .js-qty__num {
    height: 100%;
    color: #202020;
    border-radius: 100px !important;
}

.drawer .js-qty__adjust:hover {
    background-color: transparent;
}

.drawer .cart__discount:not(.cart__price) {
    font-size: 0.8rem
}

.drawer .cart__remove {
    display: block;
}

.drawer .cart__remove {
    position: relative;
    bottom: 6%;
}

.cart__item {
    border-bottom: 1px solid;
    border-bottom-color: #DEDEDE;
}

.sc_simple-info__row.sc_code-info strong,
.sc_simple-info__row.sc_code-info span {
    color: #485B5A !important;
}

.mw-price {
    font-weight: 600;
}

.shipping-phrase {
    margin-top: 15px;
    padding-right: 45px;
    padding-left: 30px;
    border-bottom: 1px solid #cecece;
}

.drawer__close-button {
    right: -10px;
    top: 5px;
    padding: 0;
}

.drawer__close {
    width: 12%;
    text-align: start;
}

.drawer__title {
    width: 50%;
    margin: 0 0 5px 0 !important;
    font-size: 45px;

}

.drawer__fixed-header {
    background-color: #F7F4F1 !important;
}

.drawer__fixed-header .site-nav__link svg path{
    fill: #75140E !important;
}

.drawer .btn {
    background-color: #641A16;
    color: #fff;
    
}

.drawer__footer {
    background-color: #fffdf8;
    padding-top: 0 !important;
}


.discountyard-discounts-input {
    height: 20px;
    background-color: #fffdf8 !important;
    border-color: #ddd !important;
}

.stack-discounts-tag {
    display: none;
}


.cart__discount {
    display: none;
}

.cart__price-new {
    color: #75140E
}

.cart__item-row-info {
    display: none;
}

.livraison-cart {
    background-color: #fffdf8;
    font-size: 0.9rem;
    border-top: 1px solid #EDBE96;
    padding-top: 5px;
    padding-bottom: 5px;
}

.livraison-cart p {
    margin: 0;
}

.tva-cart {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.drawer__footer {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #cecece;
}

#coupons_stacker_wrapper label{
    display: none !important;
}

.stack-discounts-tag {
    font-size: 14px !important;
    margin-right: 0 5px 0 0 !important;
    margin-bottom: 0 !important;
    color: #75140E !important;
    background: #fffdf8 !important;
    padding: 0 7px 0 9px !important;
}

.stack-discounts-total-price, .stack-discounts-applied-discount {
    padding: 0 0 7px 0 !important;
}

/* Articles */
.pagination {
    padding: 0px;
}

.richtext__text-content li {
    list-style: disc;
}

/* product */
.template-product .custom__item {
    margin: 0;
}
.index-section {
    margin-top: 50px !important;
    margin-bottom: 20px;
}

body.suffix-cgv .index-section:not(.text-with-icons-section),
body.suffix-mentions-legales .index-section:not(.text-with-icons-section),
body.suffix-donnees-personnelles .index-section:not(.text-with-icons-section) {
    margin: 0 !important;
    padding-top: 50px;
    padding-bottom: 20px;
}

body.suffix-cgv .index-section.text-with-icons-section,
body.suffix-mentions-legales .index-section.text-with-icons-section,
body.suffix-donnees-personnelles .index-section.text-with-icons-section {
    margin: 0 !important;
    padding: 50px 16px 80px !important;
    background-color: #FBF8F5 !important;
}

@media (min-width: 750px) {
    body.suffix-cgv .index-section.text-with-icons-section,
    body.suffix-mentions-legales .index-section.text-with-icons-section,
    body.suffix-donnees-personnelles .index-section.text-with-icons-section {
        margin: 0 !important;
        padding: 50px 36px 100px !important;
    }
}

@media (min-width: 1200px) {
    body.suffix-cgv .index-section.text-with-icons-section,
    body.suffix-mentions-legales .index-section.text-with-icons-section,
    body.suffix-donnees-personnelles .index-section.text-with-icons-section {
        margin: 0 !important;
        padding: 50px 105px 120px !important;
    }
}

/* Données personnelles — tableau comme guide des tailles */
body.suffix-donnees-personnelles .page-table {
  overflow: auto;
  margin: 0;
  padding: 0 16px 40px !important;
  background-color: #FBF8F5;
}

body.suffix-donnees-personnelles .page-table__table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0 10px;
  table-layout: fixed;
  background: transparent !important;
}

body.suffix-donnees-personnelles .page-table__table,
body.suffix-donnees-personnelles .page-table__head,
body.suffix-donnees-personnelles .page-table__cell {
  border: 0;
}

body.suffix-donnees-personnelles .page-table__head,
body.suffix-donnees-personnelles .page-table__cell {
  min-width: 0;
  padding: 22px 18px;
  border-top: 1px solid rgba(42, 42, 42, 0.1);
  border-bottom: 1px solid rgba(42, 42, 42, 0.1);
  border-left: 1px solid rgba(42, 42, 42, 0.1);
  background: #ffffff !important;
  color: #2a2a2a;
  vertical-align: middle;
}

body.suffix-donnees-personnelles .page-table__cell {
  text-align: left;
}

body.suffix-donnees-personnelles .page-table__head:last-child,
body.suffix-donnees-personnelles .page-table__cell:last-child {
  border-right: 1px solid rgba(42, 42, 42, 0.1);
}

body.suffix-donnees-personnelles .page-table__head,
body.suffix-donnees-personnelles .page-table__head p {
  color: #2A2A2A !important;
  text-align: center;
  font-family: "obviously-narrow", sans-serif !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 26px !important;
  letter-spacing: 0;
  margin: 0;
}

body.suffix-donnees-personnelles .page-table__cell,
body.suffix-donnees-personnelles .page-table__cell p {
  color: #2A2A2A !important;
  font-family: "forma-djr-text", sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 22px !important;
}

body.suffix-donnees-personnelles .page-table__cell p {
  margin: 0 0 0.5em;
}

body.suffix-donnees-personnelles .page-table__cell p:last-child {
  margin-bottom: 0;
}

/* Première colonne (hors en-tête) */
body.suffix-donnees-personnelles .page-table__cell:first-child,
body.suffix-donnees-personnelles .page-table__cell:first-child p,
body.suffix-donnees-personnelles .page-table__cell:first-child strong {
  color: #2A2A2A !important;
  font-family: "forma-djr-text", sans-serif !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 23px !important;
}

@media (min-width: 750px) {
  body.suffix-donnees-personnelles .page-table {
    padding: 0 36px 60px !important;
  }
}

@media (min-width: 1200px) {
  body.suffix-donnees-personnelles .page-table {
    padding: 0 105px 80px !important;
  }
}

@media (max-width: 767px) {
  body.suffix-donnees-personnelles .page-table__head {
    font-size: 14px;
    line-height: 18px;
  }

  body.suffix-donnees-personnelles .page-table__cell {
    font-size: 14px;
    line-height: 20px;
  }
}

.template-collection.suffix-fins-de-serie .index-section {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #ede7de;
}

body.template-collection.suffix-ventes-privees-hommes,
body.template-collection.suffix-ventes-privees-femmes {
    background: #fbf8f5;
}

/* VP uniquement : retire le margin-top des sections collection-finsdeserie */
body.template-collection.suffix-ventes-privees .index-section.collection-grid-item-findeserie,
body.template-collection.suffix-ventes-privees-hommes .index-section.collection-grid-item-findeserie,
body.template-collection.suffix-ventes-privees-femmes .index-section.collection-grid-item-findeserie {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: #ede7de;
}


@media only screen and (max-width: 769px){
    .spacing {
        margin-top: -20px;
    }
}

/* Carte-cadeau */
.product-single__meta {
    font-family: 'forma-djr-text';
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #505D68 !important;
}

/* Montants carte-cadeau (template product.gift-card) */
.template-product.suffix-gift-card .variant-wrapper {
    margin-bottom: 0;
}

.template-product.suffix-gift-card .variant-wrapper .variant__label {
    color: #8a8a8a !important;
    font-size: 15px !important;
    font-weight: 500;
    margin-bottom: 8px;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts .variant-input {
    margin: 0;
}

/* Thème : box-shadow 1px sur les labels + nos border 1px = double trait ; nth-of-type(1) ajoute outline */
.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts label,
.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts label:after {
    box-shadow: none !important;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts label:after {
    display: none !important;
    content: none !important;
}

.template-product.suffix-gift-card .variant-wrapper .variant-input-wrap.giftcard-amounts input[type=radio] + label,
.template-product.suffix-gift-card .variant-wrapper .variant-input-wrap.giftcard-amounts input[type=radio]:focus + label,
.template-product.suffix-gift-card .variant-wrapper .variant-input-wrap.giftcard-amounts input[type=radio]:checked + label {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts input[type=radio] + label {
    width: 66px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    background: #D9D9D98F;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts input[type=radio]:checked + label {
    background: #485B5A;
    border-color: #485B5A !important;
    color: #ffffff;
    box-shadow: none !important;
}

.template-product.suffix-gift-card .variant-input-wrap.giftcard-amounts label.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Onglets carte numérique / carte physique */
.gift-card-delivery {
    margin-bottom: 20px;
}

.gift-card-delivery__tabs {
    display: inline-flex;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
}

.gift-card-delivery__tab {
    border: 0;
    background: #fff;
    color: #000;
    padding: 8px 18px;
    font-family: 'forma-djr-text', sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.gift-card-delivery__tab.is-active {
    background: #485B5A;
    color: #fff;
}

.gift-card-delivery__intro-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}

.gift-card-delivery__intro-wrap .rte + .rte {
    margin-top: 0;
}

.gift-card-delivery__intro {
    color: #505D68;
    margin: 0;
    line-height: 1.5;
}

.gift-card-delivery__intro p {
    display: flex;
    align-items: flex-start;
    margin: 0 0 12px;
}

.gift-card-delivery__intro p:last-child {
    margin-bottom: 0;
}

.gift-card-delivery__intro-arrow {
    flex-shrink: 0;
    margin-top: 0.35em;
}

.gift-card-delivery__fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 16px 0 20px;
}

.gift-card-delivery__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gift-card-delivery__field-row {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 10px;
}

.gift-card-delivery__label {
    color: #222;
    margin: 0;
}

.gift-card-delivery__address {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gift-card-delivery__input {
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 12px 14px;
    color: #222;
    background: #fff;
}

.gift-card-delivery__input:focus {
    outline: 2px solid #485B5A;
    outline-offset: 1px;
}

.gift-card-delivery__error {
    color: #B30A00;
    margin: 0 0 12px;
}

.gift-card-delivery__submit {
    margin-top: 4px;
}

.gift-card-delivery__amounts-loading {
    color: #505D68;
    margin: 8px 0 0;
}

.gift-card-delivery__panel--physical .variant-input-wrap.giftcard-amounts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.gift-card-delivery__panel--physical .variant-input-wrap.giftcard-amounts .variant-input {
    margin: 0;
}

@media only screen and (max-width: 749px) {
    .gift-card-delivery__field-row {
        grid-template-columns: 1fr;
    }

    .gift-card-delivery__tabs {
        width: 100%;
    }

    .gift-card-delivery__tab {
        flex: 1 1 50%;
        text-align: center;
    }
}

/* judge.me */
.jdgm-rev-widg {
    padding: 0;
}

.jdgm-rev-widg__title {
    padding-top: 20px;
    font-family:"obviously-condensed" !important;
    font-size: 2vw !important;
    text-transform: inherit !important;
    font-weight: 500 !important;
}

.jdgm-rev__author {
    font-family:"obviously-condensed" !important;
    color: #222222 !important;
    font-size: 1.5vw;
}

.jdgm-rev__buyer-badge {
    background-color: transparent !important;
    color: #485B5A !important;
    border: 1px solid #485B5A !important;
}

.jdgm-link {
    display: none;
}

.jdgm-rev-widg,
.jdgm-carousel-wrapper {
    font-family:"forma-djr-text";
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

.jdgm-rev-widg h2,
.jdgm-carousel-wrapper h2 {
    font-family:"forma-djr-display";
    font-style:normal;font-weight:700;font-stretch:normal;
}

.jdgm-curt,
.jdgm-paginate__page  {
    color: #121212 !important;
}

.jdgm-rev__timestamp {
    color: #121212 !important;
}

.jdgm-sort-dropdown {
   font-family: "forma-djr-text" !important;
   color: #363636 !important;
    font-size: 18px !important;
}

.jdgm-sort-dropdown-arrow {
    color: #363636 !important;
}

.jdgm-sort-dropdown-arrow:before {
    font-size: 30px !important;
}

.jdgm-rev,
.jdgm-paginate {
    border-color: #D2D2D2 !important;
}

.jdgm-carousel-item {
    height: auto !important;
}

.jdgm-carousel-number-of-reviews {
    text-decoration: none !important;
}

.jdgm-carousel-title {
    font-size: 40px;
    color: #75140E;
}

.jdgm-all-reviews-page__wrapper {
    font-family: "forma-djr-text";
    margin-top: 50px !important;
}

.jdgm-all-reviews-page__wrapper h1,
.jdgm-all-reviews-page__wrapper h2 {
    font-family: "forma-djr-display";
}

#shopify-block-judgeme_review_widget_1d16fd8b {
    background: #EDF5EE !important;
}

.jdgm-row-media {
    display: none !important;
}

.jdgm-carousel-wrapper .jdgm-carousel__left-arrow,
.jdgm-carousel-wrapper .jdgm-carousel__right-arrow {
    margin-top: -200px !important;
}

.jdgm-carousel--done .jdgm-carousel__item-container,
.jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel {
    height: 270px
}


@media only screen and (max-width: 768px){
    .jdgm-carousel--done .jdgm-carousel__item-container,
    .jdgm-carousel-wrapper .jdgm-widget.jdgm-carousel {
        height: 220px
    }
    
    .jdgm-rev-widg__title {
        font-size: 8vw !important;
    }
    .jdgm-rev__author {
        font-family:"obviously-condensed" !important;
        color: #222222 !important;
        font-size: 5.5vw;
    }
}

/* FAQ */
.separator-faq {
    border-bottom: 2px solid #edbe96;
}

.shipping-text {
    font-size: 1rem;
    margin-top: -30px;
}

/* Page FAQ */

.menu-faq {
    position: sticky;
    top: 120px;
    margin-top: 50px;
    margin-right: 20px;
    font-size: 21px;
    font-weight: 500;
    font-family: "forma-djr-text";
}

.menu-faq li :hover {
    color: #75140E
}

.scroll {
    scroll-margin-top: 120px;
}
@media only screen and (max-width: 1200px){
    .menu-ancre {
        width: 40% !important;
    }
    .menu-faq {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px){
    .menu-ancre {
        display: none;
    }
    .section-faq {
        width: 100% !important;
    }
}

/* Page concept*/
.concept-page-separator {
    height: 2px;
    background-color: #EDBE96;
    border: 2px solid #EDBE96;
}

.template-page .title-text h4 {
    font-family: forma-djr-text;
    letter-spacing: normal;
    text-transform: initial;
    font-size: 1.9rem;
    font-weight: 700;
}

.orange-title {
    letter-spacing: normal;
    text-transform: initial;
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: initial !important;
}

.text-with-svg-p {
    color: #ED6B06 !important;
    letter-spacing: normal;
    text-transform: initial;
    font-size: 1.8rem !important;
    font-weight: 700;
    margin-left: 4vw;
}


/* Page a propos*/
.arbitre-des-elegances-svg {
    position: relative;
    height: 90px;
    margin: 20px auto !important;
}

.arbitre-des-elegances-svg svg{
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 50%;
}

@media only screen and (max-width: 992px){
    .arbitre-des-elegances-svg svg{
        bottom: 40px;
        width: 100%;
    }
}

@media only screen and (max-width: 768px){
    .arbitre-des-elegances-svg svg{
        height: 70%;
    }
}

.template-customers-login,
.template-customers-register {
    font-family: 'forma-djr-text' !important;
    color: #75140E !important;
    letter-spacing: initial !important;
}

.template-customers-login h1,
.template-customers-login h2,
.template-customers-login h3,
.template-customers-login h4,
.template-customers-register h1,
.template-customers-register h2,
.template-customers-register h3,
.template-customers-register h4,
.template-customers-register label {
    font-family: 'forma-djr-display' !important;
    color: #75140E !important;
    letter-spacing: initial !important;
}

.errors{
  margin-bottom:40px;
}

.product__policies {
  display: none;
}

.mobile-nav__social-item {
    flex: 0 1 24.33%;
}

.mobile-nav__social a {
    padding: 12px 24px;
}

/*
 * Accueil + header overlay (.is-light sur .header-wrapper--sticky) : entrées menu en blanc
 * (y compris hover / mega ouvert). Les 3 premiers liens sont des <span.site-nav__link--top-three-label>,
 * pas des enfants d’un <a> — l’ancien sélecteur "... a ... .site-nav__link--top-three-label" ne matchait rien.
 */
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--top-three-label:not(.site-nav__link--highlight),
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--top-three-label:not(.site-nav__link--highlight):hover,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche a.site-nav__link:not(.site-nav__link--highlight),
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche a.site-nav__link:not(.site-nav__link--highlight):hover,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown:hover > .site-nav__link--top-three-label:not(.site-nav__link--highlight),
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown.is-focused > .site-nav__link--top-three-label:not(.site-nav__link--highlight),
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown:hover > a.site-nav__link:not(.site-nav__link--highlight),
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown.is-focused > a.site-nav__link:not(.site-nav__link--highlight) {
    color: #fff !important;
    background-color: transparent !important;
}

.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--underline:not(.site-nav__link--highlight):after,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--underline:not(.site-nav__link--highlight):hover:after {
    border-bottom-color: #fff !important;
}

.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link svg path,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link:hover svg path {
    fill: #fff !important;
    opacity: 1;
}

.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche:nth-child(8) .site-nav__link:hover,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche:nth-child(8) a:hover {
    color: #fff !important;
}

.site-header--stuck .site-nav__link:not(.site-nav__link--highlight) {
    color: #202020 !important;
}

.site-header--stuck .site-nav__link path {
    fill: #202020 !important;
}

.site-header--stuck .logo_plat_sticky path {
    fill: #202020 !important;
}

.site-header--stuck rect {
    fill: #202020 !important;
}
/*
.menu-gauche:nth-child(7) .site-nav__link{
    color: #ED6B06 !important;
}

.menu-droite:nth-child(1) .site-nav__link{
    color: #ED6B06 !important;
}
*/

.banner-section__button {
  color: #ed6b06 !important;
}

.product__price-savings,
.grid-product__price--savings {
  display: none
}

.grid-product__tag--sale {
    background-color: #ED6B06 !important;
    font-family: "obviously-narrow" !important;
    border-radius: 5px !important;
    border: 1px solid #FFFDF8 !important;
    color: #FFFDF8 !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.grid-product__tag--sold-out {
    background-color: #171717 !important;
    font-family: "obviously-narrow" !important;
    border-radius: 5px !important;
    border: 1px solid #F2EFEB !important;
    color: #F2EFEB !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.grid-product__tag--last-units {
    background-color: #93B4B2 !important;
    font-family: "obviously-narrow" !important;
    border-radius: 5px !important;
    border: 1px solid #F2EFEB !important;
    color: #F2EFEB !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.grid-product__tag--best-seller {
    background-color: #75140E !important;
    font-family: "obviously-narrow" !important;
    border-radius: 5px !important;
    border: 1px solid #F2EFEB !important;
    color: #F2EFEB !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.grid-product__tag {
    top: 8px !important;
    left: 8px !important;
    right: inherit !important;
}

.shopify-challenge__container input {
    color: white;
    background-color: #75140E;
    border: none;
}

.shopify-challenge__container input:hover {
    color: white;
    background-color: #ED6B06;
    border: none;
}


/* Cookies */
#shopify-privacy-banner-div h3,
#shopify-privacy-banner-div p,
#shopify-privacy-banner-div a{
    color: #75140E !important;
    font-size: 1rem
}

#shopify-privacy-banner-div button.accept {
    border: none !important;
    background: #75140E !important;
    border-radius: 5px;
    transition: background .2s ease 0s;
}

#shopify-privacy-banner-div button.accept:hover {
    border: none !important;
    background: #ED6B06 !important;
    border-radius: 5px;
    transition-delay: .15s;
}

#shopify-privacy-banner-div button.decline {
    border: 1px solid #75140E !important;
    background: #fffdf8 !important;
    color: #75140E !important;
    border-radius: 5px
}

#shopify-privacy-banner {
    background-color: #fffdf8 !important;
}

/* video page collection henley */
#shopify-section-template--16768628162795__bbc5b555-f03d-4807-affe-d0ecabeb0e28 .custom-content {
        justify-content: center !important;
}

/* video page boutique a paris */
#shopify-section-template--19101474980177__eb88ace4-0a0f-45bd-86ee-28a69eac5b8f .custom-content {
        justify-content: center !important;
}

/* Menu home sur mobile du journal */
.blog-home__dropdown{
    display: block;
    padding-bottom: 15px;
  }
  
  @media(min-width: 1200px){
    .blog-home__dropdown{
      display: none;
    }
  }
  
  .blog-home__dropdown #dropDown{
    display: block !important;
    margin: 0 auto;
    border: none;
    color: #75140E;
    text-transform: uppercase;
    appearance: none;
    font-size: 21px !important;
    background-image: none;
    width:280px
  }
  
  @media(max-width: 768px){
    .blog-home__dropdown #dropDown{
      max-width: 90vw;
    }
  }
  
  .blog-home__dropdown::after{
    content: url('../assets/icon-dropdown.svg');
    position : absolute;
    top : 11px;
    right: 22px;
    background: white;
    pointer-events: none;
  }
  
  .blog-home__dropdown{
    position : relative;
    width: fit-content;
    margin: 0 auto;
  }

  @media(max-width: 1200px){
    .template-blog .nav-list {
    display: none;
  }
}

.template-article li:not(.site-footer li) {
  list-style: disc;
  list-style-position: inside;
  font-size: 14px
}

 /* fonction du voir plus page collection */
.data_more_less_inner {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.action_less {
    display: none;
}
.less_active .action_less {
    display: inline-block;
}
.less_active .action_more {
    display: none;
}
.data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 80px;
}
.data_more_less.action_disabled .more_less_action {
    display: none;
}
h1 {
    margin-bottom: 0px;
}
.btn-showmore,
.btn-showless {
    font-family: "forma-djr-text",sans-serif !important;
    font-weight: 600;
    color: #75140E;
    text-transform: uppercase;
}
.data_more_less:last-child {
    display: flex;
    flex-direction: column;
    align-items: center !important;
}
.show-svg {
    margin-left: 20px;
}
.less_active {
    animation: open 2s linear;
}
@keyframes open {
    0% {
      height: 300px;
    }
    100% {
      height: 4000px;
    }
}

 /* Page recherche */
.template-search .input-group-field::placeholder {
    font-size: 14px !important;
    font-family: 'forma-djr-text', sans-serif;

}

.template-search .section-header__title,
.template-search .collection-filter {
    font-family: 'forma-djr-text', sans-serif;

}

 /* Page compte client */

.template-customers-account,
.template-customers-account button,
.template-customers-order,
.template-customers-order button,
.template-customers-addresses,
.template-customers-addresses button {
    font-family: 'forma-djr-text', sans-serif !important;
}

.template-customers-account h1,
.template-customers-account h2,
.template-customers-account h3,
.template-customers-order h1,
.template-customers-order h2,
.template-customers-order h3,
.template-customers-addresses h1,
.template-customers-addresses h2,
.template-customers-addresses h3 {
    font-family: 'forma-djr-display', sans-serif !important;
}

 /* zoom */
@media only screen and (max-width:768px) {

    .product__photo-zoom {
        position: absolute !important;
        bottom: 0;
        right: 0;
        padding: 6px
    }
}

 /* menu drawer mobile */
.btn-account {
    margin-top: 5px;
    padding-left: 30px;
    padding-right: 5px;
}

.mobile-nav__item--secondary a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobile-nav__link {
    padding: 10px var(--drawer-gutter);
}

.separator-menu {
    background-color: #FCF5EB !important;
    height: 1px !important;
    margin: 0 20px 15px 20px !important;
}

.mobile-nav__social {
    margin: 5px 0 20px 0;
}

.mobile-nav__toggle {
    flex: 0 1 auto;
    position: relative;
    top: -10px;
}

.drawer__header {
    height: 65px;
}

.drawer__fixed-header {
    height: 60px;
}

 /*smile*/
.smile-launcher-frame-container {
    display: none !important;
}

@media(max-width: 768px){
    .notre-difference {
        margin-bottom: -30px;
    }
}

@media (max-width: 768px){
.jdgm-carousel-title-and-link{
   margin-top: -50px !important;
}
}

.extra-small-fs-40{
        font-size:40px !important
}

/* emballage cadeau */
.emballage-cadeau {
    display: flex;
    justify-content: center;
}

.emballage-cadeau select{
    background-image: url(/cdn/shop/t/43/assets/icon-dropdown.svg);
    border: none;
}

.emballage-cadeau-btn {
    height: 25px;
    padding: 0 20px;
}

.img-coffret {
    width: 70px;
    margin: 0 10px;
}

#volet {
	width: 250px;
	padding: 10px;
	background:#fffdf8;
    color: #75140E;
    position: relative;
    width: 100%;
    height: 75px;
    top: 80px;
	-webkit-transition: all .5s ease-in;
	transition: all .5s ease-in;
}

#volet a.ouvrir{
    padding: 0 25px;
    background: #641A16;
    color: #fffdf8;
    position: absolute;
    right: 0;
    top: -25px;
    width: 100%;

	/* quelques styles CSS3 
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);*/

}
#volet a.ouvrir:hover{
    background: #ED6B06;
}
#volet a.fermer{
    padding: 0 25px;
    background: #641A16;
    color: #fffdf8;
    position: absolute;
    right: 0;
    top: -22px;
    width: 100%;

	/* quelques styles CSS3 
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);*/

}
#volet:target {
	top: 0;
}

#volet a.fermer {
	display: none;
}

#volet_clos:target #volet {
	top: 79px;
}

#volet:target a.ouvrir {
	display: none;
}

#volet:target a.fermer {
	display: block;
    background-color: #ED6B06;
}
#volet:target a.fermer:hover {
	display: block;
    background-color: #641A16;
}

@media (max-width: 768px){
    .template-index .grid-product__content,
    .template-index .grid-product__colors,
    .picto-featured-collection{
        width: inherit;
    }
    .espacement-grid-item{
        margin-right: 40px;
    }
    .grid-overflow-wrapper .grid__item {
        padding: 6%; 
    }
}

/* Animation logo 
.svg-animation {
    animation-name: rotate;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  
  @keyframes rotate {
    0% {
          -webkit-transform: rotate(360deg); 
          }
    100% {
          -webkit-transform: rotate(0deg);
          
    }
  }
*/
/* Page Avis */
.jdgm-all-reviews-page__title{
    color: #75140E !important;
    font-weight: 600 !important;
    font-size: 30px !important
  }
  
  
  /* Page boutique */
  .template-page.suffix-boutique .section-faq {
      width: 100%;
  }
  
  .template-page.suffix-boutique #les-reponses-a-vos-questions {
      font-size: 35px !important;
  }
  
  .template-page.suffix-boutique .separator-faq {
      border-bottom: none;
  }
  
  .template-page.suffix-boutique .scroll {
      font-size: 25px !important;
  }

 #shopify-section-template--19101474980177__dcffdc0b-a9d5-40c6-ab73-e4c949b865f7,
#shopify-section-template--22710211936593__carte_boutique_TL9KBW {
    display: flex;
    justify-content: center;
  }

/* homepage */
.logo-ancien:hover path,
.logo-nouveau:hover path {
    opacity: 0.5;
}

.footer__logo {
    margin: -6% 0 0 0;
}

.carte-menu-img {
border-radius: 20px;
position: relative;
bottom : 30px;
}

.carte-menu{
  width: 359px
}

.site-header a:hover .carte-menu{
color: #ED6B06 !important
}


@media(max-width: 768px) {
    #stock {
        padding-top: 6px;
    }
}

.btn-klaviyo {
  padding: 9px 0;
  background-color: #262626 !important;
  border-radius: 50px !important;
}


.grid-product__image-mask,
.collection-item {
    border-radius: 10px;
}

@media(max-width: 768px) {
    .video-wrapper {
      margin: 0 10px
    }
}

.tag-solde{
border: 2px solid #ED6B06 !important;
width: max-content;
padding: 0 20px;
color: #FFFDF8;
background-color: #ED6B06;
border-radius: 5px;
margin-bottom: 5px !important;
}
@media(max-width: 768px) {
    #div-enfant{
        display: flex;
        justify-content : center;
    }
}

.template-page.suffix-faq .main-content {
    min-height: auto !important; 
}

.template-index .grid__item{
  padding-left: 0;
}

/* article fabrique portugal */
#shopify-section-template--20288950010193__c53f4fe2-356d-4ccb-8dc5-9364147123da .custom-content{
  display: flex;
  justify-content:center;
}

/* article bienvenue dans notre bureau */
#shopify-section-template--21176607670609__c53f4fe2-356d-4ccb-8dc5-9364147123da .custom-content{
  display: flex;
  justify-content:center;
}

.shopify-pc__banner__dialog {
    padding: 10px 30px 0 30px !important;
  font-family: forma-djr-text;
}
.shopify-pc__banner__btn-accept,
.shopify-pc__banner__btn-decline {
  border-radius: 10px !important
}
.shopify-pc__banner__dialog button {
    padding: 5px 15px !important;
  flex-basis: auto !important
}
.shopify-pc__banner__dialog h2 {
  font-size: 16px !important
}

.shopify-pc__banner__dialog p {
  font-size: 14px !important
}
.shopify-pc__banner__btns {
    justify-content: flex-start !important;
}
#shopify-pc__banner__btn-manage-prefs{
  padding-left: 0 !important
}

.shopify-pc__banner__btn-decline{
  background-color: #fff !important;
  color: #75140E !important
}

/* Page fète des pères */
.template-page.suffix-fete-des-peres li{
    list-style-position: inside !important;
    font-family: forma-djr-text !important;
    color: #75140E !important;
}

.yq-panel-logo {
display :none !important
}

.no-hide {
  display: block !important
}

/* Page noel */
.template-page.suffix-cadeaux{
    background: #FBF8F5;
}

.template-page.suffix-cadeaux .text-with-icons,
.template-page.suffix-cadeaux .new-text-with-icons {
    width: 100% !important;
}

.template-page.suffix-cadeaux .text-with-icons-section,
.template-page.suffix-cadeaux .new-text-with-icons-section {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: #ede7de !important;
}

.template-page.suffix-cadeaux .text-with-icons-section h3,
.template-page.suffix-cadeaux .new-text-with-icons-section h3,
.template-page.suffix-cadeaux .text-with-icons-section p,
.template-page.suffix-cadeaux .new-text-with-icons-section p {
    color: #101010 !important
}

@media (min-width: 768px) {
    .template-page.suffix-cadeaux .inner-collection__text-content {
        margin-right: 0 !important;
    }
}

.template-page.suffix-cadeaux .inner-collection__container .swiper {
    width: 75% !important;
}

.template-page.suffix-cadeaux .color-swatch {
    border-radius: 20px 20px 0 0 !important;
} 

@media only screen and (min-width: 769px) {
    .template-page.suffix-cadeaux .color-swatch--small {
        width: 20px;
        height: 10px;
    }
}

.template-page.suffix-cadeaux .text-with-icons,
.template-page.suffix-cadeaux .new-text-with-icons {
    box-shadow: 0px 3px 26px #0000000A;
}

/*
 * Collection Fins de série — bandeau confiance (section Text columns with icons).
 * Uniquement cette page : body.template-collection.suffix-fins-de-serie
 * Pictos : couleur noire (tailles inchangées). Titres : noir.
 */
body.template-collection.suffix-fins-de-serie .text-with-icons-section {
  margin-top: 0 !important;
  margin-bottom: clamp(24px, 4vw, 40px) !important;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
  /* Fond + arrondi sur la section : évite que .index-section (#ede7de) masque les coins */
  background-color: #f2ebe1 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

body.template-collection.suffix-fins-de-serie .text-with-icons {
  /* Écrase le style inline background du thème pour laisser le fond arrondi au parent */
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.template-collection.suffix-fins-de-serie .text-with-icons .p-24 {
  padding-top: clamp(14px, 2.2vw, 24px) !important;
  padding-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-left: clamp(10px, 2vw, 20px) !important;
  padding-right: clamp(10px, 2vw, 20px) !important;
}

body.template-collection.suffix-fins-de-serie .text-with-icons__horizontal-separator,
body.template-collection.suffix-fins-de-serie .text-with-icons__vertical-separator {
  display: none !important;
}

/* Ordre affichage : Paiement, Livraison, Savoir-faire, Qualité */
body.template-collection.suffix-fins-de-serie .text-with-icons__grid .text-with-icons__block:nth-child(3) {
  order: 3;
}
body.template-collection.suffix-fins-de-serie .text-with-icons__grid .text-with-icons__block:nth-child(4) {
  order: 4;
}
body.template-collection.suffix-fins-de-serie .text-with-icons__grid .text-with-icons__block:nth-child(5) {
  order: 1;
}
body.template-collection.suffix-fins-de-serie .text-with-icons__grid .text-with-icons__block:nth-child(6) {
  order: 2;
}

body.template-collection.suffix-fins-de-serie .text-with-icons__image {
  filter: brightness(0) saturate(100%);
}

body.template-collection.suffix-fins-de-serie .text-with-icons__block > div svg {
  filter: brightness(0) saturate(100%);
}

body.template-collection.suffix-fins-de-serie .text-with-icons .icon {
  color: #000 !important;
}

body.template-collection.suffix-fins-de-serie .text-with-icons__title-step,
body.template-collection.suffix-fins-de-serie .text-with-icons__title-step.orange {
  color: #000 !important;
  font-family: "obviously-condensed", sans-serif !important;
}

/* Dernier mot : Obviously italique, graisse un peu plus légère que le titre (600 → 500) */
body.template-collection.suffix-fins-de-serie .text-with-icons__title-step .text-with-icons__title-last-word {
  font-family: "obviously-condensed", Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
}

body.template-collection.suffix-fins-de-serie .text-with-icons__text-content .forma-djr-text,
body.template-collection.suffix-fins-de-serie .text-with-icons__text-content .forma-djr-text p {
  font-family: forma-djr-text, sans-serif !important;
}

/* Collections VP / soldes : même style que fins de série pour text-with-icons */
body.template-collection.suffix-ventes-privees-hommes .text-with-icons-section,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons-section,
body.template-collection.suffix-soldes-hommes .text-with-icons-section,
body.template-collection.suffix-soldes-femmes .text-with-icons-section {
  margin-top: 150px !important;
  margin-bottom: clamp(24px, 4vw, 40px) !important;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
  background-color: #f2ebe1 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

@media (max-width: 992px) {
  body.template-collection.suffix-ventes-privees-hommes .text-with-icons-section,
  body.template-collection.suffix-ventes-privees-femmes .text-with-icons-section,
  body.template-collection.suffix-soldes-hommes .text-with-icons-section,
  body.template-collection.suffix-soldes-femmes .text-with-icons-section {
    margin-top: clamp(56px, 10vw, 96px) !important;
  }
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons,
body.template-collection.suffix-soldes-hommes .text-with-icons,
body.template-collection.suffix-soldes-femmes .text-with-icons {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.template-collection.suffix-ventes-privees-hommes .new-text-with-icons,
body.template-collection.suffix-ventes-privees-femmes .new-text-with-icons,
body.template-collection.suffix-soldes-hommes .new-text-with-icons,
body.template-collection.suffix-soldes-femmes .new-text-with-icons {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons .p-24,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons .p-24,
body.template-collection.suffix-soldes-hommes .text-with-icons .p-24,
body.template-collection.suffix-soldes-femmes .text-with-icons .p-24 {
  padding-top: clamp(24px, 3.2vw, 36px) !important;
  padding-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-left: clamp(10px, 2vw, 20px) !important;
  padding-right: clamp(10px, 2vw, 20px) !important;
}

body.template-collection.suffix-ventes-privees-hommes .new-text-with-icons .p-24,
body.template-collection.suffix-ventes-privees-femmes .new-text-with-icons .p-24,
body.template-collection.suffix-soldes-hommes .new-text-with-icons .p-24,
body.template-collection.suffix-soldes-femmes .new-text-with-icons .p-24 {
  padding-top: clamp(24px, 3.2vw, 36px) !important;
  padding-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-left: clamp(10px, 2vw, 20px) !important;
  padding-right: clamp(10px, 2vw, 20px) !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__horizontal-separator,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__horizontal-separator,
body.template-collection.suffix-soldes-hommes .text-with-icons__horizontal-separator,
body.template-collection.suffix-soldes-femmes .text-with-icons__horizontal-separator,
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__vertical-separator,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__vertical-separator,
body.template-collection.suffix-soldes-hommes .text-with-icons__vertical-separator,
body.template-collection.suffix-soldes-femmes .text-with-icons__vertical-separator {
  display: none !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__grid .text-with-icons__block:nth-child(3),
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__grid .text-with-icons__block:nth-child(3),
body.template-collection.suffix-soldes-hommes .text-with-icons__grid .text-with-icons__block:nth-child(3),
body.template-collection.suffix-soldes-femmes .text-with-icons__grid .text-with-icons__block:nth-child(3) {
  order: 3;
}
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__grid .text-with-icons__block:nth-child(4),
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__grid .text-with-icons__block:nth-child(4),
body.template-collection.suffix-soldes-hommes .text-with-icons__grid .text-with-icons__block:nth-child(4),
body.template-collection.suffix-soldes-femmes .text-with-icons__grid .text-with-icons__block:nth-child(4) {
  order: 4;
}
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__grid .text-with-icons__block:nth-child(5),
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__grid .text-with-icons__block:nth-child(5),
body.template-collection.suffix-soldes-hommes .text-with-icons__grid .text-with-icons__block:nth-child(5),
body.template-collection.suffix-soldes-femmes .text-with-icons__grid .text-with-icons__block:nth-child(5) {
  order: 1;
}
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__grid .text-with-icons__block:nth-child(6),
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__grid .text-with-icons__block:nth-child(6),
body.template-collection.suffix-soldes-hommes .text-with-icons__grid .text-with-icons__block:nth-child(6),
body.template-collection.suffix-soldes-femmes .text-with-icons__grid .text-with-icons__block:nth-child(6) {
  order: 2;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__image,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__image,
body.template-collection.suffix-soldes-hommes .text-with-icons__image,
body.template-collection.suffix-soldes-femmes .text-with-icons__image {
  filter: brightness(0) saturate(100%);
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__block > div svg,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__block > div svg,
body.template-collection.suffix-soldes-hommes .text-with-icons__block > div svg,
body.template-collection.suffix-soldes-femmes .text-with-icons__block > div svg {
  filter: brightness(0) saturate(100%);
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons .icon,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons .icon,
body.template-collection.suffix-soldes-hommes .text-with-icons .icon,
body.template-collection.suffix-soldes-femmes .text-with-icons .icon {
  color: #000 !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__title-step,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__title-step,
body.template-collection.suffix-soldes-hommes .text-with-icons__title-step,
body.template-collection.suffix-soldes-femmes .text-with-icons__title-step,
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__title-step.orange,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__title-step.orange,
body.template-collection.suffix-soldes-hommes .text-with-icons__title-step.orange,
body.template-collection.suffix-soldes-femmes .text-with-icons__title-step.orange {
  color: #000 !important;
  font-family: "obviously-condensed", sans-serif !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__title-step .text-with-icons__title-last-word,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__title-step .text-with-icons__title-last-word,
body.template-collection.suffix-soldes-hommes .text-with-icons__title-step .text-with-icons__title-last-word,
body.template-collection.suffix-soldes-femmes .text-with-icons__title-step .text-with-icons__title-last-word {
  font-family: "obviously-condensed", Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
}

body.template-collection.suffix-ventes-privees-hommes .text-with-icons__text-content .forma-djr-text,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__text-content .forma-djr-text,
body.template-collection.suffix-soldes-hommes .text-with-icons__text-content .forma-djr-text,
body.template-collection.suffix-soldes-femmes .text-with-icons__text-content .forma-djr-text,
body.template-collection.suffix-ventes-privees-hommes .text-with-icons__text-content .forma-djr-text p,
body.template-collection.suffix-ventes-privees-femmes .text-with-icons__text-content .forma-djr-text p,
body.template-collection.suffix-soldes-hommes .text-with-icons__text-content .forma-djr-text p,
body.template-collection.suffix-soldes-femmes .text-with-icons__text-content .forma-djr-text p {
  font-family: forma-djr-text, sans-serif !important;
}

/* Page fete des peres : meme style que VP pour new-text-with-icons */
body.template-page.suffix-fete-des-peres .new-text-with-icons-section {
  margin-top: 150px !important;
  margin-bottom: clamp(24px, 4vw, 40px) !important;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
  background-color: #f2ebe1 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
}

@media (max-width: 992px) {
  body.template-page.suffix-fete-des-peres .new-text-with-icons-section {
    margin-top: clamp(56px, 10vw, 96px) !important;
  }
}

body.template-page.suffix-fete-des-peres .new-text-with-icons {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons > div {
  padding-top: clamp(24px, 3.2vw, 36px) !important;
  padding-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-left: clamp(10px, 2vw, 20px) !important;
  padding-right: clamp(10px, 2vw, 20px) !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__horizontal-separator,
body.template-page.suffix-fete-des-peres .new-text-with-icons__vertical-separator {
  display: none !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__grid {
  border-top: none !important;
  border-bottom: none !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__image,
body.template-page.suffix-fete-des-peres .new-text-with-icons__block > div svg {
  filter: brightness(0) saturate(100%);
}

body.template-page.suffix-fete-des-peres .new-text-with-icons .icon {
  color: #000 !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step,
body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step p,
body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step em,
body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step i {
  color: #000 !important;
  font-family: "obviously-condensed", sans-serif !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step em,
body.template-page.suffix-fete-des-peres .new-text-with-icons__title-step i {
  font-style: italic !important;
  font-weight: 500 !important;
}

body.template-page.suffix-fete-des-peres .new-text-with-icons__text-content .forma-djr-text,
body.template-page.suffix-fete-des-peres .new-text-with-icons__text-content .forma-djr-text p {
  font-family: forma-djr-text, sans-serif !important;
}

/* Page ete : meme style que fete des peres pour new-text-with-icons */
body.template-page.suffix-ete .new-text-with-icons-section {
  margin: 0 !important;
  padding: 150px 5vw clamp(24px, 4vw, 40px) !important;
  background-color: #FBF8F5 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

@media (max-width: 992px) {
  body.template-page.suffix-ete .new-text-with-icons-section {
    padding-top: clamp(56px, 10vw, 96px) !important;
  }
}

body.template-page.suffix-ete .new-text-with-icons {
  background: #f2ebe1 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.template-page.suffix-ete .new-text-with-icons > div {
  padding-top: clamp(24px, 3.2vw, 36px) !important;
  padding-bottom: clamp(14px, 2.2vw, 24px) !important;
  padding-left: clamp(10px, 2vw, 20px) !important;
  padding-right: clamp(10px, 2vw, 20px) !important;
}

body.template-page.suffix-ete .new-text-with-icons__horizontal-separator,
body.template-page.suffix-ete .new-text-with-icons__vertical-separator {
  display: none !important;
}

body.template-page.suffix-ete .new-text-with-icons__grid {
  border-top: none !important;
  border-bottom: none !important;
}

body.template-page.suffix-ete .new-text-with-icons__image,
body.template-page.suffix-ete .new-text-with-icons__block > div svg {
  filter: brightness(0) saturate(100%);
}

body.template-page.suffix-ete .new-text-with-icons .icon {
  color: #000 !important;
}

body.template-page.suffix-ete .new-text-with-icons__title-step,
body.template-page.suffix-ete .new-text-with-icons__title-step p,
body.template-page.suffix-ete .new-text-with-icons__title-step em,
body.template-page.suffix-ete .new-text-with-icons__title-step i {
  color: #000 !important;
  font-family: "obviously-condensed", sans-serif !important;
}

body.template-page.suffix-ete .new-text-with-icons__title-step em,
body.template-page.suffix-ete .new-text-with-icons__title-step i {
  font-style: italic !important;
  font-weight: 500 !important;
}

body.template-page.suffix-ete .new-text-with-icons__text-content .forma-djr-text,
body.template-page.suffix-ete .new-text-with-icons__text-content .forma-djr-text p {
  font-family: forma-djr-text, sans-serif !important;
}

/* Ancres cartes → titres blocs : décalage scroll100px plus haut (scroll-margin) */
body.template-collection.suffix-fins-de-serie .collection-findeserie h2[id^='fds-anchor-'] {
  scroll-margin-top: 120px;
}

/* Mobile : grille produits fins de série — marge latérale (contre --flush-sm à 0) */
@media (max-width: 768px) {
  body.template-collection.suffix-fins-de-serie .collection-findeserie .collection-home.fds-findeserie-shell {
    padding-left: clamp(12px, 4vw, 20px) !important;
    padding-right: clamp(12px, 4vw, 20px) !important;
  }

  body.template-collection.suffix-fins-de-serie .collection-findeserie > .fds-findeserie-shell--filters {
    padding-top: 25px;
  }
}


/* Ancres : même décalage que fins de série (header fixe) */
body.template-collection.suffix-ventes-privees-hommes .collection-findeserie h2[id^='vph-anchor-'],
body.template-collection.suffix-ventes-privees-femmes .collection-findeserie h2[id^='vpf-anchor-'] {
  scroll-margin-top: 120px;
}

.scDiscount,
.sc_code-btn>input,
.sc-cube-text {
  font-family: forma-djr-text, sans-serif !important
}

.scDiscount > div {
    margin: 0 !important;
    width: 100% !important;
}

.sc_simple-info__tag {
  display: none !important
}
.sc_simple-info__row {
  display: none !important
}
.sc_code-info {
  display: flex !important
}

.sc_simple-info .sc_simple-info__row {
    margin-bottom: 0 !important
}


/*menu nouveau*/
.site-header .megamenu a:hover {
    padding: 0;
}

.site-nav__dropdown-link {
    background-color: #FBF8F5 !important;
    font-family: 'obviously-narrow', sans-serif !important;
    padding: 4px 0 !important;
    font-weight: 500 !important;
}

.site-nav__dropdown-link--top-level {
    background-color: #FBF8F5 ;
    margin: 0 !important;
    font-family: 'obviously-narrow', sans-serif !important;
    font-weight: 600 !important;
}
.site-nav__dropdown-link:hover {
    background-color: #FBF8F5 ;
    padding: 4px 0 !important;
    opacity: 0.5 !important;
}
.titre-menu {
    background-color: #FBF8F5 ;
    padding: 4px 10px !important;
    width: 100% !important;
    padding-left: 15px !important
}
.titre-menu:hover {
    background-color: #FBF8F5 ;
    padding: 4px 10px 4px 15px !important;

}
.separation-menu {
    height: 2px;
    background-color: #383838;
    opacity: 0.15;
    width: 30px;
    margin: 4px 15px;
}

/* Dropdown – aligné design Figma (fond, coins bas, ombre) */
.site-nav__dropdown {
    background-color: #FBF8F5;
    border-radius: 0 0 25px 25px;
}

/* Dropdown "La marque" : liste verticale, fond beige, coins bas arrondis (maquette) */
.site-nav__dropdown--marque {
    min-width: 220px;
    padding: 20px;
    border-radius: 0 0 25px 25px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
}

/*
 * Accueil : margin-top = espace visible sous le lien, mais « trou » sans hover sur le li.
 * Pont transparent 20px sur le <li> (juste sous le lien, avant le panneau) — garde :hover + fond transparent.
 */
.template-index .site-nav--has-dropdown:has(.site-nav__dropdown--marque)::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 20px;
    z-index: 6;
    background-color: transparent;
    pointer-events: auto;
}

.template-index .site-nav__dropdown--marque {
    margin-top: 20px;
}

.site-nav__dropdown-list--vertical {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.site-nav__dropdown-list--vertical li {
    margin: 0;
    padding: 0;
}
.site-nav__dropdown-link--marque {
    display: block;
    padding: 10px 20px;
    color: #202020;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.site-nav__dropdown-link--marque:hover {
    background-color: rgba(0, 0, 0, 0.04);
    color: #75140E;
}

/* Lien "Dernière chance" : encadré rouge (maquette), inchangé au hover */
.site-nav__link--highlight,
.site-nav__link--highlight:hover {
    border: 1px solid #75140E;
    padding: 6px 1vw 6px 1vw !important;
    border-radius: 4px !important;
    margin: 0 4px;
    color: #75140E !important;
    position: relative;
    top: 4px;
}
/* Forcer la couleur au survol (le thème met .site-nav__link:hover en noir) */
.site-nav__link.site-nav__link--highlight:hover,
.site-header--opening .site-nav__link.site-nav__link--highlight:hover,
[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link.site-nav__link--highlight:hover,
.template-index .site-nav__link.site-nav__link--highlight:hover {
    color: #75140E !important;
}

/* Accueil overlay : « Dernière chance » — texte blanc + encadré blanc (plus de bordeaux) */
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--highlight,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--highlight:hover,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche a.site-nav__link.site-nav__link--highlight:hover,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown:hover > .site-nav__link--highlight,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown.is-focused > .site-nav__link--highlight,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown:hover > a.site-nav__link--highlight,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown.is-focused > a.site-nav__link--highlight,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav--has-dropdown.is-focused > a.site-nav__link--highlight {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    background-color: transparent !important;
    position: relative;
    top: 4px;
    margin: 0 4px;
    padding: 6px 1vw 6px 1vw !important;
    border-radius: 4px !important;
}

.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--highlight svg path,
.template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .menu-gauche .site-nav__link--highlight:hover svg path {
    fill: #fff !important;
    opacity: 1;
}

.template-index .site-header--opening .site-nav--has-dropdown.is-focused>a, .template-index .site-header--opening .site-nav--has-dropdown:hover>a,
.template-index .site-header--opening .site-nav--has-dropdown.is-focused > .site-nav__link--top-three-label, .template-index .site-header--opening .site-nav--has-dropdown:hover > .site-nav__link--top-three-label {
    background-color: #FBF8F5 !important;
}


.site-nav__link--underline:after {
    margin: 6px 25px !important
}

[data-type_header_capitalize=true] .site-header--heading-style .site-nav__link {
    text-transform: inherit !important;
}

@media(max-width: 991px) {
    .icone-search {
        display: none !important;
    }
}


.menu-gauche:nth-child(8) .site-nav__link:hover,
.site-header--opening .menu-gauche:nth-child(8) .site-nav__link:hover {
  color: #75140E !important;
}

.menu-gauche:nth-child(8) .site-nav__link:not(.template-index .menu-gauche:nth-child(8) .site-nav__link) {
  margin-right: 5px;
}

/* Megamenu (Homme/Femme) : largeur responsive propre */
.megamenu__size {
    width: 100%;
    max-width: min(1600px, 98vw);
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 48px);
    box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
    .megamenu__size {
        max-width: min(1920px, 98vw);
    }
}
.megamenu .grid--center {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(24px, 4.5vw, 56px);
    padding: clamp(20px, 3vw, 32px) clamp(16px, 3vw, 40px);
    text-align: start;
    box-sizing: border-box;
    margin: 0;
}
/* Colonnes texte : largeur min plus grande pour éviter le retour à la ligne sur petits écrans */
.megamenu .grid--center > .grid__item.medium-up--one-fifth {
    flex: 1 1 0;
    min-width: 140px;
    max-width: 220px;
    width: auto;
}
/* Colonne photos : largeur fixe responsive */
.megamenu .grid--center > .megamenu__promo-column {
    flex: 0 0 auto;
    width: clamp(220px, 20vw, 285px);
    min-width: 220px;
}
.megamenu .grid--center > .megamenu__promo-column .megamenu__promo-cards,
.megamenu .grid--center > .megamenu__promo-column .megamenu__promo-card {
    width: 100%;
    max-width: 285px;
}

/* 992px–1400px : libérer de la place pour que les titres restent sur une ligne (ex. 1041px) */
@media only screen and (min-width: 992px) and (max-width: 1400px) {
    .megamenu .grid--center {
        gap: 24px;
    }
    .megamenu .grid--center > .grid__item.medium-up--one-fifth {
        min-width: 160px;
        max-width: 240px;
    }
    /* Ne pas réduire la colonne promo (sinon les photos rétrécissent) */
    .megamenu .grid--center > .megamenu__promo-column {
        width: clamp(220px, 20vw, 285px);
        min-width: 220px;
    }
    .megamenu .grid--center > .megamenu__promo-column .megamenu__promo-cards,
    .megamenu .grid--center > .megamenu__promo-column .megamenu__promo-card {
        max-width: 285px;
    }
}

.img-menu {
    width: 15vw !important;
    height: 15vw !important;
    border-radius: 10px;
}

.img-menu-bain {
    width: inherit !important;
    height: inherit !important;
}

.img-container {
    margin-right: 16px !important;
}

.menu-container {
    width: 25vw !important;
}

.megamenu__size .img-container a{
    background-color: #FCF5EB !important;
}

.megamenu__size .img-container a:hover img{
    transition: all 0.2s ease-in-out;
    transform: scale(1.02);
}

/* Megamenu – design Figma (node 9618:6306) : fond #FBF8F5, coins bas 25px, ombre */
.megamenu {
    background-color: #FBF8F5;
    border-radius: 0 0 25px 25px;
}

.template-index .megamenu {
    margin-top: 20px;
}

/* Cartes promotionnelles megamenu (Menu Femme / Menu Homme) */
.megamenu__promo-column {
    display: flex;
    align-items: stretch;
    width: 285px;
    min-width: 285px;
}
.megamenu__promo-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 285px;
}
.megamenu__promo-card {
    display: block;
    position: relative;
    width: 285px;
    border-radius: 0;
    overflow: hidden;
    background-color: #FCF5EB;
    text-decoration: none;
    color: #fff;
    min-height: 140px;
    flex: 1;
    /* Permet d'adapter la typo au container (évite le cut du titre) */
    container-type: inline-size;
}
.megamenu__promo-card:hover .megamenu__promo-img {
    transform: scale(1.03);
}
.megamenu__promo-img-wrapper {
    position: absolute;
    inset: 0;
}
.megamenu__promo-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.megamenu__promo-badge {
    position: absolute;
    top: 60px;
    left: 12px;
    display: inline-block;
    line-height: 0;
}
.megamenu__promo-badge-img {
    display: block;
    height: 25px;
    width: auto;
}
/* Footer (titre + flèche) : stable, sans calculs de right */
.megamenu__promo-footer {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.megamenu__promo-title {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 ligne sans ... : la taille diminue avec la largeur de la carte */
    font-size: clamp(9px, 6cqw, 16px);
    font-weight: 600;
    line-height: 1.1;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    /*white-space: nowrap; */
    overflow: hidden;
    text-overflow: clip; /* pas de ... */
}

/* Desktop intermédiaire : shrink plus tôt */
@media screen and (min-width: 992px) and (max-width: 1400px) {
    .megamenu__promo-title {
        font-size: 27px !important;
    }
}

.megamenu__promo-arrow {
    position: static;
    flex: 0 0 auto;
    height: 22px;
    color: #fff;
}

.megamenu__promo-arrow svg {
    width: 48px;
    height: auto;
}

@media(max-width: 991px) {
    .template-index .site-header__logo {
        display: flex;
        justify-content: center;
        max-width: fit-content;
    }
}

/*drawer-menu - ouverture gauche→droite sur desktop, haut→bas sur mobile */
.drawer--left.drawer--is-open {
    transform: translate(100vw);
}

.drawer--left .drawer__header path:not(.drawer__close-button path) {
    fill: #202020 !important;
}

.drawer--right .drawer__header  {
    justify-content: space-between !important;
}

.drawer--left {
    width: 100vw;
    height: 80vh;
    left: -100vw;
    padding-bottom: 4vh;
    border-radius: 0 0 5vw 5vw !important;
}

/* Tablette uniquement (769px–1024px) : menu hamburger (#NavDrawer) à 75 % de la largeur */
@media screen and (min-width: 769px) and (max-width: 991px) {
    #NavDrawer.drawer--left {
        width: 75vw !important;
        max-width: 75vw !important;
        left: -75vw !important;
    }

    #NavDrawer.drawer--left.drawer--is-open {
        transform: translateX(75vw) !important;
    }

    #NavDrawer.drawer--right {
        width: 75vw !important;
        max-width: 75vw !important;
        right: -75vw !important;
    }

    #NavDrawer.drawer--right.drawer--is-open {
        transform: translateX(-75vw) !important;
    }
}

.drawer {
    max-width: 100%;
    background-color: #F7F4F1 !important;
}

@media (max-width: 991px) {
    .site-header > div {
        padding: 0 35px !important
    }
    .drawer--is-open #compteur {
        width: 50px !important;
    }
    .drawer--is-open .drawer__scrollable,
    .drawer--is-open .mobile-nav,
    .drawer--is-open .mobile-nav>.mobile-nav__item {
        background-color: #F7F4F1 !important;
    }
    .drawer--is-open .mobile-nav__item:after {
        border-bottom-color: #F7F4F1 !important;
    }
    .drawer--is-open .mobile-nav__toggle button {
        border-left-color: #F7F4F1 !important;
    }
    .site-header__search-form {
        border: 2px solid #20202080 !important;
        border-radius: 30px;
        height: 43px !important;
        padding: 0;
    }
    .site-header__search-btn path {
        fill: #202020;
    }

    .site-header__search-input::placeholder {
        color: #202020 !important;
    }

    .titre-operation,
    .menu-pratique {
        padding: 10px 20px 10px 20px !important;

    }

    .titre-operation:not(#subpanel-menu2-1 .titre-operation) {
        border-bottom: 1px solid #DEDEDE !important;
    }
    
    [data-type_header_capitalize=true] .mobile-nav--heading-style .mobile-nav__link--top-level {
        text-transform: inherit;
    }

    .operation-vp-hommes {
        height: 60px !important;
        background-size: cover;
        background-image: url("/cdn/shop/files/Rectangle_1035_4.jpg?v=1777887238");
        color: #fff !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }
    .operation-vp-femmes {
        height: 60px !important;
        background-size: cover;
        background-image: url("/cdn/shop/files/Rectangle_1035_3.jpg?v=1777887239");
        color: #fff !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }
    .operation-soldes-hommes {
        height: 60px !important;
        background-size: cover;
        background-image: url("/cdn/shop/files/Rectangle_1035_7.jpg?v=1781883462");
        color: #fff !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }
    .operation-soldes-femmes {
        height: 60px !important;
        background-size: cover;
        background-image: url("/cdn/shop/files/Rectangle_1035_8.jpg?v=1781883461");
        color: #fff !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }
    .operation-braderie {
        height: 60px !important;
        background-color: #75140E;
        color: #F7F4F1 !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }
    .operation-femme {
        height: 60px !important;
        color: #FFFFFF !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-image: url("/cdn/shop/files/Group_6674.png?v=1776428690");
        background-size: cover;
    }
    .vp-reduc{
        height: 30px !important;
        width: 40px !important;
        background-color: #ED6A09;
        color: #FFFCF8 !important;
        margin-left: 5px !important;
        text-align: center;
        align-content: center;
    }
    .vp-reduc {
        border-radius: 5px;
    }

    .operation-noel{
        height: 60px !important;
        color: #FCF5EB !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-image: url("/cdn/shop/files/Rectangle_1034.jpg?v=1762530543");
        background-size: cover;
    }

    .operation-saint-valentin {
        height: 60px !important;
        color: #fff !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-image: url("/cdn/shop/files/Group_6574.png?v=1769679638");
        background-size: cover;
    }

    .operation-nouveaute{
        background-image: url("/cdn/shop/files/Group_7216.jpg?v=1785156539");
        height: 60px !important;
        color: #FCF5EB !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-size: cover;
        
    }
    .operation-nouveaute2{
        height: 60px !important;
        color: #FCF5EB !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-image: url("/cdn/shop/files/Rectangle_1035_6.jpg?v=1779114133");
        background-size: cover;
    }
    .operation-nouveaute3{
        height: 60px !important;
        color: #FFF !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
        background-image: url("/cdn/shop/files/Rectangle_1035_9.jpg?v=1782816973");
        background-size: cover;
    }
    .operation-findeserie {
        height: 60px !important;
        background-color: #75150e;
        color: #f7f4f1 !important;
        border-radius: 10px;
        padding: 4% 6% 4% 6% !important;
        margin-bottom: 8px;
    }

    .titre-operation .entree-noel path,
    .titre-operation .entree-nouveaute path,
    .titre-operation .entree-nouveaute2 path,
    .titre-operation .entree-nouveaute3 path {
        fill: #fcf5eb !important
    }
    .titre-operation .operation-vp path,
    .titre-operation .operation-soldes path {
        fill: #fff !important
    }

    .titre-operation .operation-findeserie path{
        fill: #75150e !important
    }

    #prix_biais {
        position: relative;
        top: 4px;
        right: -25px;
    }

    /*
    .drawer--left path:not(.back-in-stock path, .svg-menu-orange path, #bientot path) {
        fill: #75140E !important;
    }*/

    .drawer--is-open .mobile-nav__link {
        color: #202020 !important;
    }
    .drawer--is-open .mobile-nav__grandchildlist::before {
        content: none !important;
    }

    .drawer--is-open .mobile-nav__item:after {
        content: none !important;
    }

    .mobile-nav__toggle .faux-button, .mobile-nav__toggle button {
        padding: 0px 20px !important;
    }

    .header-item--logo {
        width: 50% !important;
    }

    .header-item--icons path{
        fill: #202020 !important;
    }

    .template-index .header-item--icons path{
        fill: #fff !important;
    }

    /* Produit : blanc seulement header transparent (sinon le scroll repasse en foncé via .site-header--stuck) */
    .template-product .site-header:not(.site-header--stuck) .header-item--icons path{
        fill: #fff !important;
    }

    .template-index .site-header--opening .header-item--icons path{
        fill: #202020 !important;
    }

    .template-product .site-header--opening .header-item--icons path{
        fill: #202020 !important;
    }
}

/* Mobile (≤768px) : logo et pictogrammes en noir */
@media (max-width: 768px) {
    .page-width.medium-none.large-none.extra-large-none .site-nav__link svg path,
    .page-width.medium-none.large-none.extra-large-none .site-nav__link svg rect,
    .page-width.medium-none.large-none.extra-large-none .header-item--icons .site-nav__link svg path,
    .page-width.medium-none.large-none.extra-large-none .header-item--icons svg path {
        fill: #202020 !important;
    }
    .template-index .page-width.medium-none.large-none.extra-large-none .header-item--icons path,
    .template-product .page-width.medium-none.large-none.extra-large-none .header-item--icons path {
        fill: #202020 !important;
    }
    .page-width.medium-none.large-none.extra-large-none .site-header__logo img,
    .page-width.medium-none.large-none.extra-large-none .site-header__logo-link img {
        filter: brightness(0);
    }

    /* Page produit (mobile) : blanc UNIQUEMENT quand le header est transparent */
    .template-product .site-header:not(.site-header--stuck) {
        box-shadow: none !important;
    }
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo-link.logo-noir {
        display: none !important;
    }
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo-link.logo-blanc {
        display: flex !important;
    }
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo img,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo-link img {
        filter: brightness(0) invert(1) !important;
    }
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons a {
        color: #ffffff !important;
    }
    /* Hamburger uniquement : filtre (compte/panier : fill explicite, sinon le filtre peut les “manger”) */
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link--icon.js-drawer-open-nav svg {
        filter: brightness(0) invert(1) !important;
    }
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg path,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg rect,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg circle,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg line,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link--icon.js-drawer-open-nav svg path,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons .site-nav__icons .site-nav__link--icon svg path,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons .icone-panier svg path,
    .template-product .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons #compteur2 svg path {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }

    /* Accueil + header transparent : logo et icones en blanc */
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link svg path,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link svg rect,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons .site-nav__link svg path,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg path,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg rect,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link svg path,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-nav__link svg rect,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons .site-nav__link svg path,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg path,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .header-item--icons svg rect {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo img,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo-link img,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo img,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .page-width.medium-none.large-none.extra-large-none .site-header__logo-link img {
        filter: brightness(0) invert(1) !important;
    }

    .main-menu-2 {
        margin-top: 5px;
    }

    .menu-pratique {
        margin-bottom: 10px;
    }

    .mobile-nav__toggle button {
        margin: 0;
    }

    .drawer--is-open .mobile-nav__toggle button {
        border-left-color: #FCF5EB !important;
        width: 100%;
    }

    .mobile-nav__grandchildlist .mobile-nav__link {
        padding-left: 40px;
    }
    
    .mobile-nav__grandchildlist .mobile-nav__link:hover,
    .mobile-nav__link--top-level:hover {
        opacity: 0.5;
    }

    .main-menu-2 .titre-operation {
        padding: 10px 10px 10px 30px !important;
    }

    .collapsible-trigger__icon {
        top: 70% !important;
    }

    .hover-opacity:hover {
        opacity: 0.5;
    }

    .drawer--left {
        z-index: 300000;
        /* Ouverture du haut vers le bas (au lieu de gauche→droite) */
        top: -80vh;
        left: 0;
        right: 0;
        width: 100%;
        transform: translateY(0);
        transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .drawer--left.drawer--is-open {
        transform: translateY(80vh);
    }
}

/* Drawer : masquer « Dernière chance » (top-level) pour toute largeur < 992px */
@media (max-width: 991px) {
    .drawer .drawer__scrollable .main-menu-1 > li:has(> a[href*="fins-de-serie"].mobile-nav__link--top-level) {
        display: none !important;
    }
    .drawer--is-open .mobile-nav__item .mobile-nav__link {
        font-weight: 500;
        padding: 10px 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }
    .drawer--is-open .mobile-nav__item .mobile-nav__link.js-mobile-quiz-popup {
        justify-content: flex-start !important;
        background-color: transparent !important;
    }
    .main-menu-2 button {
        padding-left: 20px !important;
         padding-right: 20px !important;
      }
}

.site-nav__quiz-link,
.site-nav__quiz-link:hover,
.site-nav__quiz-link:focus {
    background-color: transparent !important;
}

.site-nav__quiz-link:hover,
.site-nav__quiz-link:focus,
.drawer--is-open .mobile-nav__item .mobile-nav__link.js-mobile-quiz-popup:hover,
.drawer--is-open .mobile-nav__item .mobile-nav__link.js-mobile-quiz-popup:focus {
    opacity: 0.5;
}


.megamenu .grid--center {
    text-align: start;
    justify-content: center;
}

.site-header__search-input {
  font-family: forma-djr-text, sans-serif !important
}

.template-article .drawer--left li:not(.site-footer li) {
    list-style: none !important;
}

.template-collection.suffix-nouveautes .banner-section__subtitle {
  font-weight: 500;
}

@media (max-width: 769px) {
    .product-single__meta h1 {
        display: none !important;
    }
}

/* Page de recherche et filtres*/
.template-search #CollectionAjaxContent{
    display: flex;
    justify-content: center;
}
.template-search .grid__item--sidebar {
    display: none !important;
}
.template-search .collection-filter__item--drawer {
    display: none !important;
}
@media only screen and (max-width: 768px) {
    
    .template-search .espacement-grid-item {
        width: 47.52% !important;
        padding-left: 10px !important;
        margin-right: 10px !important;
    }
}


/* CSS intelligems */
/* Product page */
.template-product .product-image img {
    max-width: 40px !important;
}

.product-block .product-title,
.product-page__price .on-sale,
.product-page__price [data-product-price],
.product__title-reviews .product-title {
    color: #333333 !important;
}

.pack-2,
.pack-4,
.pack-7,
.pack-10{
    display: flex !important;
    font-family: forma-djr-text;
    font-weight: 600;
}


@media (max-width: 768px) {
    .template-product .site-header {
        background-color: transparent !important;
    }
    .template-product .site-header--opening {
        background-color: #FFFDF8 !important;
    }
    .template-product .product-slideshow {
        position: relative !important;
        top: -90px !important;
        margin-bottom: -90px !important;
    }
    .template-product .product__title-reviews {
        display: none !important;
    }
    .product-single__meta h1 {
        display: flex !important;
    }
    /* #titre : texte + spans .special-font — display:flex sur le h1 supprime l’espace mot / italique (items flex) */
    .template-product .product-single__meta h1#titre {
        display: block !important;
    }
    .template-product .product-block.product-block--header {
            display: flex !important;
            justify-content: space-between !important;
            width: 100% !important;
    }
    .template-product #titre {
        width: auto !important;
        font-size: 6vw !important;
        margin-bottom: 5px !important;
    }
    .template-product .product-etoile {
        display: block !important;
        margin-bottom: 5px !important;
    }

    .product__price,
    .new-price {
        font-size: 6vw !important;
    }
    
    
}


.template-product::-webkit-scrollbar {
    display: none; 
} 
.template-product #shopify-section-header {
    margin-bottom: 30px !important;
}
.desktop-media {
    margin-left: 50px
}
@media(min-width: 1200px){
  .breadcrumb{
    margin: 15px 0 !important;
    color: #00000066 !important;
  } 
}

.product-single__sticky{
    top: 65px !important
}

.variant-input {
    margin-right: 3px;
}

.variant-wrapper {
    margin-bottom: 20px !important;
}

.variant-input-wrap label.disabled:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid;
    border-color: #BBB9B8;
    transform: rotate(90deg);
}

.variant-wrapper:nth-of-type(1) .variant-input-wrap input[type=radio]:checked+label {
    outline: 2px solid #000;
    outline-offset: 2px;
    border: none !important;
}

.variant-wrapper:nth-of-type(1) .variant-input-wrap input[type=radio]+label {
    outline: 2px solid #d9d9d98f;
    outline-offset: 2px;
}

.variant-wrapper:nth-of-type(2) .variant-input-wrap input[type=radio]+label {
    background-color: #d9d9d9A8 !important;
    color: #3c3c3c !important;
}

.template-product .variant-wrapper:nth-of-type(2) .variant-input-wrap input[type=radio]:not(:checked) + label:hover:not(.disabled) {
    background-color: #cdcdcd !important;
}

/* Tailles / options texte désactivées (pas les pastilles couleur) */
.template-product .variant-input-wrap label.disabled:not(.color-swatch) {
    background-color: #d9d9d9A8 !important;
    color: #3c3c3c !important;
}

.template-product .variant-input-wrap label.disabled:not(.color-swatch):after {
    border-color: #3c3c3c !important;
}

/* Boutons désactivés (CTA, etc.) — page produit uniquement */
.template-product .btn.disabled,
.template-product .btn[disabled],
.template-product .rte .btn.disabled,
.template-product .rte .btn[disabled],
.template-product .btn--tertiary.disabled,
.template-product .btn--tertiary[disabled],
.template-product .rte .btn--tertiary.disabled,
.template-product .rte .btn--tertiary[disabled] {
    background-color: #d9d9d9A8 !important;
    color: #3c3c3c !important;
}

.template-product .btn.disabled:hover,
.template-product .btn[disabled]:hover,
.template-product .rte .btn.disabled:hover,
.template-product .rte .btn[disabled]:hover,
.template-product .btn--tertiary.disabled:hover,
.template-product .btn--tertiary[disabled]:hover,
.template-product .rte .btn--tertiary.disabled:hover,
.template-product .rte .btn--tertiary[disabled]:hover {
    background-color: #d9d9d9A8 !important;
    color: #3c3c3c !important;
}

.template-product .btn.disabled svg,
.template-product .btn[disabled] svg,
.template-product .rte .btn.disabled svg,
.template-product .rte .btn[disabled] svg {
    color: #3c3c3c !important;
}

/* Flèche du CTA (stroke inline #EBEBEB dans product-form.liquid) */
.template-product .add-to-cart[disabled] .fleche path,
.template-product .add-to-cart.disabled .fleche path,
.template-product .btn[disabled] .fleche path,
.template-product .btn.disabled .fleche path {
    stroke: #3c3c3c !important;
}

[data-button_style=angled] .template-product .btn.disabled:after,
[data-button_style=angled] .template-product .btn.disabled:before,
[data-button_style=angled] .template-product .btn[disabled]:after,
[data-button_style=angled] .template-product .btn[disabled]:before,
[data-button_style=angled] .template-product .rte .btn.disabled:after,
[data-button_style=angled] .template-product .rte .btn.disabled:before,
[data-button_style=angled] .template-product .rte .btn[disabled]:after,
[data-button_style=angled] .template-product .rte .btn[disabled]:before {
    background-color: #d9d9d9A8 !important;
}

.variant-wrapper:nth-of-type(2) .variant-input-wrap input[type=radio]:checked+label {
    background-color: #485B5A !important;
    color: #e8e7e5 !important;
    border: none !important;
}

.nom-guide {
    text-transform: initial !important;
}

#stock {
    font-size: 0.8vw;
    margin-bottom: 5px;
}

.js-qty__num {
    border: 1px solid #cecece !important;
}

.js-qty__adjust--minus {
    border-right: #cecece 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 13px;
}

.js-qty__adjust--plus {
    border-left: #cecece 1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 14px;
}

.collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner {
    padding: 0 40px 20px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .template-product {
        overflow: hidden !important;
    }
    .template-product .main-content {
        position: relative;
        top: -120px;
    }
    .template-product .product__media img {
        border-radius: 0 0 15px 15px !important;
    }
    .template-product .page-content--product .grid__item{
        padding-left: 0 !important;
    }
    .template-product .page-content--product .product-page-width {
        padding-right: 0 !important;
    }
    #gender-toggle {
        top: 132vw !important;
        left: 0 !important;
        font-size: 12px;
        margin-left: 15px !important;
    }
    #gender-toggle span {
        padding: 2px 10px;
    }
        .media-pagination {
        position: relative;
        bottom: 30px;
        left: 80% !important;
        gap: 0 !important;
    }
    .media-pagination .active {
        padding: 0;
    }

    .media-pagination .dot {
        opacity: 0.5;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        outline: 1px solid #fff; 
        outline-offset: 2px;
    }

    .product-single__meta {
        text-align: left;
        font-size: 4vw !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    #stock {
        font-size: 2.5vw;
        margin-bottom: 5px;
    }

    .bundle-title {
        font-size: 6vw !important;
    }

    .tab-btn {
        font-size: 5vw !important;
    }
    .btn-whatsapp {
        font-size: 2.5vw !important;
    }
}

.jdgm-verified-checkmark {
    display: none !important;
}


.special-font {
    font-family: 'obviously-condensed', serif;
    font-weight: 500;
    font-style: italic;
    text-transform: lowercase;
}
@media (max-width: 767px) {
.special-font {
    position: relative;
    top: 0px;
}
}


.special-font {
    font-family: 'obviously-condensed', serif;
    font-weight: 500;
    font-style: inherit;
    font-style: italic;
    text-transform: lowercase;
}
@media (max-width: 767px) {
.special-font {
    position: relative;
    top: 0px;
}
}

.special-font2 {
    font-family: 'obviously-condensed', serif;
    font-weight: 500;
    font-style: inherit;
    text-transform: lowercase;
}
@media (max-width: 767px) {
.special-font2 {
    position: relative;
    top: 0px;
}
}

/*
.template-collection .jdgm-prev-badge__text {
    display: none !important;
}
*/

.template-collection .grid-product__price--original {
    margin: 0 0 0 5px !important;
}

/*Pour la photo de la page collection

.template-collection .grid-product__image-mask {
    aspect-ratio: 4 / 5;
}

.template-collection img[data-sizes=auto] {
    height: 100% !important;
    object-fit: cover;
    object-position: bottom;
}

*/

s {
    display: none !important;
}

/*Pour le sticky de la page faq*/
.template-page.suffix-faq {
    overflow-x: visible !important;
}


/* Bundle */
.RB_ColorSwatch label:before {
    background: none !important;
}


._1fragemuy, ._1fragemuz:hover, ._1fragemv0:focus, ._1fragemv1:hover:focus {
    background-color: inherit !important;
}
._17kya4ui._17kya4ug._1fragemou._17kya4us._17kya4ul._1fragemop._1fragemqf._1fragemqd._1fragemqh._1fragemqb._1fragemqm._1fragemqs._1fragemr4._1fragemqy._1fragemrg._1fragemrc._1fragemrk._1fragemr8._1fragemci._1fragemby._1fragemd2._1fragembe._1fragemuy._1fragemob._1fragem32._1fragemn2.hhu2n.BoUfj{
    background-color: transparent !important;
}


/* Page search */
.template-search .espacement-grid-item.grid__item {
    width: 16.5vw !important;
    height: 100%;
}

.template-search .grid--uniform.small--grid--flush.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
}

/* Tablette */
@media (max-width: 1024px) {
  .template-search .grid--uniform.small--grid--flush.grid {
        grid-template-columns: repeat(2, 1fr);
  }

  .template-search .espacement-grid-item.grid__item {
        width: 48vw !important;
        padding-left: 0 !important;
    }
    .template-search .page-full, .page-width {
        padding: 0 !important;
    }

    .template-search .grid__item.grid-search.small--one-half {
        width: 48vw;
    }

    .template-search .grid.grid--uniform.small--grid--flush {
        padding: 0 5px !important;
}
}

.template-search #CollectionAjaxContent {
    display: flex;
    justify-content: space-around
}

@media only screen and (min-width: 769px) {
    .template-search .medium-up--one-quarter {
        width: 100%
    }
}

.template-search .pagination {
    display: none !important;
}

.template-page.suffix-saint-valentin .section-reviews {
    background: #EDE7DE;
}

.template-article.suffix-nvx-prix-2026 .custom-content,
.template-article.suffix-nouvelle-da-2026 .custom-content {
    justify-content: center;
}

.template-page.suffix-landing-page-5-raisons #shopify-section-header,
.template-page.suffix-landing-page-5-raisons .site-footer {
    display: none !important;
}

/* Pourquoi Pétrone — bannière comme guide / livraison */
body.suffix-landing-page-marque .banner-page__heading,
body.suffix-landing-page-marque .banner-page__heading p {
  color: #fff;
  text-align: center;
  font-family: "obviously-condensed", sans-serif !important;
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-style: normal;
  font-weight: 600 !important;
  line-height: 1.05;
  text-transform: none;
}

/* Pourquoi Pétrone — bandeau confiance identique au guide / livraison */
body.suffix-landing-page-marque .main-content > .shopify-section.text-with-icons-section,
body.suffix-landing-page-marque .text-with-icons-section {
  margin: 0 16px 80px !important;
  background-color: #f2ebe1 !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  display: flow-root;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons .p-24 {
  padding-top: clamp(20px, 3vw, 36px) !important;
  padding-bottom: clamp(20px, 3vw, 36px) !important;
  padding-left: clamp(12px, 2vw, 24px) !important;
  padding-right: clamp(12px, 2vw, 24px) !important;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__horizontal-separator,
body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__vertical-separator,
body.suffix-landing-page-marque .index-section.text-with-icons-section .text-with-icons__horizontal-separator,
body.suffix-landing-page-marque .index-section.text-with-icons-section .text-with-icons__vertical-separator,
body.suffix-landing-page-marque .index-section.text-with-icons-section:last-child .text-with-icons__horizontal-separator,
body.suffix-landing-page-marque .index-section.text-with-icons-section:last-child .text-with-icons__vertical-separator {
  display: none !important;
}

@media (max-width: 1199px) {
  body.suffix-landing-page-marque .text-with-icons__horizontal-separator,
  body.suffix-landing-page-marque .text-with-icons__vertical-separator,
  body.suffix-landing-page-marque .index-section.text-with-icons-section .text-with-icons__horizontal-separator,
  body.suffix-landing-page-marque .index-section.text-with-icons-section .text-with-icons__vertical-separator,
  body.suffix-landing-page-marque .index-section.text-with-icons-section:last-child .text-with-icons__horizontal-separator,
  body.suffix-landing-page-marque .index-section.text-with-icons-section:last-child .text-with-icons__vertical-separator {
    display: none !important;
  }
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__image {
  filter: brightness(0) saturate(100%);
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__block > div svg {
  filter: brightness(0) saturate(100%);
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons .icon {
  color: #151515 !important;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__title-step,
body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__title-step.orange {
  color: #151515 !important;
  font-family: "obviously-condensed", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__title-step .text-with-icons__title-last-word {
  font-family: "obviously-condensed", Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  text-transform: none;
}

body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__text-content .forma-djr-text,
body.suffix-landing-page-marque .text-with-icons-section .text-with-icons__text-content .forma-djr-text p {
  color: #151515 !important;
  font-family: "forma-djr-text", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 750px) {
  body.suffix-landing-page-marque .main-content > .shopify-section.text-with-icons-section,
  body.suffix-landing-page-marque .text-with-icons-section {
    margin: 0 36px 100px !important;
  }
}

@media (min-width: 1200px) {
  body.suffix-landing-page-marque .main-content > .shopify-section.text-with-icons-section,
  body.suffix-landing-page-marque .text-with-icons-section {
    margin: 0 105px 120px !important;
  }
}

/* Drawer (mobile/tablette) : cache "Dernière chance" dans Nos sélections (Homme / Femme) */
#NavDrawer .mobile-nav__item--hide-derniere-chance {
    display: none !important;
}

/* Desktop : Homme, Femme, La marque — libellé sans lien (megamenu au survol) */
.site-nav__link--top-three-label {
    cursor: default;
    user-select: none;
}

/* ── Supprime le padding-left du grid__item dans la grille collection ─ */
#grid__custom .grid__item,
#grid__custom .grid__item2 {
  padding-left: 0 !important;
}

/* ── Styles grille produit (product-grid-item-custom) ─────────────── */
.grid-product__colors {
    width: 100%;
    padding: 0 40px;
}
.caroussel-couleur {
    display: flex;
    justify-content: center;
    margin: 5px 0 25px 0;
}

/* ── Swatches slider responsive : actif uniquement si overflow ───────── */
.caroussel-couleur[data-swatches-carousel] {
  --swatch-size: 20px;
  --nav-size: 20px;
  --swatch-y-offset: -1px;
  --nav-y-offset: 0px;
  position: relative;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  justify-content: initial;
  padding-top: 6px;
}

/* conteneur pastilles: largeur fluide */
.caroussel-couleur[data-swatches-carousel] .grid-product__colors {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: 0 6px; /* petit gutter pour éviter l'effet "collé" */
  display: flex;
  align-items: center;
  margin-top: 0 !important; /* annule le margin-top global du thème */
  line-height: 0;
}

/* 1 ligne par défaut, mais sans scroll tant que ça tient */
.caroussel-couleur[data-swatches-carousel] .color-swatches-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center !important;
  gap: 8px;
  padding: 0;
  overflow-x: hidden;
  scrollbar-width: none; /* Firefox */
  height: var(--swatch-size);
  min-height: var(--swatch-size);
  width: 100%;
  min-width: 0;
  line-height: 0;
  transform: translateY(var(--swatch-y-offset));
}

/* Quand tout tient, on centre les pastilles */
.caroussel-couleur[data-swatches-carousel]:not(.is-overflowing) .color-swatches-wrapper {
  justify-content: center;
}
.caroussel-couleur[data-swatches-carousel] .color-swatches-wrapper::-webkit-scrollbar {
  display: none;
}

/* Scroll + snap uniquement quand overflow */
.caroussel-couleur[data-swatches-carousel].is-overflowing .color-swatches-wrapper {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.caroussel-couleur[data-swatches-carousel] .color-swatch-item {
  flex: 0 0 auto;
  display: block;
  scroll-snap-align: start;
  width: var(--swatch-size);
  height: var(--swatch-size);
  box-sizing: border-box;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  border: 1px solid #ccc;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.caroussel-couleur[data-swatches-carousel] .color-swatch-item::before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: -1;
}
.caroussel-couleur[data-swatches-carousel] .color-swatch-item span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* Flèches : masquées si pas d’overflow */
.caroussel-couleur[data-swatches-carousel] .color-swatches-nav {
  opacity: 1;
  transition: opacity 0.2s ease;
  z-index: 2;
  cursor: pointer;
  flex: 0 0 auto;
  display: none;
  width: var(--nav-size);
  height: var(--nav-size);
  line-height: 0;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  flex: 0 0 var(--nav-size);
  position: relative;
  top: 0 !important;
  transform: translateY(var(--nav-y-offset)) !important;
  padding: 0;
  margin: 0;
}
.caroussel-couleur[data-swatches-carousel].is-overflowing .color-swatches-nav {
  display: flex;
  align-self: center;
}
.caroussel-couleur[data-swatches-carousel] .color-swatches-nav.inactive {
  opacity: 0.3;
}
.caroussel-couleur[data-swatches-carousel] .nav-prev {
  order: 1;
}

.caroussel-couleur[data-swatches-carousel] .nav-next {
  order: 3;
}

.caroussel-couleur[data-swatches-carousel] .grid-product__colors {
  order: 2;
}

/* Reset des vieux offsets SVG qui créaient des chevauchements */
.caroussel-couleur[data-swatches-carousel] .nav-prev svg,
.caroussel-couleur[data-swatches-carousel] .nav-next svg {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: block;
  flex-shrink: 0;
  transform-origin: 50% 50%;
  width: var(--nav-size);
  height: var(--nav-size);
}
/* Miroir horizontal uniquement (vs rotate 180°) : garde le même axe vertical que la flèche droite */
.caroussel-couleur[data-swatches-carousel] .nav-prev svg {
  transform: scaleX(-1);
}

#grid__custom .caroussel-couleur[data-swatches-carousel] .color-swatches-wrapper,
#grid__custom .caroussel-couleur[data-swatches-carousel] .color-swatches-nav,
#grid__custom .caroussel-couleur[data-swatches-carousel] .color-swatch-item {
  vertical-align: middle !important;
}

/* Empêche toute superposition visuelle */
.caroussel-couleur[data-swatches-carousel] .grid-product__colors {
  position: relative;
  z-index: 1;
}
.caroussel-couleur[data-swatches-carousel] .color-swatches-nav {
  position: relative;
  z-index: 2;
}

@media (max-width: 450px) {
  .caroussel-couleur[data-swatches-carousel] {
    --swatch-size: 18px;
    --nav-size: 18px;
  }
  .caroussel-couleur[data-swatches-carousel] .color-swatch-item {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 400px) {
  .caroussel-couleur[data-swatches-carousel] {
    --swatch-size: 17px;
    --nav-size: 17px;
  }
  .caroussel-couleur[data-swatches-carousel] .color-swatch-item {
    width: 17px;
    height: 17px;
  }
  .caroussel-couleur[data-swatches-carousel] .color-swatches-wrapper {
    gap: 5px;
  }
}
.template-collection .grid__item2 .jdgm-star {
    color: #75140E !important;
}
.swiper-wrapper-grid {
    height: 25px;
}
.swiper-button-prev-grid,
.swiper-button-next-grid {
    cursor: pointer;
    position: relative;
}
.swiper-button-prev-grid {
    top: -52.5px;
    left: -30px;
    rotate: 180deg;
}
.swiper-button-next-grid {
    top: -47.5px;
    right: -30px;
}
.swiper-button-disabled {
    opacity: 0.3;
}
.swiper-button-lock {
    display: flex !important;
    opacity: 0;
    margin-bottom: 3px;
}
/* Anciens décalages asymétriques retirés : ils faussaient l’alignement des flèches
   du carrousel pastilles (.color-swatches-nav) sur mobile. Les grilles Swiper qui
   en avaient besoin utilisent .swiper-button-prev-grid / .swiper-button-next-grid. */
.navigation {
    width: 100%;
}
.grid-product__meta {
    padding: 4px 0;
    margin-top: -20px;
}

/* Sous-sous-collections: mêmes hauteurs pour les .product-card */
.template-collection #grid__custom > .product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.template-collection #grid__custom > .grid__item2,
.template-collection #grid__custom > .product-card {
  height: 100%;
}

/* Egalise aussi la structure interne des cartes présentation */
.template-collection #grid__custom > .product-card.product-card-presentation > a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.template-collection #grid__custom > .product-card.product-card-presentation .product-card-presentation__image {
  flex: 1 1 auto;
}

.template-collection #grid__custom > .product-card.product-card-presentation .product-card-presentation__content {
  flex: 0 0 auto;
}

/* Les variantes sont dans .grid__item2: on force aussi la carte interne à 100% */
.template-collection #grid__custom > .grid__item2 > .product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.color-swatch {
    cursor: pointer;
}
.variant-price {
    color: #909090;
}
.variant-title {
    font-size: 22px !important;
}
.variant-title,
.variant-title > a {
    line-height: 1.1;
}

/* ── Styles grille produit (product-grid-item-custom-sc) ───────────── */
.variant-color,
.variant-price {
  color: #909090;
}

.variant-color {
    margin-top: 10px;
    margin-bottom: 20px;
}

.variant-color,
.variant-price {
  font-size: 14px !important;
}
.montant {
  font-size: 18px !important;
}
.grid-product__price--original {
  margin: 0 5px;
}
.grid-product__meta {
  padding: 4px 0;
}
.espacement-nb-couleur {
  margin-right: 6px;
}
@media (max-width: 992px) {
  .variant-title {
    font-size: 18px !important;
    line-height: 1.2;
  }
  .variant-title > a {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-clamp: 2;
    line-height: 1.2;
    overflow: hidden;
    padding-left: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-break: break-word;
  }
  .montant {
    font-size: 16px !important;
  }
  .variant-price {
    font-size: 12px !important;
  }
  .product-grid-item--sc .variant-color > div:first-child,
  .product-grid-item--sc .espacement-nb-couleur {
    font-size: 12px !important;
  }
  .product-grid-item--sc .variant-color svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 500px) {
  .variant-color svg {
    margin-top: -2px;
  }
}
.grid-product__price--original {
    margin: 0 5px;
}
.bullet-point {
    font-weight: 400;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin: 0 5px 10px 0;
}
.bullet-point svg {
    margin-right: 6px;
    margin-top: 2px;
}
.bullet-point-1 {
    margin-top: 0;
}
.bullet-point-2 {
    margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
    .swiper-button-prev-grid {
        top: -51.5px;
    }
    .swiper-button-next-grid {
        top: -47px;
    }
}
@media (max-width: 992px) {
    .variant-title {
        font-size: 18px !important;
        padding-left: 2px;
        line-height: 1.2;
    }
    .variant-title > a {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        line-clamp: 2;
        line-height: 1.2;
        overflow: hidden;
        padding-bottom: 2px;
        text-overflow: ellipsis;
        white-space: normal !important;
        word-break: break-word;
    }
    .montant {
        font-size: 16px !important;
    }
    .variant-price {
        font-size: 12px !important;
    }
    .product-grid-item--sc .variant-color > div:first-child,
    .product-grid-item--sc .espacement-nb-couleur {
        font-size: 12px !important;
    }
    .product-grid-item--sc .variant-color svg {
        width: 15px;
        height: 15px;
    }
    .grid-product__meta {
        height: 55px;
    }
    .grid__item2 .image-wrap {
        background-color: #fffdf8 !important;
    }
    .bullet-point {
        font-size: 10px !important;
    }
    .bullet-point-1 {
        margin-bottom: 5px !important;
    }
    .bullet-point-2 {
        margin-bottom: 5px !important;
    }
    .template-index .grid-product__meta {
        flex-direction: column !important;
        margin-top: 10px;
        height: 70px;
    }

    /* Grille SC mobile: garder un espacement titre/prix constant */
    .product-grid-item--sc .grid-product__meta,
    .filtre-actif .product-grid-item--sc .grid-product__meta {
        height: auto !important;
        min-height: 0;
    }
}

/* Home mobile + header transparent: forcer logo blanc */
@media (max-width: 768px) {
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--has-inverted,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-noir,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--has-inverted,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-noir {
        display: none !important;
    }

    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--inverted,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-blanc,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo .logo--inverted,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link.logo-blanc {
        display: flex !important;
    }

    /* Fallback visuel: en-tête transparent sur home mobile => logo blanc */
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link img,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-header__logo-link img {
        filter: brightness(0) invert(1) !important;
    }

    /* Icônes header (menu, compte, panier) en blanc */
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons a,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons a {
        color: #ffffff !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg {
        filter: brightness(0) invert(1) !important;
    }
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg path,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg circle,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg rect,
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg line,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg path,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg circle,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg rect,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .header-item--icons svg line {
        stroke: #ffffff !important;
    }

    /* Menu hamburger (SVG inline avec fill hardcodé) */
    .template-index .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon.js-drawer-open-nav svg path,
    .template-product .header-wrapper--sticky.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon.js-drawer-open-nav svg path {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }
}

@media only screen and (min-width: 769px) {
    .template-page.suffix-contact .main-content {
        min-height: inherit;
    }
}


.template-collection .collection-filter {
    border-top: 1px #DEDEDE solid;
    border-bottom: 1px #DEDEDE solid;
    padding-bottom: 10px;
    padding-top: 10px;

}

/* Barre filtres / compteur : fond clair (#fbf8f5) — le btn tertiaire du thème peut hériter du blanc (hero) */
.template-collection .collection-filter .btn.btn--tertiary,
.template-collection .collection-filter .js-drawer-open-collection-filters {
    color: #272727 !important;
}

.template-collection .collection-filter .btn.btn--tertiary .icon,
.template-collection .collection-filter .js-drawer-open-collection-filters .icon {
    stroke: #272727 !important;
}

.template-collection .scc-wrapper .grid--uniform {
  margin: 0 !important;
}

/* Fins de série : 4 colonnes via flex (voir collection-findeserie-grid.css) */
body.template-collection.suffix-fins-de-serie .collection-findeserie .fds-findeserie-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  --fds-cols: 4;
}
@media (max-width: 549px) {
  body.template-collection.suffix-fins-de-serie .collection-findeserie .fds-findeserie-grid {
    --fds-cols: 2;
  }
}
