/** Shopify CDN: Minification failed

Line 246:26 The "-" operator only works if there is whitespace on both sides

**/
@charset "UTF-8";
/*------------------------------------------------------------------

[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer

-------------------------------------------------------------------*/
* {
  outline: 0 !important;
  box-sizing: border-box; }

.nav > li > a:focus {
  background: transparent; }

a:hover {
  text-decoration: none !important; }

.clear-none {
  clear: none !important; }

.clear-space {
  padding: 0 !important; }

.clear-space-left {
  padding-left: 0; }

.clear-space-right {
  padding-right: 0; }

.red {
  color: red; }

.left {
  float: left; }

.right {
  float: right; }

.flex {
  display: flex; }

.inline-block {
  display: inline-block; }

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

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

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

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

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.delay02 {
  transition: all .2s ease; }

.delay03 {
  transition: all .3s ease; }

.delay04 {
  transition: all .4s ease; }

.delay05 {
  transition: all .5s ease; }

.delay1 {
  transition: all 1s ease; }

.delay1_5 {
  transition: all 1.5s ease; }

.delay2 {
  transition: all 2s ease; }

.uppercase {
  text-transform: uppercase; }

.capital {
  text-transform: capitalize; }

.full-width {
  width: 100%; }

.column-10 {
  width: 10%; }

.column-3 {
  width: 33.33333%; }

.column-4 {
  width: 25%; }

.column-6 {
  width: 16.66667%; }

.column-20 {
  width: 20%; }

.column-30 {
  width: 30%; }

.column-40 {
  width: 40%; }

.column-50 {
  width: 50%; }

.column-60 {
  width: 60%; }

.column-70 {
  width: 70%; }

.column-80 {
  width: 80%; }

.column-90 {
  width: 90%; }

.dropdown-menu {
  transform: translateY(10px);
  transition: .3s; }

.dropdown-menu li a {
  font-size: 14px !important;
  line-height: 24px; }

.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
  transform: none;
  transition: .3s; }

.mega-menu-main {
  padding-bottom: 30px;
  min-width: 550px;
  box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0; }

.menu-main li {
  list-style-type: none; }

.menu-main .lv1 li a {
  font-size: 16px; }

.btn-default {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: unset;
  background: #fff; }

.btn-default:hover {
  background: #fff; }

.btn-default:focus {
  background: #fff; }

.btn-default:focus:active {
  background: #fff; }

.btn-default:active {
  background: #fff;
  box-shadow: unset; }

.btn-default.active {
  background: #fff;
  border-color: #fff;
  box-shadow: unset; }

.btn-default.active:hover {
  background: #fff; }

.btn-default.active:focus {
  background: #fff !important; }

a:focus {
  text-decoration: none; }

.form-control:focus {
  border-color: #ddd;
  box-shadow: unset; }

.link-default {
  color: black;
  transition: all .3s ease; }

.link-default:hover {
  color: #ee9051; }

.circle {
  border-radius: 50%;
  border: 1px solid #f0f0f0;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  transition: .3s; }
  .circle:hover {
    transform: scale(1.2);
    transition: .3s; }

.table > tbody > tr > td {
  vertical-align: middle; }

.input-number-group {
  display: flex; }

.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button {
  appearance: none; }

.input-number-group .input-group-button {
  line-height: calc(80px/2-10px); }

.input-number-group .input-number {
  width: 40px;
  text-align: center;
  outline: none;
  display: block;
  margin: 0; }

.input-number-group .input-number,
.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  user-select: none; }

.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  display: inline-block;
  width: 30px;
  background: #fff;
  color: #909090;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-weight: 400; }

.input-number-group .input-number-decrement {
  margin-right: 0.3rem; }

.input-number-group .input-number-increment {
  margin-left: 0.3rem; }

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

li .link-menu {
  color: #323232; }

li .link-menu.white {
  color: #fff; }

li:hover .link-menu {
  color: #ee9051; }

.link-menu {
  color: #323232; }

.link-menu.white {
  color: #fff; }

.link-menu.white .st0 {
  stroke: #fff; }

.link-menu:hover i {
  color: #ee9051; }

.title-hover:hover {
  color: #ee9051 !important; }

.hover-zoom-out {
  overflow: hidden;
  transition: all .5s ease; }

.hover-zoom-out:hover {
  transform: scale(1.05); }

.over-hidden {
  overflow: hidden; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 30;
  background: rgba(29, 29, 31, 0.6);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease; }

.overlay.active {
  opacity: 1;
  visibility: visible; }

.overlay-mini {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: all .3s ease;
  transform: scale(0);
  top: 0; }

.form-search {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: #fff;
  padding: 10% 0 0 0; }

.form-search h3 {
  font-size: 50px;
  padding-bottom: 55px;
  text-transform: capitalize;
  line-height: 60px; }

.form-search i {
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 50px;
  color: #333;
  transition: all .3s ease; }

.form-search i:hover {
  transform: rotate(90deg); }

.form-search form {
  justify-content: center;
  display: flex; }

.form-search form input {
  font-weight: 300;
  font-size: 40px;
  color: #000;
  height: 50px;
  width: 60%;
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: unset; }

.form-search form input::-webkit-input-placeholder {
  color: #000; }

.form-search form input::-moz-placeholder {
  color: #000; }

.form-search form button {
  margin-left: 15px;
  border-radius: 0;
  border: 0;
  font-size: 18px;
  background: #000;
  color: #fff;
  padding: 5px 50px;
  text-transform: uppercase;
  transition: all .3s ease; }

.form-search form button:hover {
  background: #41cce5; }

.form-cart {
  position: fixed;
  overflow: hidden;
  right: -470px;
  height: 100%;
  width: 470px;
  top: 0;
  z-index: 100;
  background: #fff; }

.form-cart i {
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #333;
  transition: all .3s ease; }

.form-cart i:hover {
  transform: rotate(90deg); }

.form-cart h3 {
  font-size: 36px;
  text-align: left;
  padding-left: 30px;
  padding-top: 26px; }

.form-cart .empty-cart {
  padding-top: 50%; }

.form-cart .empty-cart p {
  font-size: 22px;
  text-align: center;
  padding-bottom: 20px; }

.form-cart .empty-cart a {
  width: 187px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  background: #ee9051;
  color: #fff;
  font-size: 18px;
  margin-left: 30%; }

.form-cart .empty-cart a:hover {
  background: #f47d2e; }

@media (max-width: 480px) {
  .form-cart {
    width: 300px; }

  .form-cart .empty-cart a {
    margin-left: 20%; } }
.st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.swatch .title_variant {
  color: #000000;
  margin: 0;
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 600;
  min-width: 55px;
  border-bottom: 2px solid #000;
  margin-right: 27px; }

.swatch .title_variant.header:after {
  bottom: 10px; }

.swatch .link_color {
  display: inline-block;
  height: 20px !important;
  min-width: 20px !important;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ccc;
  transition: all .3s ease;
  position: relative; }
  .swatch .link_color:after {
    content: "";
    border: 1px solid #b0b0b0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0; }
  .swatch .link_color:hover:after {
    content: "";
    width: 26px;
    height: 26px;
    border: 1px solid #b0b0b0;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1; }
  @media (max-width: 576px) {
    .swatch .link_color:hover:after {
      content: "";
      border: 2px solid #b0b0b0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: inline-block;
      position: absolute;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 1; } }

.swatch input:checked + .border-color .link_color:after {
  content: "";
  border: 1px solid #b0b0b0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1; }
@media (max-width: 576px) {
  .swatch input:checked + .border-color .link_color:after {
    content: "";
    border: 2px solid #b0b0b0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1; } }

.swatch .variant_color.variant_quickview .link_color {
  margin-bottom: 0; }

.swatch .variant_color .link_color:hover {
  border: 1px solid #000; }

.swatch .variant_color .link_color .ciloe_filter_color {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%; }

.swatch .variant_color {
  top: 5px; }

.swatch .variant_other {
  width: auto;
  min-width: 43px;
  display: inline-block;
  min-width: unset !important;
  height: unset !important;
  line-height: unset;
  padding: 10px 15px;
  border: 1px solid #ccc !important;
  color: #000;
  margin: 0 10px 10px 0 !important;
  text-align: center;
  transition: all .3s ease;
  font-size: 14px;
  font-weight: 600;
  opacity: .2; }

.swatch .variant_other:hover,
.swatch .variant_other:focus,
.swatch input:checked + .variant_other {
  border: 1px solid #000 !important;
  opacity: 1; }

.swatch input:checked + label {
  background: unset;
  color: #000; }

@-webkit-keyframes smoothFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes smoothFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes smoothFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeOutUp {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

@keyframes smoothFadeOutUp {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

@-webkit-keyframes smoothFadeOutDown {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes smoothFadeOutDown {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@-webkit-keyframes smoothFadeOutLeft {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); } }

@keyframes smoothFadeOutLeft {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); } }

@-webkit-keyframes smoothFadeOutRight {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes smoothFadeOutRight {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

/* ============================================
   🌙 DARK MODE — GLOBAL (propre & compatible Nailie)
   ============================================ */
/* Fond + texte global */
body {
  background: #000 !important;
  color: #fff !important; }

/* Titres */
h1, h2, h3, h4, h5, h6 {
  color: #fff !important; }

/* Textes généraux */
p, span, li, label, strong, em {
  color: #fff !important; }

/* Liens */
a {
  color: #fff !important; }

a:hover {
  color: #F5236B !important; }

/* Icônes SVG */
svg path, svg line, svg circle {
  stroke: #fff !important;
  fill: #fff !important; }

/* Icônes FontAwesome */
i.fa,
i[class*="fa-"] {
  color: #fff !important; }

/* Prix */
.price, .product-price, .money, .compare-price, span.money {
  color: #fff !important; }

/* Inputs / champs de formulaire */
input, textarea, select {
  background: #111 !important;
  color: #fff !important;
  border-color: #444 !important; }

input::placeholder,
textarea::placeholder {
  color: #888 !important; }

/* Boutons */
button, .btn, .button, .shopify-payment-button__button {
  background: #fff !important;
  color: #000 !important; }

button:hover,
.btn:hover,
.button:hover,
.shopify-payment-button__button:hover {
  background: #ccc !important; }

/* Footer */
footer,
footer a,
footer p,
footer span {
  color: #fff !important; }

/* Badge panier */
.enj-cartcount {
  background: #fff !important;
  color: #000 !important; }

/* ============================================
   🌙 DARK MODE — MOBILE (SAFE, sans casser JS)
   ============================================ */
@media (max-width: 768px) {
  /* Fond du menu mobile */
  #tab_menu_mobile,
  .tab_content_menu_mobile,
  .box_contenmenu {
    background: #000 !important; }

  /* Texte niveau 1 (SHOP, FORMATION…) */
  #tab_menu_mobile .menu-horizon-list .namenum > a {
    color: #fff !important; }

  /* Hover niveau 1 */
  #tab_menu_mobile .menu-horizon-list li:hover .namenum > a,
  #tab_menu_mobile .menu-horizon-list li.active .namenum > a {
    color: #F5236B !important; }

  /* Sous-menu (N2) */
  #tab_menu_mobile .menu_lv2 a {
    color: #fff !important; }

  #tab_menu_mobile .menu_lv2 li:hover > a {
    color: #F5236B !important; }

  /* Icônes du mobile (flèche FontAwesome) */
  #tab_menu_mobile i.fa,
  #tab_menu_mobile i.fa::before {
    color: #fff !important; } }
/* DARK MODE GLOBAL — PROPRE & COMPATIBLE NAILIE */
@media (max-width: 768px) {
  /* 1) Désactiver le flash blanc Android au tap */
  a, button, .icon, .header a, .header button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: none !important; }

  /* 2) Supprimer tout fond/bordure résiduels sur les wrappers d’icônes */
  .header a,
  .header button,
  .header i,
  .header .icon,
  .header .icon-item,
  .header .cart,
  .header .search,
  .header .account,
  .header .menu-icon,
  .header .menu-toggle,
  .header .menu_toolbar a,
  .header .menu_toolbar button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important; }

  /* 3) Si un pseudo-élément trace un petit bloc (souvent la cause) */
  .header a::before,
  .header a::after,
  .header button::before,
  .header button::after,
  .header .icon::before,
  .header .icon::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
    /* neutralise les chevrons/pastilles involontaires */ }

  /* 4) Icônes SVG : pas de fond blanc dans les <svg> */
  .header svg {
    background: transparent !important; }

  /* 5) Bouton back-to-top (si positionné trop haut) — on le neutralise sur mobile */
  .back-to-top {
    display: none !important; } }
/* ================================
   🔧 FIX : Carré blanc dans le header mobile
   ================================ */
@media (max-width: 768px) {
  /* 1. Neutraliser un éventuel bloc du compteur panier */
  .enj-cartcount {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important; }

  /* 2. Neutraliser les pseudo-éléments invisibles autour des icônes */
  .header a::before,
  .header a::after,
  .header button::before,
  .header button::after,
  .header i::before,
  .header i::after {
    content: none !important;
    background: transparent !important;
    border: 0 !important; }

  /* 3. Si le toolkit du thème injecte un menu_toolbar (Nailie le fait) */
  .menu_toolbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important; }

  /* 4. Back-to-top parfois placé trop haut en mobile → on le masque */
  .back-to-top {
    display: none !important; } }
/* ============================================
   FIX MEGA-MENU — Sous‑menus lisibles (dark)
   ============================================ */
/* 1) Fond noir pour tous les panneaux de sous‑menu */
.mega-menu-main,
.mega-menu-main .dropdown-menu,
.mega-menu-main .sub-menu,
.mega-menu-main .lv2,
.dropdown-menu,
.dropdown-menu .sub-menu {
  background-color: #000 !important;
  border: none !important;
  box-shadow: none !important; }

/* 2) Liens de sous‑menu (LV2 / colonnes) : blanc par défaut */
.mega-menu-main a,
.mega-menu-main .lv2 a,
.mega-menu-main li a,
.dropdown-menu a,
.dropdown-menu li a {
  color: #fff !important; }

/* 3) Hover / focus : rose (ta charte) */
.mega-menu-main a:hover,
.mega-menu-main .lv2 a:hover,
.mega-menu-main li a:hover,
.dropdown-menu a:hover,
.dropdown-menu li a:hover,
.mega-menu-main a:focus,
.dropdown-menu a:focus {
  color: #F5236B !important; }

/* 4) Titres/colonnes éventuels dans le panneau */
.mega-menu-main .title-menu,
.mega-menu-main h3,
.mega-menu-main h4,
.mega-menu-main p,
.mega-menu-main span {
  color: #fff !important; }

/* 5) Lignes / séparateurs en gris foncé pour rester visibles */
.mega-menu-main li,
.mega-menu-main ul,
.dropdown-menu,
.dropdown-menu li {
  border-color: #222 !important; }

/* ============================================
   🌙 DARK MODE — Sous-menu mobile lisible
   ============================================ */
@media (max-width: 768px) {
  /* Fond noir pour le panneau du sous-menu (N2) */
  #tab_menu_mobile .menu_lv2,
  #tab_menu_mobile .menu_lv2 ul,
  #tab_menu_mobile .menu_lv2 li,
  #tab_menu_mobile .menu_lv2 a {
    background-color: #000 !important; }

  /* Texte du sous-menu en blanc */
  #tab_menu_mobile .menu_lv2 a {
    color: #fff !important;
    opacity: 1 !important; }

  /* Hover / actif en rose */
  #tab_menu_mobile .menu_lv2 li:hover > a,
  #tab_menu_mobile .menu_lv2 li.active > a {
    color: #F5236B !important; }

  /* Si le thème applique un fond blanc sur la zone "scroll" du sous-menu */
  #tab_menu_mobile .scroll,
  #tab_menu_mobile .c1,
  #tab_menu_mobile .c1 div {
    background: #000 !important;
    color: #fff !important;
    border-color: #222 !important; }

  /* Neutralisation des pseudo-éléments éventuels */
  #tab_menu_mobile .menu_lv2 a::before,
  #tab_menu_mobile .menu_lv2 a::after {
    background: transparent !important;
    border: none !important;
    content: none !important; } }
/* ============================================
   🌙 DARK MODE MOBILE — Sous-menu (toutes versions Nailie)
   ============================================ */
@media (max-width: 768px) {
  /* Fond noir pour TOUS les conteneurs internes du sous-menu */
  #tab_menu_mobile .menu_lv2,
  #tab_menu_mobile .menu_lv2 ul,
  #tab_menu_mobile .menu_lv2 li,
  #tab_menu_mobile .menu_lv2 div,
  #tab_menu_mobile .menu_lv2 .c1,
  #tab_menu_mobile .menu_lv2 .c2,
  #tab_menu_mobile .menu_lv2 .scroll,
  #tab_menu_mobile .menu_lv2 .scroll div,
  #tab_menu_mobile .menu_lv2 .menu-horizon-list,
  #tab_menu_mobile .menu_lv2 .item,
  #tab_menu_mobile .menu_lv2 .menu-list,
  #tab_menu_mobile .menu-horizon-list .menu_lv2,
  #tab_menu_mobile .menu-horizon-list .menu_lv2 div,
  #tab_menu_mobile .menu-horizon-list .menu_lv2 ul {
    background: #000 !important;
    border-color: #000 !important; }

  /* Texte des liens du sous-menu */
  #tab_menu_mobile .menu_lv2 a,
  #tab_menu_mobile .menu_lv2 li a,
  #tab_menu_mobile .menu_lv2 div a,
  #tab_menu_mobile .menu_lv2 .scroll a,
  #tab_menu_mobile .menu_lv2 .c1 a,
  #tab_menu_mobile .menu_lv2 .c2 a {
    color: #fff !important;
    opacity: 1 !important; }

  /* Hover rose */
  #tab_menu_mobile .menu_lv2 li:hover > a,
  #tab_menu_mobile .menu_lv2 li.active > a {
    color: #F5236B !important; } }
/* ============================================
   🌙 MOBILE — Mettre en rose l’article cliqué dans le sous‑menu
   ============================================ */
@media (max-width: 768px) {
  /* État actif (élément sur lequel on a cliqué) */
  #tab_menu_mobile .menu_lv2 li.active > a,
  #tab_menu_mobile .menu_lv2 li a.active,
  #tab_menu_mobile .menu_lv3 li.active > a,
  #tab_menu_mobile .menu_lv3 li a.active {
    color: #F5236B !important;
    font-weight: 600 !important; }

  /* Optionnel : petit fond pour mieux le voir */
  #tab_menu_mobile .menu_lv2 li.active,
  #tab_menu_mobile .menu_lv3 li.active {
    background: rgba(245, 35, 107, 0.12) !important;
    /* léger rose translucide */ } }
/* ============================================
   🌙 MOBILE — Colorer l’élément actif du sous-menu
   ============================================ */
@media (max-width: 768px) {
  /* Lien actif détecté via Liquid */
  #tab_menu_mobile .menu_lv2 a.active,
  #tab_menu_mobile .menu_lv3 a.active {
    color: #F5236B !important;
    font-weight: 600 !important; }

  /* Fond léger si tu veux ajouter un petit highlight */
  #tab_menu_mobile .menu_lv2 a.active,
  #tab_menu_mobile .menu_lv3 a.active {
    background: rgba(245, 35, 107, 0.1) !important;
    border-radius: 4px; } }
@media (max-width: 768px) {
  #tab_menu_mobile .menu_lv2 a.active,
  #tab_menu_mobile .menu_lv3 a.active {
    color: #F5236B !important;
    font-weight: 600 !important;
    background: rgba(245, 35, 107, 0.15) !important;
    border-radius: 4px;
    padding-left: 8px; } }
@media (max-width: 768px) {
  /* Quand un sous-menu est ouvert, son parent devient rose */
  #tab_menu_mobile .menu_lv2.show ~ a.nammenu,
  #tab_menu_mobile .menu_lv2.in ~ a.nammenu {
    color: #F5236B !important;
    font-weight: 600 !important; } }
/* ===========================================================
   🌙 DARK MODE — MENU MOBILE avec le même style que MÉGA-MENU DESKTOP
   =========================================================== */
@media (max-width: 768px) {
  /* ------------------------------------------
     🎨 FOND GLOBAL DU MENU MOBILE (comme méga menu)
     ------------------------------------------ */
  .box_contentmenu_background,
  .box_contentmenu,
  .tab_content_menu_mobile,
  #tab_menu_mobile,
  #tab_menu_mobile * {
    background-color: #000 !important; }

  /* ------------------------------------------
     ✨ TEXTE : BLANC (comme desktop)
     ------------------------------------------ */
  #tab_menu_mobile a,
  #tab_menu_mobile span,
  #tab_menu_mobile li,
  #tab_menu_mobile .menu_lv2 a,
  #tab_menu_mobile .menu_lv3 a {
    color: #fff !important;
    opacity: 1 !important; }

  /* ------------------------------------------
     💗 HOVER : ROSE (comme desktop)
     ------------------------------------------ */
  #tab_menu_mobile a:hover,
  #tab_menu_mobile li:hover > a,
  #tab_menu_mobile .menu_lv2 a:hover,
  #tab_menu_mobile .menu_lv3 a:hover {
    color: #F5236B !important; }

  /* ------------------------------------------
     ➤ SÉPARATEURS / LIGNES (comme desktop)
     ------------------------------------------ */
  #tab_menu_mobile li,
  #tab_menu_mobile .menu_lv2 li,
  #tab_menu_mobile .menu_lv3 li {
    border-color: #222 !important; }

  /* ------------------------------------------
     🡢 Flèches : blanches, rose au hover (comme desktop)
     ------------------------------------------ */
  #tab_menu_mobile .js_icon_horizon-menu i {
    color: #fff !important; }

  #tab_menu_mobile .menu-horizon-list:hover .js_icon_horizon-menu i,
  #tab_menu_mobile .js_icon_horizon-menu:hover i {
    color: #F5236B !important; }

  /* ------------------------------------------
     🡠 Bouton retour (js-back)
     ------------------------------------------ */
  #tab_menu_mobile .js-back {
    background-color: #000 !important;
    color: #fff !important; }

  #tab_menu_mobile .js-back:hover {
    color: #F5236B !important; } }
@media (max-width: 768px) {
  .tab_navar_right span {
    color: #000 !important;
    /* noir lisible sur fond blanc */ }

  /* option : flèche / icône en noir aussi */
  .tab_navar_right svg,
  .tab_navar_right path {
    fill: #000 !important;
    stroke: #000 !important; } }
/* ============================================
   🌙 DARK MODE — Bouton du popup cookies lisible
   ============================================ */
.cookie-popup button,
.cookie-popup .btn,
.cookie-popup input[type="submit"],
.cookie-popup input[type="button"] {
  color: #000 !important;
  /* texte noir */
  background: #fff !important;
  /* fond blanc */
  border-color: #fff !important; }

/* ============================================
   🌙 DARK MODE — Bouton popup cookies lisible (version Nailie)
   ============================================ */
.popup-cookie button,
.popup-cookie .btn,
.popup-cookie input[type="submit"],
.popup-cookie input[type="button"] {
  color: #000 !important;
  background: #fff !important;
  border-color: #fff !important; }

/* ============================================
   🌙 Fix — afficher le menu mobile aussi sur tablette (750px–992px)
   ============================================ */
@media (max-width: 992px) {
  .menu_moblie {
    display: flex !important; } }
@media (max-width: 992px) {
  .header {
    display: none !important;
    /* cache le header desktop dans ces tailles */ } }
/* ============================================================
   FIX — Forcer menu mobile sur TOUTES les tailles < 992px
   ET supprimer le carré blanc Nailie sur tablette
   ============================================================ */
/* 1) Menu mobile toujours visible en dessous de 992px */
@media (max-width: 992px) {
  .menu_moblie {
    display: flex !important; }

  /* Et on cache le header desktop */
  .header,
  .header-v1-h1,
  .header-v2-h1,
  .header-v3-h1,
  .header-v4-h1,
  .header-v5-h1,
  .header-v6-h1 {
    display: none !important; } }
/* 2) Correction du carré blanc (caché par Nailie en tablette) */
@media (max-width: 992px) {
  .box_contentmenu_background {
    background: #000 !important; } }
/* 3) Correction du conteneur du menu mobile Nailie (semi-desktop) */
@media (max-width: 992px) {
  .box_contentmenu {
    background: #000 !important; }

  .toptab_box_content,
  .tab_content_menu_mobile {
    background: #000 !important; } }
/* ============================================
   🛠️ FIX DÉFINITIF — Carré blanc version tablette (Nailie)
   ============================================ */
/* 1) Version tablette : 750px à 992px */
@media (min-width: 749px) and (max-width: 992px) {
  .box_contentmenu_background {
    background: #000 !important;
    /* Passe enfin en noir */ }

  /* Le conteneur interne aussi (parfois blanc) */
  .box_contentmenu {
    background: #000 !important; }

  /* Barre supérieure (les onglets MENU / LOGIN) */
  .toptab_box_content {
    background: #000 !important; } }
/* ============================================
   🌙 PATCH FINAL — DARK MODE MOBILE NAILIE
   ============================================ */
/* FOND GLOBAL MENU MOBILE (toutes tailles jusqu'à 992px) */
@media (max-width: 992px) {
  .box_contentmenu_background,
  .box_contentmenu,
  .tab_content_menu_mobile,
  #tab_menu_mobile,
  #tab_menu_mobile * {
    background-color: #000 !important; }

  /* NIVEAU 1 MOBILE (SHOP, FORMATION…) */
  #tab_menu_mobile .menu-horizon-list a {
    color: #fff !important; }

  #tab_menu_mobile .menu-horizon-list a:hover {
    color: #F5236B !important; }

  /* NIVEAU 2 (menu_lv2 : premières sous‑catégories) */
  #tab_menu_mobile .menu_lv2,
  #tab_menu_mobile .menu_lv2 *,
  #tab_menu_mobile .menu_lv2 a {
    background-color: #000 !important;
    color: #fff !important; }

  #tab_menu_mobile .menu_lv2 a:hover {
    color: #F5236B !important; }

  /* NIVEAU 3 (menu_lv3 : sous‑sous catégories) */
  #tab_menu_mobile .menu_lv3,
  #tab_menu_mobile .menu_lv3 *,
  #tab_menu_mobile .menu_lv3 a {
    background-color: #000 !important;
    color: #fff !important; }

  #tab_menu_mobile .menu_lv3 a:hover {
    color: #F5236B !important; }

  /* FOND LOGIN (tab_account_mobile) */
  #tab_account_mobile,
  #tab_account_mobile * {
    background: #000 !important;
    color: #fff !important; }

  /* BOUTONS LOGIN */
  #tab_account_mobile button,
  #tab_account_mobile .btn {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important; }

  #tab_account_mobile button:hover,
  #tab_account_mobile .btn:hover {
    background: #ccc !important; }

  /* ONGLET LOGIN DANS LA BARRE BLANCHE → TEXTE NOIR (VISIBILITÉ) */
  .tab_navar_right span,
  .tab_navar_right svg,
  .tab_navar_right path {
    color: #000 !important;
    fill: #000 !important;
    stroke: #000 !important; } }
/* ============================================
   🛠️ FIX SIMPLE — Carré blanc en version tablette (Nailie)
   ============================================ */
/* Corriger l'affichage du menu mobile sur TABLETTE (750px–992px) */
@media (min-width: 750px) and (max-width: 992px) {
  /* La barre horizontale du menu mobile (cause du carré blanc) */
  .toptab_box_content {
    background-color: #000 !important; }

  /* Le fond derrière si Nailie l’affiche encore */
  .box_contentmenu_background,
  .box_contentmenu {
    background-color: #000 !important; } }
/* ============================================================
   🛠️ FIX DÉFINITIF — Carré blanc + fond noir en tablette
   ============================================================ */
/* Désactiver l’overlay mobile sur TABLETTE (750px–1024px) */
@media (min-width: 750px) and (max-width: 1024px) {
  /* Fond derrière le menu mobile → doit être caché en tablette */
  .box_contentmenu_background {
    display: none !important; }

  /* Conteneur du menu mobile → éviter qu'il recouvre l’écran entier */
  .box_contentmenu {
    background: transparent !important; }

  /* Barre du haut (header mobile) : conserver noir */
  .menu_moblie {
    background-color: #000 !important; }

  /* Empêcher que le fond général passe en noir */
  body {
    background-color: #fff !important; } }
/* ============================================================
   🌙 DARK MODE GLOBAL (Desktop + Tablette + Mobile)
   ============================================================ */
/* Fond général du site */
body {
  background-color: #000 !important;
  color: #fff !important; }

/* Tout le contenu texte */
body *,
p, span, li, a, div, section, article, footer {
  color: #fff !important; }

/* Images et blocs qui imposent un fond */
section,
.container,
.content,
.main-content,
.box_contentmenu_background,
.box_contentmenu,
.tab_content_menu_mobile,
.tab_children_menu,
#tab_menu_mobile,
#tab_account_mobile {
  background-color: #000 !important; }

/* Boutons */
button, .btn {
  background: #fff !important;
  color: #000 !important; }

/* Hover rose */
a:hover {
  color: #F5236B !important; }

/* ============================================================
   🌙 DARK MODE — Correction tablette (fond + contenu)
   ============================================================ */
/* Étendre le dark mode à la zone tablette (min 750px – max 1024px) */
@media (min-width: 750px) and (max-width: 1024px) {
  /* 1. Fond général */
  body {
    background-color: #000 !important;
    color: #fff !important; }

  /* 2. Sections et conteneurs */
  section,
  .main-content,
  .content,
  .container,
  .wrap,
  .contentbody,
  .template,
  .page-width,
  .shopify-section,
  .collection,
  .collection-grid,
  .banner,
  .hero,
  .page {
    background-color: #000 !important;
    color: #fff !important; }

  /* 3. Images & wrappers */
  .banner img,
  .hero img,
  .slideshow img,
  .main-content img {
    background-color: #000 !important; }

  /* 4. Overlay mobile (cause du carré blanc selon les tailles) */
  .box_contentmenu_background,
  .box_contentmenu {
    background-color: #000 !important; }

  /* 5. Textes */
  p, span, strong, h1, h2, h3, h4, h5, h6 {
    color: #fff !important; } }
/* ============================================================
   🛠️ FIX TABLETTE — afficher le menu mobile + supprimer carré blanc
   ============================================================ */
/* TABLETTE = entre 750px et 992px */
@media (min-width: 750px) and (max-width: 992px) {
  /* 1) Forcer menu mobile visible */
  .menu_moblie {
    display: flex !important;
    background-color: #000 !important;
    /* cohérent avec dark */ }

  /* 2) Cacher le header desktop */
  .header,
  .header-v1-h1,
  .header-v2-h1,
  .header-v3-h1 {
    display: none !important; }

  /* 3) SUPPRIMER LES COUCHES QUI FONT LE CARRÉ BLANC */
  .toptab_box_content,
  .box_contentmenu_background {
    display: none !important; }

  /* 4) Empêcher la zone du menu mobile d'afficher du blanc */
  .box_contentmenu {
    background: #000 !important; } }
/* ============================================
   🎯 FIX DÉFINITIF — Bande blanche en mode tablette (Nailie)
   ============================================ */
@media (min-width: 751px) and (max-width: 1024px) {
  /* 1. Cacher complètement la barre blanche du mobile */
  .toptab_box_content {
    display: none !important; }

  /* 2. Éviter que son wrapper crée une hauteur */
  .nav.nav-tabs.toptab_box_content {
    display: none !important; }

  /* 3. Empêcher les espaces résiduels du menu mobile */
  .tab_content_menu_mobile {
    padding-top: 0 !important;
    margin-top: 0 !important; } }
/* TABLETTE : forcer l'affichage du menu mobile, masquer la barre qui crée la bande,
   et neutraliser l'overlay qui teint le fond de page */
@media (min-width: 750px) and (max-width: 992px) {
  /* 1) Afficher le header/menu mobile dans toute la zone tablette */
  .menu_moblie {
    display: flex !important; }

  /* 2) Masquer la barre d’onglets du mobile (cause visuelle de la bande) */
  .toptab_box_content {
    display: none !important; }

  /* 3) Neutraliser le fond/overlay derrière le menu lorsqu'il s'ouvre */
  .box_contentmenu_background {
    display: none !important; } }
/* ============================================
   🌙 DARK MODE — Bouton popup cookies (version Nailie)
   ============================================ */
/* Version Nailie */
.popup-cookie button,
.popup-cookie .btn,
.popup-cookie input[type="submit"],
.popup-cookie input[type="button"] {
  background: #fff !important;
  /* fond blanc */
  color: #000 !important;
  /* texte noir */
  border-color: #fff !important;
  box-shadow: none !important; }

/* ============================================
   ✔ BOUTON POPUP COOKIES (Nailie)
   ============================================ */
.popup-cookie .got_it {
  background: #fff !important;
  /* fond blanc */
  color: #000 !important;
  /* texte noir lisible */
  border-color: #fff !important;
  box-shadow: none !important; }

/* ============================================================
   FIX : supprimer l’overlay mobile en TABLETTE (cause du carré)
   ============================================================ */
@media (min-width: 750px) and (max-width: 1024px) {
  .box_contentmenu_background {
    display: none !important;
    /* supprime l'overlay noir */ } }
/* ============================================
   Mobile — Ne pas noircir le site derrière le menu
   ============================================ */
@media (max-width: 749px) {
  /* L'overlay du menu mobile reste présent (pour fermer au tap), 
     mais devient invisible */
  .box_contentmenu_background,
  .box_contentmenu_background.active {
    background: transparent !important;
    opacity: 0 !important; } }
/* ===== Page Contact : retirer le bloc blanc (colonne gauche) sans casser la grille ===== */
/* Variante 1 : si ton thème ajoute .template-page.contact au body */
.template-page.contact .contact_top .info_left {
  display: none !important;
  /* on masque UNIQUEMENT la colonne blanche */ }

.template-page.contact .contact_top .col-lg-6.col-md-12 {
  flex: 0 0 100% !important;
  /* la colonne restante passe en pleine largeur */
  max-width: 100% !important; }

.template-page.contact .contact_top {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important; }

/* Variante 2 : si le body utilise .page-contact (au cas où) */
.page-contact .contact_top .info_left {
  display: none !important; }

.page-contact .contact_top .col-lg-6.col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important; }

.page-contact .contact_top {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important; }

/* Page Contact : retirer la zone blanche (bloc contact_top) */
.contact_top {
  display: none !important; }

/* ============================================================
   Page Clients (Login/Register) — passer en une seule colonne
   ============================================================ */
/* Grilles clientes → forcer l'empilement */
.customer .grid,
.template-customers-login .grid,
.template-customers-register .grid {
  display: block !important; }

/* Chaque "colonne" devient 100% largeur */
.customer .grid__item,
.template-customers-login .grid__item,
.template-customers-register .grid__item {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important; }

/* Espacements verticaux confortables entre les deux blocs */
.customer .grid__item + .grid__item,
.template-customers-login .grid__item + .grid__item,
.template-customers-register .grid__item + .grid__item {
  margin-top: 32px !important; }

/* ============================================
   Page Login/Register — Empiler les deux colonnes
   ============================================ */
/* Forcer empilement des colonnes Bootstrap */
.template-customers-login .row,
.template-customers-register .row,
.customer.login .row,
.customer.register .row {
  display: block !important; }

/* Chaque colonne devient pleine largeur */
.template-customers-login .col-lg-6,
.template-customers-register .col-lg-6,
.customer.login .col-lg-6,
.customer.register .col-lg-6 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-bottom: 40px !important;
  /* espace entre LOGIN et REGISTER */ }

/* Ordonnancement visuel des colonnes Login/Register en desktop */
@media (min-width: 992px) {
  .login_regester .row {
    display: flex !important;
    align-items: flex-start; }

  .login_regester .register {
    order: 2; }

  /* Inscription à droite */
  .login_regester .col-lg-1 {
    order: 2; }

  /* espace au centre */
  .login_regester .login {
    order: 1; }

  /* Connexion à gauche */ }
/* ============================================================
   🛒 PANIER LATÉRAL (Drawer) — DARK MODE COHÉRENT
   ============================================================ */
/* 1) Panneau du panier : fond noir, texte blanc */
.enj-minicart-ajax,
.mini_cart,
.cart-drawer,
.drawer,
.ajax-cart__drawer,
.RightDrawer {
  background: #000 !important;
  color: #fff !important; }

/* 2) Titres / sous-titres / lignes */
.enj-minicart-ajax h1,
.enj-minicart-ajax h2,
.enj-minicart-ajax h3,
.enj-minicart-ajax p,
.enj-minicart-ajax span,
.mini_cart h1, .mini_cart h2, .mini_cart h3, .mini_cart p, .mini_cart span,
.cart-drawer h1, .cart-drawer h2, .cart-drawer h3, .cart-drawer p, .cart-drawer span {
  color: #fff !important; }

.enj-minicart-ajax hr,
.mini_cart hr,
.cart-drawer hr {
  border-color: #222 !important; }

/* 3) Icône fermeture (X) et icônes SVG */
.enj-minicart-ajax .close,
.mini_cart .close,
.cart-drawer .close,
.drawer .close,
.ajax-cart__drawer .close,
.RightDrawer .close,
.enj-minicart-ajax svg path,
.mini_cart svg path,
.cart-drawer svg path,
.drawer svg path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important; }

/* 4) Bouton principal dans le panier : lisible (blanc/noir) */
.enj-minicart-ajax .btn,
.enj-minicart-ajax button,
.mini_cart .btn,
.mini_cart button,
.cart-drawer .btn,
.cart-drawer button,
.drawer .btn,
.drawer button,
.ajax-cart__drawer .btn,
.ajax-cart__drawer button {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important; }

.enj-minicart-ajax .btn:hover,
.mini_cart .btn:hover,
.cart-drawer .btn:hover,
.drawer .btn:hover,
.ajax-cart__drawer .btn:hover {
  background: #ccc !important;
  color: #000 !important; }

/* 5) Lien "ACHETEZ", "Continuer vos achats", etc. */
.enj-minicart-ajax a,
.mini_cart a,
.cart-drawer a {
  color: #fff !important; }

.enj-minicart-ajax a:hover,
.mini_cart a:hover,
.cart-drawer a:hover {
  color: #F5236B !important;
  /* ta couleur accent */ }

/* 6) Overlay derrière le drawer (choisis l'une des deux variantes ci-dessous) */
/* Variante A : overlay TRÈS LÉGER (on garde un voile discret) */
.overlay,
.drawer__overlay {
  background: rgba(0, 0, 0, 0.25) !important;
  /* voile fin */
  opacity: 1 !important; }

/* Variante B (si tu ne veux plus d’assombrissement du tout, remplace la variante A par ceci) */
/*
.overlay,
.drawer__overlay {
  background: transparent !important;
  opacity: 0 !important;
}
*/
/* Titre "Panier" + X */
.enj-minicart-ajax .drawer__header h1,
.enj-minicart-ajax .drawer__header h2,
.mini_cart .drawer__header h1,
.mini_cart .drawer__header h2,
.cart-drawer .drawer__header h1,
.cart-drawer .drawer__header h2,
.drawer .drawer__header h1,
.drawer .drawer__header h2 {
  color: #fff !important; }

.enj-minicart-ajax .drawer__header .close,
.mini_cart .drawer__header .close,
.cart-drawer .drawer__header .close,
.drawer .drawer__header .close,
.ajax-cart__drawer .drawer__header .close {
  color: #fff !important;
  opacity: 1 !important; }

.enj-minicart-ajax .drawer__header svg path,
.mini_cart .drawer__header svg path,
.cart-drawer .drawer__header svg path,
.drawer .drawer__header svg path {
  fill: #fff !important;
  stroke: #fff !important; }

/* 2) SEPARATEURS (ligne horizontale dans le contenu) */
.enj-minicart-ajax hr,
.mini_cart hr,
.cart-drawer hr,
.drawer hr {
  border: 0 !important;
  border-top: 1px solid #222 !important; }

/* (Option) Si une "barre checkout sticky" spécifique reste blanche, forcer: */
.enj-minicart-ajax .checkout-sticky,
.mini_cart .checkout-sticky,
.cart-drawer .checkout-sticky,
.drawer .checkout-sticky {
  background: #000 !important; }

/* (Option) Si le widget de chat apparaît par-dessus (bande blanche), on lui met un fond transparent en dark */
@media (prefers-color-scheme: dark) {
  .chat-widget, .chaty-widget, .tidio-chat, .crisp-client {
    background: transparent !important; } }