/** Shopify CDN: Minification failed

Line 1669:0 Expected "}" to go with "{"

**/
.bg-color-sandal {
  background-color: #a89166;
  border-color: #a89166;
}

.bg-color-cyan {
  background-color: #25bdb0;
  border-color: #25bdb0;
}

.bg-color-pink {
  background-color: #fcc6de;
  border-color: #fcc6de;
}

.bg-color-black {
  background-color: #000;
  border-color: #000;
}

.bg-color-grey {
  background-color: #ccc;
  border-color: #ccc;
}

.bg-color-green {
  background-color: #e1eb78;
  border-color: #e1eb78;
}
.bg-color-golden {
  background-color: #ffd700;
  border-color: #ffd700;
}
.bg-color-sliver {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.bg-color-blue {
  background-color: #a8bcd4;
  border-color: #a8bcd4;
}

.bg-color-purple {
  background-color: #7e0b80;
  border-color: #7e0b80;
}

.bg-color-white {
  background-color: #fff;
  border-color: #fff;
  border: 1px solid #e3e0e0 !important;
}

.bg-color-red {
  background-color: #f63400;
  border-color: #f63400;
}

.bg-color-brown,
.bg-color-brow {
  background-color: #ad8111;
  border-color: #ad8111;
}

.bg-color-gold {
  background-color: #cea525;
  border-color: #cea525;
}

.bg-color-beige {
  background-color: #f0deba;
  border-color: #f0deba;
}

.bg-color-gray {
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.bg-color-orange {
  background-color: #ff7900;
  border-color: #ff7900;
}

.bg-color-yellow {
  background-color: #dcdb79;
  border-color: #dcdb79;
}

.bg-color-navy {
  background-color: #001f3f;
  border-color: #001f3f;
}

.bg-color-aqua {
  background-color: #7fdbff;
  border-color: #7fdbff;
}

.bg-color-teal {
  background-color: #39cccc;
  border-color: #39cccc;
}

.bg-color-gun-smoke {
  background-color: #12221f;
  border-color: #12221f;
}

.bg-color-olive {
  background-color: olive;
  border-color: olive;
}

.bg-color-lime {
  background-color: #0f0;
  border-color: #0f0;
}

.bg-color-rose-gold {
  background-color: #fcdbd6;
  border-color: #fcdbd6;
}

.bg-color-clear {
  background-color: #caf6ea;
  border-color: #caf6ea;
}

.bg-color-maroon {
  background-color: maroon;
  border-color: maroon;
}

.bg-color-ivory {
  background-color: ivory;
  border-color: ivory;
}

.bg-color-lavenderblush {
  background-color: #b0e0e6;
  border-color: #b0e0e6;
}

.bg-color-powderblue {
  background-color: #f012be;
  border-color: #f012be;
}

.bg-color-darkgreen {
  background-color: #006400;
  border-color: #006400;
}

.bg-color-saddlebrown {
  background-color: #8b4513;
  border-color: #8b4513;
}

.bg-color-lightcoral {
  background-color: #f08080;
  border-color: #f08080;
}

.bg-color-palevioletred {
  background-color: #db7093;
  border-color: #db7093;
}

.bg-color-chocolate {
  background-color: #d2691e;
  border-color: #d2691e;
}

.bg-color-darkolivegreen {
  background-color: #556b2f;
  border-color: #556b2f;
}

.bg-color-darkred {
  background-color: #8b0000;
  border-color: #8b0000;
}

.bg-color-mediumaquamarine {
  background-color: #66cdaa;
  border-color: #66cdaa;
}

.bg-color-sandybrown {
  background-color: #f4a460;
  border-color: #f4a460;
}

.bg-color-darkslategray {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-salmon {
  background-color: salmon;
  border-color: salmon;
}

.bg-color-slateblue {
  background-color: #6a5acd;
  border-color: #6a5acd;
}

.bg-color-lightgray {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
  background-color: #fffacd;
  border-color: #fffacd;
}

.bg-color-thistle {
  background-color: #d8bfd8;
  border-color: #d8bfd8;
}

.bg-color-wheat {
  background-color: wheat;
  border-color: wheat;
}

.bg-color-lightsalmon {
  background-color: #ffa07a;
  border-color: #ffa07a;
}

.bg-color-hotpink {
  background-color: #ff69b4;
  border-color: #ff69b4;
}

.bg-color-lawngreen {
  background-color: #7cfc00;
  border-color: #7cfc00;
}

.bg-color-snow {
  background-color: snow;
  border-color: snow;
}

.bg-color-darkslateblue {
  background-color: #483d8b;
  border-color: #483d8b;
}

.bg-color-coral {
  background-color: coral;
  border-color: coral;
}

.bg-color-limegreen {
  background-color: #32cd32;
  border-color: #32cd32;
}

.bg-color-lightgrey {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-royalblue {
  background-color: #4169e1;
  border-color: #4169e1;
}

.bg-color-dimgrey {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-lightseagreen {
  background-color: #20b2aa;
  border-color: #20b2aa;
}

.bg-color-skyblue {
  background-color: #87ceeb;
  border-color: #87ceeb;
}

.bg-color-orchid {
  background-color: orchid;
  border-color: orchid;
}

.bg-color-darksalmon {
  background-color: #e9967a;
  border-color: #e9967a;
}

.bg-color-darkorchid {
  background-color: #9932cc;
  border-color: #9932cc;
}

.bg-color-cornflowerblue {
  background-color: #6495ed;
  border-color: #6495ed;
}

.bg-color-cornsilk {
  background-color: #fff8dc;
  border-color: #fff8dc;
}

.bg-color-lightslategrey {
  background-color: #789;
  border-color: #789;
}

.bg-color-whitesmoke {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.bg-color-seagreen {
  background-color: #2e8b57;
  border-color: #2e8b57;
}

.bg-color-crimson {
  background-color: #dc143c;
  border-color: #dc143c;
}

.bg-color-azure {
  background-color: azure;
  border-color: azure;
}

.bg-color-paleturquoise {
  background-color: #afeeee;
  border-color: #afeeee;
}

.bg-color-darkkhaki {
  background-color: #bdb76b;
  border-color: #bdb76b;
}

.bg-color-mediumvioletred {
  background-color: #c71585;
  border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
  background-color: #fafad2;
  border-color: #fafad2;
}

.bg-color-violet {
  background-color: violet;
  border-color: violet;
}

.bg-color-peachpuff {
  background-color: #ffdab9;
  border-color: #ffdab9;
}
.bg-color-peach {
  background-color: #f56557;
  border-color: #f56557;
}
.bg-color-steelblue {
  background-color: #4682b4;
  border-color: #4682b4;
}

.bg-color-blanchedalmond {
  background-color: #ffebcd;
  border-color: #ffebcd;
}

.bg-color-moccasin {
  background-color: #ffe4b5;
  border-color: #ffe4b5;
}

.bg-color-antiquewhite {
  background-color: #faebd7;
  border-color: #faebd7;
}

.bg-color-mediumturquoise {
  background-color: #48d1cc;
  border-color: #48d1cc;
}

.bg-color-lightskyblue {
  background-color: #87cefa;
  border-color: #87cefa;
}

.bg-color-darkorange {
  background-color: #ff8c00;
  border-color: #ff8c00;
}

.bg-color-darkblue {
  background-color: #00008b;
  border-color: #00008b;
}

.bg-color-springgreen {
  background-color: #00ff7f;
  border-color: #00ff7f;
}

.bg-color-lavender {
  background-color: #e6e6fa;
  border-color: #e6e6fa;
}

.bg-color-mediumpurple {
  background-color: #9370db;
  border-color: #9370db;
}

.bg-color-deepskyblue {
  background-color: #00bfff;
  border-color: #00bfff;
}

.bg-color-mintcream {
  background-color: #f5fffa;
  border-color: #f5fffa;
}

.bg-color-deeppink {
  background-color: #ff1493;
  border-color: #ff1493;
}

.bg-color-darkseagreen {
  background-color: #8fbc8f;
  border-color: #8fbc8f;
}

.bg-color-papayawhip {
  background-color: #ffefd5;
  border-color: #ffefd5;
}

.bg-color-orangered {
  background-color: #ff4500;
  border-color: #ff4500;
}

.bg-color-tomato {
  background-color: tomato;
  border-color: tomato;
}

.bg-color-navajowhite {
  background-color: #ffdead;
  border-color: #ffdead;
}

.bg-color-mediumorchid {
  background-color: #ba55d3;
  border-color: #ba55d3;
}

.bg-color-ghostwhite {
  background-color: #f8f8ff;
  border-color: #f8f8ff;
}

.bg-color-slategrey {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-forestgreen {
  background-color: #228b22;
  border-color: #228b22;
}

.bg-color-dodgerblue {
  background-color: #1e90ff;
  border-color: #1e90ff;
}

.bg-color-linen {
  background-color: linen;
  border-color: linen;
}

.bg-color-blueviolet {
  background-color: #8a2be2;
  border-color: #8a2be2;
}

.bg-color-gainsboro {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.bg-color-lightgreen {
  background-color: #90ee90;
  border-color: #90ee90;
}

.bg-color-chartreuse {
  background-color: #7fff00;
  border-color: #7fff00;
}

.bg-color-mistyrose {
  background-color: #ffe4e1;
  border-color: #ffe4e1;
}

.bg-color-darkgray {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-peru {
  background-color: peru;
  border-color: peru;
}

.bg-color-tan {
  background-color: tan;
  border-color: tan;
}

.bg-color-palegreen {
  background-color: #98fb98;
  border-color: #98fb98;
}

.bg-color-rebeccapurple {
  background-color: #639;
  border-color: #639;
}

.bg-color-darkcyan {
  background-color: #008b8b;
  border-color: #008b8b;
}

.bg-color-oldlace {
  background-color: #fdf5e6;
  border-color: #fdf5e6;
}

.bg-color-rosybrown {
  background-color: #bc8f8f;
  border-color: #bc8f8f;
}

.bg-color-darkslategrey {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-lightslategray {
  background-color: #789;
  border-color: #789;
}

.bg-color-turquoise {
  background-color: #40e0d0;
  border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
  background-color: #b8860b;
  border-color: #b8860b;
}

.bg-color-honeydew {
  background-color: #f0fff0;
  border-color: #f0fff0;
}

.bg-color-mediumslateblue {
  background-color: #7b68ee;
  border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
  background-color: #00fa9a;
  border-color: #00fa9a;
}

.bg-color-plum {
  background-color: plum;
  border-color: plum;
}

.bg-color-darkgrey {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-slategray {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-darkmagenta {
  background-color: #8b008b;
  border-color: #8b008b;
}

.bg-color-lightblue {
  background-color: #add8e6;
  border-color: #add8e6;
}

.bg-color-floralwhite {
  background-color: #fffaf0;
  border-color: #fffaf0;
}

.bg-color-dimgray {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-greenyellow {
  background-color: #adff2f;
  border-color: #adff2f;
}

.bg-color-fuchsia {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-cadetblue {
  background-color: #5f9ea0;
  border-color: #5f9ea0;
}

.bg-color-yellowgreen {
  background-color: #9acd32;
  border-color: #9acd32;
}

.bg-color-darkviolet {
  background-color: #9400d3;
  border-color: #9400d3;
}

.bg-color-sienna {
  background-color: sienna;
  border-color: sienna;
}

.bg-color-lightpink {
  background-color: #ffb6c1;
  border-color: #ffb6c1;
}

.bg-color-mediumblue {
  background-color: #0000cd;
  border-color: #0000cd;
}

.bg-color-bisque {
  background-color: bisque;
  border-color: bisque;
}

.bg-color-aquamarine {
  background-color: #7fffd4;
  border-color: #7fffd4;
}

.bg-color-palegoldenrod {
  background-color: #eee8aa;
  border-color: #eee8aa;
}

.bg-color-aliceblue {
  background-color: #f0f8ff;
  border-color: #f0f8ff;
}

.bg-color-olivedrab {
  background-color: #6b8e23;
  border-color: #6b8e23;
}

.bg-color-indigo {
  background-color: indigo;
  border-color: indigo;
}

.bg-color-lightcyan {
  background-color: #e0ffff;
  border-color: #e0ffff;
}

.bg-color-midnightblue {
  background-color: #191970;
  border-color: #191970;
}

.bg-color-khaki {
  background-color: khaki;
  border-color: khaki;
}

.bg-color-burlywood {
  background-color: #deb887;
  border-color: #deb887;
}

.bg-color-lightyellow {
  background-color: #ffffe0;
  border-color: #ffffe0;
}

.bg-color-lightsteelblue {
  background-color: #b0c4de;
  border-color: #b0c4de;
}

.bg-color-goldenrod {
  background-color: #daa520;
  border-color: #daa520;
}

.bg-color-darkturquoise {
  background-color: #00ced1;
  border-color: #00ced1;
}

.bg-color-magenta {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-seashell {
  background-color: #fff5ee;
  border-color: #fff5ee;
}

.bg-color-indianred {
  background-color: #cd5c5c;
  border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
  background-color: #3cb371;
  border-color: #3cb371;
}

.bg-color-firebrick {
  background-color: #b22222;
  border-color: #b22222;
}

.bg-color-metallic-sunburst {
  border-color: #9e7a48;
  background-color: #9e7a48;
}
.bg-color-deep-taupe {
  border-color: #816059;
  background-color: #816059;
}
.bg-color-rose-taupe {
  border-color: #945754;
  background-color: #945754;
}
.bg-color-nickel {
  border-color: #70756e;
  background-color: #70756e;
}
.bg-color-police-blue {
  border-color: #3f506e;
  background-color: #3f506e;
}
.bg-color-stormcloud {
  border-color: #4f636c;
  background-color: #4f636c;
}
.bg-color-feldgrau {
  border-color: #45604d;
  background-color: #45604d;
}
.bg-color-independence {
  border-color: #4a5163;
  background-color: #4a5163;
}
.bg-color-melon {
  border-color: #fbaca8;
  background-color: #fbaca8;
}

.bg-color-dark-vanilla {
  border-color: #d7bdb0;
  background-color: #d7bdb0;
}
.bg-color-pastel-gray {
  border-color: #d2d6bd;
  background-color: #d2d6bd;
}
.bg-color-color_pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-columbia-blue {
  border-color: #cddbe6;
  background-color: #cddbe6;
}
.bg-color-chinese-silver {
  border-color: #c6d0cf;
  background-color: #c6d0cf;
}
.bg-color-bright-gray {
  border-color: #eaeaea;
  background-color: #eaeaea;
}
.bg-color-feldgrau {
  border-color: #4f7053;
  background-color: #4f7053;
}

.bg-color-pale-silver {
  border-color: #d9bcc0;
  background-color: #d9bcc0;
}

.bg-color-water {
  border-color: #d0eff4;
  background-color: #d0eff4;
}
.bg-color-ash-gray {
  border-color: #adbeb6;
  background-color: #adbeb6;
}
.bg-color-jelly-bean {
  border-color: #d76a49;
  background-color: #d76a49;
}
.bg-color-deer {
  border-color: #c07e68;
  background-color: #c07e68;
}
.bg-color-opera-mauve {
  border-color: #b47eb2;
  background-color: #b47eb2;
}
.bg-color-cool-grey {
  background-color: #8883ab;
  border-color: #8883ab;
}
.bg-color-old-rose {
  border-color: #b2817d;
  background-color: #b2817d;
}
.bg-color-deep-amethyst {
  border-color: #9c8e9b;
  background-color: #9c8e9b;
}
.bg-color-desert-sand {
  border-color: #e4c7a9;
  background-color: #e4c7a9;
}
.bg-color-pastel-pink {
  border-color: #dea89c;
  background-color: #dea89c;
}
.bg-color-pastel-purple {
  border-color: #b8a0b0;
  background-color: #b8a0b0;
}
.bg-color-unbleached-silk {
  border-color: #f9dac6;
  background-color: #f9dac6;
}
.bg-color-brown-yellow {
  background-color: #ce925e;
  border-color: #ce925e;
}
.bg-color-dark-vanilla {
  border-color: #d5b8aa;
  background-color: #d5b8aa;
}
.bg-color-iceberg {
  background-color: #68bbd9;
  border-color: #68bbd9;
}
.bg-color-cadet-grey {
  border-color: #97a6ad;
  background-color: #97a6ad;
}
.bg-color-light-taupe {
  border-color: #b48e6a;
  background-color: #b48e6a;
}
.bg-color-copper-rose {
  border-color: #916f6d;
  background-color: #916f6d;
}
.bg-color-pastel-brown {
  border-color: #767058;
  background-color: #767058;
}
.bg-color-grullo {
  border-color: #a1a290;
  background-color: #a1a290;
}
.bg-color-sonic-silver {
  border-color: #777777;
  background-color: #777777;
}
.bg-color-redwood {
  border-color: #97544e;
  background-color: #97544e;
}
.bg-color-laurel-green {
  border-color: #b1b897;
  background-color: #b1b897;
}
.bg-color-pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-chinese-white {
  border-color: #dbe3e6;
  background-color: #dbe3e6;
}

.bg-color-rocket-metallic {
  border-color: #89806f;
  background-color: #89806f;
}
.bg-color-silver-pink {
  border-color: #cbadab;
  background-color: #cbadab;
}
.bg-color-pale-chestnut {
  border-color: #deb1ae;
  background-color: #deb1ae;
}
.bg-color-opal {
  border-color: #a0bdc5;
  background-color: #a0bdc5;
}
.bg-color-gold-fusion {
  border-color: #7d7a57;
  background-color: #7d7a57;
}
.bg-color-old-silver {
  border-color: #818286;
  background-color: #818286;
}
.bg-color-dust-storm {
  border-color: #e0cdc7;
  background-color: #e0cdc7;
}
.bg-color-alabaster {
  border-color: #f0e7e8;
  background-color: #f0e7e8;
}
.bg-color-english-lavender {
  border-color: #ae8e9d;
  background-color: #ae8e9d;
}
.bg-color-azureish-white {
  border-color: #d8f1ee;
  background-color: #d8f1ee;
}
.bg-color-silver-pink {
  border-color: #ccafb3;
  background-color: #ccafb3;
}
.bg-color-metallic {
  border-color: #aaa8b6;
  background-color: #aaa8b6;
}
.bg-color-cream {
  border-color: #d7cbcd;
  background-color: #d7cbcd;
}
.bg-color-light-blue {
  border-color: #a7bcba;
  background-color: #a7bcba;
}
.bg-color-light-green {
  border-color: #83e2b2;
  background-color: #83e2b2;
}
.bg-color-coffee {
  border-color: #724d30;
  background-color: #724d30;
}

.bg-color-sugar-plum {
  border-color: #914671;
  background-color: #914671;
}

.bg-color-white {
  border: 1px solid #e3e0e0;
}
.bg-color-navy-blue {
  background: navy;
}

/**************/

.item-swiper-init .products {
  display: grid;
}
.swiper-column-2 {width:50%;}
.swiper-column-3 {width:33.33%;}
.swiper-column-4 {width:25%;}
.swiper-column-5 {width:20%;}
/* Souligner tous les liens et boutons */
a,
button,
.site-nav__link,
.btn,
.button,
.shopify-payment-button__button {
  text-decoration: none !important;
}
@media screen and (max-width: 749px) {
  .banner--mobile-bottom {
    position: relative !important;
    display: block !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .banner__content {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: flex-end; /* change à center si tu veux centrer verticalement */
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    z-index: 2;
  }

  .banner__media {
    position: relative;
    z-index: 1;
  }
}
.slideshow__media::after,
.slideshow__overlay::after {
  background: none !important;
  opacity: 0 !important;
}
@media screen and (min-width: 750px) {
  .banner__media {
    position: relative;
  }

  .banner__content {
    position: absolute !important;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 40px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  /* Mettre le header en position absolue */
  header.header, .shopify-section-header {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: transparent !important;
  }

  /* Faire passer la bannière derrière le header */
  .shopify-section-template--24844435325222__slideshow_DxRtRK {
    margin-top: 0px; /* Ajuste selon la hauteur de ton header */
    z-index: 1;
    position: relative;
  }

  /* Évite que le contenu suivant monte sous le header */
  #MainContent {
    padding-top: 0px; /* même valeur que le margin-top négatif */
  }
}
/* Rendre l'intérieur (remplissage) des icônes transparent */
.header__icon--cart svg,
.header__icon--account svg {
  fill: transparent !important;
  stroke: currentColor !important; /* Garde la couleur du texte pour le contour */
}
@media screen and (min-width: 768px) {
  .dt-sc-caret svg {
    fill: white !important;
    stroke: white !important;
  }
}
/* Texte général avec Aktiv Grotesk */
p,
button,
.button,
.btn,
h5,
.text-menu,
.top-level-link,
.dt-sc-nav-link,
.dt-sc-nav-link.dropdown,
.megamenu a,
.dt-sc-list-inline,
nav li,
nav a,
.header__menu,
.header__menu-item {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
  font-style: light;
}

/* Conserver la police serif pour les titres h1 à h4 */
h1, h2, h3, h4 {
  font-family: serif !important;
  font-weight: 300;
  font-style: normal;
}
.product-form__buttons .button {
  background-color: #817563 !important; /* Fond noir */
  color: #ffffff !important;            /* Texte blanc */
  border: none !important;
  border-radius: 30px;                  /* Bouton arrondi */
  padding: 12px 24px !important;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.product-form__buttons .button:hover {
  background-color: #444444 !important; /* Léger effet au survol */
}
@media screen and (max-width: 768px) {
  .product__media,
  .media,
  .media--transparent,
  .product-gallery__media,
  .product__media-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
@media screen and (max-width: 768px) {
  .product__info-bottom-tabs .summary__title.tablinks,
  .product__info-bottom-tabs .accordion__title,
  .product__info-bottom-tabs #tab-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    width: 100%;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media screen and (max-width: 768px) {
  .product__media-item img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto;
  }

  .thumbnail-list {
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
  }

  .thumbnail-list__item.slider__slide {
    float: none !important;
  }

  .thumbnail {
    width: 64px;
    height: auto;
    flex-shrink: 0;
  }
}
.product__media-item img {
  width: 100px !important;
  height: auto !important;
  image-rendering: auto !important;
  object-fit: cover;
}
/* Supprimer flou miniature */
.product__media-list img {
  image-rendering: auto !important;
  -webkit-image-rendering: auto !important;
  -moz-image-rendering: auto !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  filter: none !important;
  transform: none !important;
}

/* Corriger le positionnement des miniatures */
.product__media-list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: translateY(30px) !important; /* ajuste la hauteur ici */
  height: 100%;
  max-height: 100%;
  align-items: flex-start;
}
/* Supprimer le flou sur les miniatures */
.product__media-list img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  filter: none !important;
  image-rendering: auto !important;
  transform: none !important;
}

/* Forcer l'alignement vertical des miniatures */
.product__media-list {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-top: 30px !important; /* Ajuste ici si trop haut ou trop bas */
}

/* Éviter que les miniatures soient trop petites */
.product__media-item {
  max-width: 100% !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 749px) {
  /* Structure verticale mobile : image principale + miniatures en bas */
  .product__media-wrapper {
    display: block !important;
    width: 100% !important;
  }

  .product__media {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
  }

  .product__media img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .thumbnail-list,
  .product__media-list {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
    margin-top: 10px;
    overflow-x: auto;
    width: 100% !important;
    transform: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }

  .thumbnail,
  .thumbnail-list li {
    width: 70px !important;
    flex-shrink: 0;
    position: relative !important;
    transform: none !important;
  }

  .thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
}
/* === HEADER MOBILE TRANSPARENT - VERSION FINALE COMPLÈTE === */
@media (max-width: 749px) {
  /* Header transparent */
  header#header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent !important;
    z-index: 100;
    box-shadow: none !important;
  }

  /* Logo en blanc */
  .header__heading-logo {
    filter: brightness(0) invert(1) !important;
  }

  /* Textes et menus (Canada, Français) en blanc */
  .header__icons *,
  .header__inline-menu *,
  .header__localization *,
  .localization-form__select,
  .disclosure__toggle,
  .header__heading,
  .header__heading * {
    color: white !important;
    fill: white !important;
  }

  /* Flèches déroulantes des menus Canada / Français */
  .disclosure__toggle svg,
  .localization-form__select svg {
    color: white !important;
    fill: white !important;
  }

  /* Icône du panier : PAS de filtre (on garde le contour blanc original) */
  .header__icon svg {
    filter: none !important;
  }

  /* Badge (nombre d’articles dans le panier) : noir sur blanc */
  .cart-count-bubble {
    background-color: white !important;
    color: black !important;
    font-weight: bold !important;
  }

  /* Pour éviter que le contenu passe sous le menu */
  .main-content {
    padding-top: 90px !important;
  }
}
@media (max-width: 749px) {
  /* ✅ Icône du panier : contour blanc, intérieur transparent */
  .header__icon svg {
    fill: none !important;          /* intérieur transparent */
    stroke: white !important;       /* contour blanc */
    color: white !important;        /* compatibilité fallback */
  }

  /* ✅ Bulle du panier : fond blanc, texte noir visible */
  .cart-count-bubble {
    background-color: white !important;
    color: black !important;
    font-weight: bold !important;
    border-radius: 50% !important;
    padding: 2px 6px !important;
    font-size: 12px !important;
  }

  /* ✅ Flèches déroulantes des menus Canada/Français */
  .disclosure__toggle svg,
  .disclosure__toggle .icon-caret,
  .localization-form__select svg,
  .localization-form__select .icon-caret {
    stroke: white !important;
    fill: white !important;
    color: white !important;
    filter: brightness(0) invert(1) !important;
  }

  /* ✅ Menu burger en blanc */
  .header__menu-toggle svg {
    stroke: white !important;
    fill: white !important;
  }
}
@media (max-width: 749px) {
  /* ✅ Icône du panier : contour blanc, intérieur transparent */
  .header__icon--cart svg {
    fill: none !important;
    stroke: white !important;
    stroke-width: 1.5 !important;
  }

  .header__icon--cart svg path {
    stroke: white !important;
    fill: none !important;
    stroke-width: 1.5 !important;
  }

  /* ✅ Bulle du panier : fond blanc, texte noir */
  .cart-count-bubble {
    background-color: white !important;
    color: black !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    padding: 3px 6px !important;
    border-radius: 9999px !important;
    min-width: 18px !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    z-index: 999 !important;
  }

  .cart-count-bubble * {
    color: black !important;
    fill: black !important;
  }
}
@media (max-width: 749px) {
  /* 🌿 Par défaut : header/menu totalement transparents */
  .header,
  .header-wrapper,
  .menu-drawer,
  .menu-drawer__inner,
  .menu-drawer__navigation,
  .header:after,
  .header-wrapper:after {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* ✅ Fond doux (#fffef7) lorsque le menu est ouvert */
  .menu-opening .menu-drawer,
  .drawer-open .menu-drawer,
  .drawer-open .menu-drawer__inner,
  .drawer-open .menu-drawer__navigation,
  .drawer-open .header,
  .drawer-open .header-wrapper {
    background-color: #fffef7 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  /* Empêche les clics ou focus de casser la transparence */
  .header *:focus,
  .header *:active,
  .header:focus-within {
    background-color: transparent !important;
    outline: none !important;
  }
}
/* Appliquer Roboto au texte général */
body {
  font-family: 'roboto', sans-serif;
}

/* Appliquer Roboto au menu principal */
a.dt-sc-nav-link,
a.dt-sc-nav-link.dropdown,
.text-menu,
.top-level-link,
.dt-sc-child,
nav * {
  font-family: 'roboto', sans-serif !important;
}
#shopify-section-header .header__icons .header__icon .icon__fallback-text {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Masquer toutes les flèches dropdown du menu principal */
a.dt-sc-nav-link.dropdown > span.dt-sc-caret,
a.dt-sc-nav-link.dropdown > span.dt-sc-caret > svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
/* Réduire l'espacement entre les éléments de menu principal */
ul#AccessibleNav > li {
  margin: 0 12px !important;
}

/* Centrer horizontalement le menu principal */
ul#AccessibleNav {
  display: flex;
  justify-content: center !important;
  padding: 0 !important;
}
/* Forcer Roboto sur les textes Panier et Connexion */
.header__icons .icon__fallback-text,
.header__icon .icon__fallback-text,
span.icon__fallback-text {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
}
button.disclosure__button {
  font-weight: 400 !important;
}
/* Unifie l’épaisseur de la police pour Canada/Français */
.disclosure__button,
.disclosure__button span,
.caption-large,
.localization-form__select .caption-large,
.localization-form__select .link {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
h2,
h3,
h4,
h5,
.image-with-text__heading {
  font-family: "cormorant", serif !important;
  font-weight: 500 !important;
  font-size: 30px !important; /* 🔍 Ajuste la taille ici */
  font-style: normal !important;
  line-height: 1.2;
  letter-spacing: 0.5px;
}
/* ✅ Forcer header blanc et transparent tablette */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header *,
  .header a,
  .header svg,
  .header svg path,
  .header svg use,
  .header__icon svg,
  .header__icon svg path,
  .header__menu-toggle svg,
  .header__menu-toggle svg path,
  .header__link,
  .disclosure__button,
  .localization-form__select {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  .header img,
  .header__heading-logo img {
    filter: brightness(0) invert(1) !important;
  }

  .header__menu-toggle,
  .disclosure__button,
  .header__inline-menu a,
  .localization-form__select {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .header__menu-toggle:hover,
  .disclosure__button:hover,
  .header__inline-menu a:hover,
  .localization-form__select:hover {
    background-color: transparent !important;
    box-shadow: none !important;
  }
}
/* 🚫 Supprime toutes les flèches des menus */
.header__menu-item > svg,
.header__menu-item svg,
.header__menu-item .icon-caret,
.header__menu-item .icon-chevron,
.header__menu-item .dropdown-arrow,
.menu-drawer__menu-item > svg,
.menu-drawer__menu-item .icon-caret,
.menu-drawer__menu-item .icon-chevron,
.menu-drawer__menu-item .dropdown-arrow,
.site-nav--has-dropdown > .site-nav__link .icon-chevron-down,
a .icon.icon-chevron-down {
  display: none !important;
}
@media (min-width: 1024px) and (max-height: 1366px) {
  /* Cache le menu desktop */
  .site-header__desktop-menu {
    display: none !important;
  }

  /* Affiche le menu mobile */
  .site-header__mobile-menu,
  .mobile-nav-wrapper {
    display: block !important;
  }

  /* Optionnel : ajuste la disposition pour le mode "mobile" */
  .site-header {
    flex-direction: column;
    align-items: flex-start;
  }
}