/* ============================================================
   MAGIC FARMERS — DA "LE FERMIER DE LA STREET"  (v8)
   Preview only. N'affecte JAMAIS la prod.
   MODÈLE : base CLAIRE + bandes SOMBRES alternées (taguées .mf-sec-dark en JS).
   Contraste : carte SOMBRE sur bande claire / carte CLAIRE sur bande sombre.
   Palette officielle Yannis.
   ============================================================ */

/* ===== Anti-flash sliders : on masque les pistes des carrousels jusqu'a la fin du 1er passage
   JS (classe html.mf-home-ready). Evite de voir les anciennes cartes / Budget Killers non enrichies
   pendant ~1ms au refresh (desktop + mobile). Failsafe : revele quand meme a 0.9s si le JS echoue.
   opacity (pas display) -> aucun saut de mise en page (l'espace reste reserve).
   Failsafe a 3s (pas 0.9s) : sur mobile init() finit d'enrichir plus tard que sur desktop ;
   un failsafe trop court revelait les cartes NON enrichies avant le JS = flash mobile. ===== */
.mf2-track,.mf-start-track{opacity:0;animation:mfHomeReveal .18s ease 3s forwards;}
@keyframes mfHomeReveal{to{opacity:1}}
html.mf-home-ready .mf2-track,html.mf-home-ready .mf-start-track{opacity:1 !important;animation:none !important;}

:root{
  --bg:#071009;            /* Deep Black Green — bandes sombres */
  --charcoal:#1B1F1A;      /* cartes sombres */
  --off:#F7F7F2;           /* base claire / cartes claires */
  --lime:#A8F000;          /* accent sur SOMBRE */
  --neon:#65C900;          /* accent sur CLAIR */
  --green-deep:#2f6b12;    /* prix/accents lisibles sur carte claire */
  --pink:#F2387A;          /* CTA / badges */
  --yellow:#FFD629;
  --purple:#8B3DFF;
  --mint:#65C900;
  --on-dark:#F7F7F2;
  --on-dark-mut:rgba(247,247,242,.72);
  --on-dark-dim:rgba(247,247,242,.5);
  --on-light:#0d140b;
  --on-light-mut:#3a423a;
  --on-light-dim:#6a726a;
  --line-d:rgba(247,247,242,.10);
  --line-d2:rgba(247,247,242,.18);
  --line-l:#e2e4dd;
  --disp:'Arial Black','Arial Bold',Arial,sans-serif;
  --body:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --card-sh-l:0 2px 8px rgba(13,20,11,.06),0 18px 40px rgba(13,20,11,.10);
  --card-sh-d:0 2px 8px rgba(0,0,0,.3),0 18px 40px rgba(0,0,0,.45);
}

/* ---------- 1. BASE CLAIRE ---------- */
html,body{background:var(--off) !important;color:var(--on-light);}
body{font-family:var(--body);-webkit-font-smoothing:antialiased;}
body::before,body::after{display:none !important;content:none !important;}
html body#index,#wrapper,#main,.wrapper,.content-wrapper,main,#content,#content-wrapper,#columns,.page-home,.pos_layout,
main .container,body#index .container,.elementor-5010000,.elementor-inner{background:transparent !important;background-color:transparent !important;}

/* ---------- 2. BANDES SOMBRES ALTERNÉES (taguées en JS) ---------- */
.mf-sec-dark{position:relative;isolation:isolate;}
.mf-sec-dark::before{content:"";position:absolute;top:0;bottom:0;left:50%;margin-left:-50vw;width:100vw;
  background:var(--bg);z-index:-1;}
/* espace supplémentaire autour de la section quiz */
.mf-quiz-xspace{padding-top:64px !important;padding-bottom:64px !important;}

/* ---------- 3. ELEMENTOR : sections transparentes + titres ---------- */
.elementor,.elementor-inner,.elementor-section-wrap,
.elementor-section,.elementor-container,.elementor-row,
.elementor-column,.elementor-column-wrap,.elementor-element-populated,
.elementor-widget-wrap,.elementor-widget-container,
.elementor-widget-html,.elementor-widget-heading,.elementor-widget-text-editor{
  background-color:transparent !important;background-image:none !important;}

/* titres : DÉFAUT = contexte clair (encre) ; accents neon-green */
.elementor-heading-title{font-family:var(--disp) !important;text-transform:uppercase;
  color:var(--on-light) !important;line-height:.92;letter-spacing:-1px;}
.elementor-heading-title em,.elementor-heading-title i,.elementor-heading-title b,.elementor-heading-title .hl{
  color:var(--neon) !important;font-style:italic;}
.elementor-widget-text-editor,.elementor-widget-text-editor p{color:var(--on-light-mut) !important;}
.elementor-divider-separator{border-color:var(--line-l) !important;}

/* titres de section en ITALIQUE partout */
.elementor-heading-title,
.mf2-title,.mfg3-h,.mfw-h2,.mfsh-title,.mfreel__head h2,.mfs-rv-h,.mf-start-title,
.mf-fp-title,.mf-fp2-title,.mf-rb-title,.mf-quiz-banner__title,.mf-quiz-banner__eye{font-style:italic !important;}

/* -- surcharge des titres/textes DANS une bande sombre -- */
.mf-sec-dark .elementor-heading-title,.mf-sec-dark .mf2-title,.mf-sec-dark .mf-start-title,
.mf-sec-dark .mfw-h2,.mf-sec-dark .mfsh-title,.mf-sec-dark .mfs-rv-h,.mf-sec-dark .mfreel__head h2,
.mf-sec-dark .mf-fp-title,.mf-sec-dark .mf-fp2-title{color:var(--off) !important;}
.mf-sec-dark .elementor-heading-title em,.mf-sec-dark .mf2-title em,.mf-sec-dark .mf2-title .hl,
.mf-sec-dark .mfreel__head h2 em{color:var(--lime) !important;}
.mf-sec-dark .elementor-widget-text-editor,.mf-sec-dark .elementor-widget-text-editor p,
.mf-sec-dark .mf-start-sub,.mf-sec-dark .mfreel__sub{color:var(--on-dark-mut) !important;}

/* ---------- 4. TOP BAR (bande sombre) ---------- */
.mf-tb{background:var(--bg) !important;border-bottom:1px solid var(--line-d) !important;}
.mf-tb p{color:var(--off) !important;}
.mf-tb a.mf-btn-filled{background:var(--lime) !important;border-color:var(--lime) !important;color:var(--bg) !important;}
.mf-tb a.mf-btn-filled:hover{background:var(--off) !important;border-color:var(--off) !important;color:var(--bg) !important;}
.mf-tb a.mf-btn-outline{background:transparent !important;border-color:var(--lime) !important;color:var(--lime) !important;}
.mf-tb a.mf-btn-outline:hover{background:var(--lime) !important;color:var(--bg) !important;}
.mf-tb-divider{background:var(--line-d2) !important;}

/* ---------- 5. HEADER (clair) ---------- */
#header{background:var(--off) !important;border-bottom:1px solid var(--line-l) !important;}
#header.use-sticky.sticky,#header .header-sticky{background:rgba(247,247,242,.97) !important;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.10);}
#_desktop_logo .site-logo,#_mobile_logo .site-logo{background:transparent !important;padding:0 !important;box-shadow:none !important;}
#header i,#header .header-nav i,.header-top i,.blockcart i{color:var(--on-light) !important;}
#header a:hover i{color:var(--neon) !important;}
.cart-products-total,.cart-products-count{color:var(--on-light) !important;}
.blockcart .cart-products-count{background:var(--pink) !important;color:#fff !important;}
#search_widget input,.search-widget input[type=text],.ui-autocomplete-input{
  background:#eceee6 !important;border:1px solid var(--line-l) !important;color:var(--on-light) !important;border-radius:999px !important;}
#search_widget input::placeholder,.search-widget input::placeholder{color:var(--on-light-dim) !important;}
#search_widget button,.search-widget button{color:var(--neon) !important;}

/* ---------- 6. MEGAMENU (barre claire, dropdowns sombres) ---------- */
.main-menu,.pos-menu-horizontal,.menu-content{background:transparent !important;}
.menu-content>li>a,.menu-content>li>a span{color:var(--on-light) !important;font-family:var(--disp) !important;
  text-transform:uppercase;font-size:13px;letter-spacing:.02em;}
.menu-content>li>a:hover span,.menu-content>li.active>a span{color:var(--neon) !important;}
.menu-content>li>a i{color:var(--on-light-dim) !important;}
.pos-sub-menu,.menu-dropdown,.pos-sub-inner{background:var(--charcoal) !important;border:1px solid var(--line-d) !important;
  box-shadow:var(--card-sh-d) !important;border-radius:16px !important;}
.pos-sub-menu .column_title{color:var(--lime) !important;font-family:var(--disp) !important;text-transform:uppercase;}
.pos-sub-menu a,.submenu-item a{color:var(--on-dark-mut) !important;}
.pos-sub-menu a:hover,.submenu-item a:hover{color:var(--lime) !important;}
.icon-drop-mobile i{color:var(--on-light) !important;}

/* liens de contenu : neon sur clair, lime sur sombre */
#wrapper a,#main a{color:var(--green-deep);}
#wrapper a:hover,#main a:hover{color:var(--neon);}
.mf-sec-dark a{color:var(--lime);}
.mf-sec-dark a:hover{color:var(--off);}

/* ============================================================
   7. CARTES — DÉFAUT = carte SOMBRE (sur bande CLAIRE)
   ============================================================ */
.mf2-wrap,.mf-start-wrap{background:transparent !important;padding-top:56px !important;padding-bottom:60px !important;}
.mf2-bg-leaves{display:none !important;}
.mf2-title{font-family:var(--disp) !important;text-transform:uppercase;color:var(--on-light) !important;}
.mf2-title em,.mf2-title .hl{color:var(--neon) !important;}
.mf2-nav-btn{background:#fff !important;border:1.5px solid var(--line-l) !important;color:var(--on-light) !important;}
.mf2-nav-btn:hover{background:var(--lime) !important;border-color:var(--lime) !important;color:var(--bg) !important;}
.mf2-dot{background:rgba(13,20,11,.18) !important;}
.mf2-dot.active{background:var(--neon) !important;}
/* dans une bande sombre : nav/dots clairs */
.mf-sec-dark .mf2-nav-btn{background:var(--charcoal) !important;border-color:var(--line-d2) !important;color:var(--off) !important;}
.mf-sec-dark .mf2-nav-btn:hover{background:var(--lime) !important;border-color:var(--lime) !important;color:var(--bg) !important;}
.mf-sec-dark .mf2-dot{background:var(--line-d2) !important;}
.mf-sec-dark .mf2-dot.active{background:var(--lime) !important;}

/* carte SOMBRE (défaut) */
.mf2-card,.mf-start-card{flex:0 0 310px !important;border-radius:18px !important;
  background:var(--charcoal) !important;border:1px solid rgba(13,20,11,.10) !important;color:var(--on-dark) !important;
  box-shadow:var(--card-sh-d) !important;
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s !important;}
.mf2-card:hover,.mf-start-card:hover{transform:translateY(-6px) !important;border-color:rgba(168,240,0,.5) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28),0 26px 56px rgba(0,0,0,.4),0 0 0 1px rgba(168,240,0,.28) !important;}
.mf2-img-wrap,.mf-start-img{height:230px !important;background:#0f140e !important;}
.mf2-name,.mf-start-name{color:var(--off) !important;}
.mf2-price,.mf-start-price{color:var(--off) !important;}
.mf2-price span,.mf-start-price span{color:var(--on-dark-dim) !important;}
.mf2-price-old,.mf-start-price-old,.mf2-price-old span,.mf-start-price-old span{color:var(--on-dark-dim) !important;}
.mf2-price-new,.mf-start-price-new,.mf2-price-new span,.mf-start-price-new span{color:var(--lime) !important;}
.mf2-price-wrap{border-bottom-color:var(--line-d) !important;}
.mf2-tag{border:2px solid var(--lime) !important;color:var(--lime) !important;background:transparent !important;}
.mf2-new-badge,.mf-start-badge{background:var(--lime) !important;color:var(--bg) !important;border-radius:20px !important;}
.mf2-promo-badge,.mf-start-promo{background:var(--pink) !important;color:#fff !important;border-radius:20px !important;}
.mf2-discount{background:rgba(247,247,242,.05) !important;border:1px solid var(--line-d) !important;border-radius:14px;}
.mf2-discount-label{color:var(--lime) !important;}
.mf2-discount-head,.mf2-discount-row,.mf2-discount-row div{color:var(--on-dark-mut) !important;}
.mf2-discount-head{border-bottom-color:var(--line-d) !important;}
.mf2-discount-row{border-top-color:var(--line-d) !important;}
.mf2-save{color:var(--lime) !important;}.mf2-strike{color:var(--on-dark-dim) !important;}
.mf2-cta{background:var(--pink) !important;color:#fff !important;font-family:var(--disp) !important;
  box-shadow:0 8px 22px rgba(242,56,122,.35) !important;border:0 !important;
  transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease) !important;}
.mf2-card:hover .mf2-cta,.mf2-cta:hover{background:var(--lime) !important;color:var(--bg) !important;
  transform:translateY(-2px);box-shadow:0 12px 26px rgba(168,240,0,.4) !important;}
.mf2-cta-arrow{background:rgba(0,0,0,.18) !important;}
.mf-start-name{font-size:17px !important;min-height:44px !important;}
.mf-start-body{padding:18px 18px 20px !important;}
.mf-start-title{font-size:clamp(28px,3vw,40px) !important;color:var(--on-light) !important;letter-spacing:-1px !important;}
.mf-start-sub{color:var(--on-light-mut) !important;}

/* -- carte CLAIRE (dans une bande SOMBRE) : inversion pour contraste -- */
.mf-sec-dark .mf2-card,.mf-sec-dark .mf-start-card{background:var(--off) !important;
  border:1px solid rgba(255,255,255,.06) !important;color:var(--on-light) !important;box-shadow:var(--card-sh-d) !important;}
.mf-sec-dark .mf2-card:hover,.mf-sec-dark .mf-start-card:hover{border-color:rgba(168,240,0,.6) !important;}
.mf-sec-dark .mf2-img-wrap,.mf-sec-dark .mf-start-img{background:#eceee6 !important;}
.mf-sec-dark .mf2-name,.mf-sec-dark .mf-start-name,.mf-sec-dark .mf2-price,.mf-sec-dark .mf-start-price{color:var(--on-light) !important;}
.mf-sec-dark .mf2-price span,.mf-sec-dark .mf-start-price span{color:var(--on-light-dim) !important;}
.mf-sec-dark .mf2-price-old,.mf-sec-dark .mf-start-price-old,.mf-sec-dark .mf2-price-old span,.mf-sec-dark .mf-start-price-old span{color:var(--on-light-dim) !important;}
.mf-sec-dark .mf2-price-new,.mf-sec-dark .mf-start-price-new,.mf-sec-dark .mf2-price-new span,.mf-sec-dark .mf-start-price-new span{color:var(--green-deep) !important;}
.mf-sec-dark .mf2-price-wrap{border-bottom-color:var(--line-l) !important;}
.mf-sec-dark .mf2-tag{border-color:var(--green-deep) !important;color:var(--green-deep) !important;}
/* 106 — tags de forme (type/volume) : meme pilule verte que la molecule */

.mf-sec-dark .mf2-new-badge,.mf-sec-dark .mf-start-badge{background:var(--green-deep) !important;color:#fff !important;}
.mf-sec-dark .mf2-discount{background:#f0f2ea !important;border-color:var(--line-l) !important;}
.mf-sec-dark .mf2-discount-label{color:var(--green-deep) !important;}
.mf-sec-dark .mf2-discount-head,.mf-sec-dark .mf2-discount-row,.mf-sec-dark .mf2-discount-row div{color:var(--on-light-mut) !important;}
.mf-sec-dark .mf2-discount-head{border-bottom-color:var(--line-l) !important;}
.mf-sec-dark .mf2-discount-row{border-top-color:var(--line-l) !important;}
.mf-sec-dark .mf2-save{color:var(--green-deep) !important;}.mf-sec-dark .mf2-strike{color:var(--on-light-dim) !important;}

/* 7b. GRILLE UNIFIÉE : mêmes marges gauche/droite */
.mf2-header,.mf2-track-outer,.mf2-dots{max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;
  padding-left:16px !important;padding-right:16px !important;box-sizing:border-box !important;}
.mf2-track{padding-left:0 !important;padding-right:0 !important;}
.mf-start-wrap{padding-left:0 !important;padding-right:0 !important;}
.mf-start-inner{max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;
  padding-left:16px !important;padding-right:16px !important;box-sizing:border-box !important;}
.mf-quiz-banner{max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;}

/* ---------- 8. CARTES VEDETTES (mf-fp) ---------- */
.mf-fp-card{background:var(--charcoal) !important;border:1px solid rgba(13,20,11,.10) !important;color:var(--on-dark) !important;box-shadow:var(--card-sh-d) !important;}
.mf-fp-card:hover{transform:translateY(-6px);border-color:rgba(168,240,0,.5) !important;}
.mf-fp-card *{color:inherit;}
.mf-fp-card .price,.mf-fp-price,.mf-fp2-price{color:var(--lime) !important;}

/* ---------- 9. CARROUSEL VIDÉO (mfreel — toujours sur bande sombre) ---------- */
.mfreel__eye{background:var(--pink) !important;color:#fff !important;box-shadow:0 4px 12px rgba(242,56,122,.4) !important;}
.mfreel__head h2{font-family:var(--disp) !important;text-transform:uppercase;}
.mfreel__nav button,.mfreel__nav a{background:var(--charcoal) !important;border:1.5px solid var(--line-d2) !important;color:var(--off) !important;}
.mfreel__nav button:hover,.mfreel__nav a:hover{background:var(--lime) !important;color:var(--bg) !important;border-color:var(--lime) !important;}

/* ---------- 10. BOUTONS GÉNÉRIQUES + hovers ---------- */
.btn-primary,.add-to-cart,.button-primary,.btn.btn-primary,button.btn-primary,input.btn-primary{
  background:var(--pink) !important;color:#fff !important;border:0 !important;font-family:var(--disp) !important;
  text-transform:uppercase;box-shadow:0 8px 22px rgba(242,56,122,.32) !important;border-radius:999px !important;
  transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease) !important;}
.btn-primary:hover,.add-to-cart:hover,.button-primary:hover{background:var(--neon) !important;color:#fff !important;
  transform:translateY(-2px);box-shadow:0 12px 26px rgba(101,201,0,.4) !important;}
.btn-secondary,.btn-outline{background:transparent !important;color:var(--green-deep) !important;border:1.5px solid var(--green-deep) !important;
  border-radius:999px !important;font-family:var(--disp) !important;text-transform:uppercase;transition:all .2s var(--ease);}
.btn-secondary:hover,.btn-outline:hover{background:var(--green-deep) !important;color:#fff !important;transform:translateY(-2px);}

/* ---------- 11. FOOTER (deep black green) ---------- */
.page-footer,#footer,.mf-footer{background:var(--bg) !important;color:var(--on-dark-mut) !important;border-top:1px solid var(--line-d);position:relative;z-index:1;}
.mf-footer h1,.mf-footer h2,.mf-footer h3,.mf-footer h4,#footer h3,#footer h4,.footer-title,.mf-footer-title,
.mf-footer .elementor-heading-title{color:var(--off) !important;font-family:var(--disp) !important;text-transform:uppercase;letter-spacing:.02em;}
.mf-footer a,#footer a,.page-footer a{color:var(--on-dark-mut) !important;}
.mf-footer a:hover,#footer a:hover,.page-footer a:hover{color:var(--lime) !important;}
.mf-footer-legal a{color:var(--on-dark-dim) !important;}

/* ---------- 12. PANIER (sombre) ---------- */
.blockcart .popup_cart.popup-sidebar,.popup_cart{background:var(--charcoal) !important;color:var(--on-dark) !important;
  border-left:1px solid var(--line-d) !important;box-shadow:-6px 0 30px rgba(0,0,0,.6) !important;}
.title-cart,.popup_cart .title-cart span{color:var(--off) !important;font-family:var(--disp) !important;text-transform:uppercase;}
.title-cart{border-bottom:1px solid var(--line-d) !important;}
.close-cart i{color:var(--off) !important;}
.mfd-sg__title{color:var(--off) !important;}.mfd-sg{border-top-color:var(--line-d) !important;}
.mfd-sg__card{color:var(--on-dark-mut) !important;}.mfd-sg__price{color:var(--lime) !important;}.mfd-sg__old{color:var(--on-dark-dim) !important;}
#mfs-cart-panel{background:var(--charcoal) !important;color:var(--on-dark) !important;box-shadow:-6px 0 30px rgba(0,0,0,.6) !important;}
.mfs-cp-head{border-bottom:1px solid var(--line-d) !important;}
.mfs-cp-title,.mfs-cp-close,.mfs-cp-name{color:var(--off) !important;}
.mfs-cp-line{border-bottom:1px solid var(--line-d) !important;color:var(--off) !important;}
.mfs-cp-thumb{background:#0f140e !important;}
.empty-cart,.mfs-cp-empty,.cart-empty-wall{display:flex !important;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;padding:44px 24px !important;text-align:center;color:var(--on-dark-mut) !important;font-size:14px !important;}
.empty-cart>i.icon-rt-handbag,.empty-cart>i.icon-rt-bag2{display:none !important;}
.cart-empty-wall__logo{width:120px;height:auto;background:var(--off);padding:10px 14px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5);}
.cart-empty-wall__title{font-family:var(--disp);font-style:italic;font-size:26px;line-height:.95;text-transform:uppercase;color:var(--off);letter-spacing:-1px;margin:0;}
.cart-empty-wall__title em{color:var(--lime);font-style:italic;}
.cart-empty-wall__sub{font-size:13px;color:var(--on-dark-dim);max-width:30ch;margin:0;line-height:1.5;}
.cart-empty-wall__note{background:var(--off);color:var(--bg);border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:700;transform:rotate(-1.2deg);}
.cart-empty-wall__note b{color:var(--pink);}
.cart-empty-wall__cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px;}
.cart-empty-wall__cats a{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line-d2);border-radius:999px;
  padding:8px 14px;font-size:12px;font-weight:700;color:var(--off) !important;text-transform:uppercase;font-family:var(--disp);
  transition:all .2s var(--ease);text-decoration:none;}
.cart-empty-wall__cats a:hover{background:var(--lime);color:var(--bg) !important;border-color:var(--lime);transform:translateY(-2px);}
.cart-empty-wall__cta{display:inline-flex;align-items:center;gap:.5em;margin-top:6px;background:var(--pink);color:#fff !important;
  font-family:var(--disp);text-transform:uppercase;font-size:13px;padding:12px 22px;border-radius:999px;
  box-shadow:0 10px 24px rgba(242,56,122,.35);text-decoration:none;transition:all .2s var(--ease);}
.cart-empty-wall__cta:hover{background:var(--lime);color:var(--bg) !important;transform:translateY(-2px);}

/* ============================================================
   13. BANNIÈRE "FIND YOUR MATCH" — surface claire (bande claire)
   ============================================================ */
.mf-quiz-orig-hidden{display:none !important;}
.mf-quiz-banner{background:#fff !important;border:1px solid var(--line-l);border-radius:26px;padding:20px 34px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;position:relative;overflow:hidden;
  box-shadow:0 18px 44px rgba(13,20,11,.12);}
.mf-quiz-banner::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(-35deg,rgba(13,20,11,.03) 0 1px,transparent 1px 18px);}
.mf-quiz-banner>*{position:relative;z-index:1;}
.mf-quiz-banner__mascot{width:172px;height:auto;display:block;flex-shrink:0;filter:drop-shadow(0 14px 18px rgba(13,20,11,.2));align-self:end;margin-bottom:-20px;}
.mf-quiz-banner__body{text-align:left;min-width:0;}
.mf-quiz-banner__eye{display:inline-flex;align-items:center;gap:7px;color:var(--neon);font-family:var(--disp);
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;}
.mf-quiz-banner__eye svg{width:14px;height:14px;}
.mf-quiz-banner__title{font-family:var(--disp);text-transform:uppercase;line-height:.98;letter-spacing:-1px;margin:0;
  font-size:clamp(24px,3vw,34px);color:var(--on-light);}
.mf-quiz-banner__title .g{display:block;color:var(--neon);}
.mf-quiz-banner__sub{margin:10px 0 0;color:var(--on-light-mut);font-size:14px;line-height:1.5;max-width:52ch;}
.mf-quiz-banner__cta{display:inline-flex;align-items:center;gap:.55em;background:var(--pink);color:#fff !important;
  font-family:var(--disp);font-style:italic;text-transform:uppercase;font-size:15px;letter-spacing:.01em;padding:16px 26px;
  border-radius:16px;box-shadow:0 10px 24px rgba(242,56,122,.30);white-space:nowrap;cursor:pointer;border:0;text-decoration:none;
  transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);}
.mf-quiz-banner__cta:hover{background:var(--neon) !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(101,201,0,.4);}
@media(max-width:900px){
  .mf-quiz-banner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px;padding:24px 22px 0;}
  .mf-quiz-banner__mascot{width:140px;margin-bottom:-8px;order:-1;}
  .mf-quiz-banner__body{text-align:center;}
  .mf-quiz-banner__sub{margin-left:auto;margin-right:auto;}
  .mf-quiz-banner__cta{margin-bottom:22px;}
}

/* ---------- 14. RESPONSIVE cartes + DIVERS ---------- */
@media(max-width:1024px){.mf2-card,.mf-start-card{flex-basis:292px !important;}.mf2-img-wrap,.mf-start-img{height:215px !important;}}
@media(max-width:767px){.mf2-card,.mf-start-card{flex:0 0 78vw !important;max-width:340px !important;}.mf2-img-wrap,.mf-start-img{height:220px !important;}}
hr{border-color:var(--line-l) !important;}
@media(prefers-reduced-motion:reduce){
  .mf2-card,.mf-start-card,.mf2-cta,.btn-primary,.cart-empty-wall__cta,.mf-quiz-banner__cta{transition:none !important;}
}

/* ============================================================
   16. BANDEAU RÉASSURANCE (marquee .mf-m) — palette
   ============================================================ */
.mf-mw{background:var(--bg) !important;border-top:1px solid rgba(247,247,242,.06) !important;border-bottom:1px solid rgba(247,247,242,.06) !important;}
.mf-mi{color:var(--lime) !important;-webkit-text-stroke:0 !important;text-shadow:none !important;}

/* ============================================================
   17. IN MOTION (mfreel) — bande SOMBRE + breather blanc au-dessus
   (on colore .mfreel directement ; le margin-top reste blanc = section intercalée)
   ============================================================ */
.mfreel{background:var(--bg) !important;color:var(--off) !important;margin-top:40px !important;}
.mfreel h2{color:var(--off) !important;}
.mfreel h2 em{color:var(--lime) !important;}
.mfreel__sub{color:var(--on-dark-mut) !important;}
.mfreel__eye{background:var(--pink) !important;color:#fff !important;box-shadow:0 4px 12px rgba(242,56,122,.4) !important;}
.mfreel__nav button{background:var(--charcoal) !important;border:1.5px solid var(--line-d2) !important;color:var(--off) !important;}
.mfreel__nav button:hover{background:var(--lime) !important;color:var(--bg) !important;border-color:var(--lime) !important;}
/* débloque l'auto-défilement (le scroll-snap mandatory empêchait le drift) */
.mfreel__track{scroll-snap-type:none !important;}

/* ============================================================
   18. QUIZ (après clic CTA) — carte CHARCOAL sur bande claire
   ============================================================ */
/* en-tête sur bande claire = texte sombre */
.mf-quiz-h2{color:var(--on-light) !important;}
.mf-quiz-h2 span{color:var(--neon) !important;}
.mf-quiz-sub{color:var(--on-light-mut) !important;}
.mf-quiz-tag{background:rgba(101,201,0,.14) !important;color:var(--green-deep) !important;}
.mf-quiz-step{background:rgba(13,20,11,.15) !important;}
.mf-quiz-step.active{background:var(--neon) !important;}
.mf-quiz-step.done{background:var(--green-deep) !important;}
.mf-quiz-progress-label{color:var(--on-light-dim) !important;}
/* la carte du quiz = charcoal */
.mf-quiz-card,.mf-quiz-result{background:var(--charcoal) !important;border:1px solid var(--line-d) !important;
  box-shadow:0 20px 50px rgba(13,20,11,.2) !important;}
.mf-quiz-q{color:var(--off) !important;}
.mf-quiz-option{background:rgba(247,247,242,.04) !important;border:1.5px solid var(--line-d) !important;}
.mf-quiz-option:hover{border-color:var(--lime) !important;background:rgba(168,240,0,.08) !important;}
.mf-quiz-option.selected{border-color:var(--lime) !important;background:rgba(168,240,0,.12) !important;box-shadow:0 6px 18px rgba(168,240,0,.15) !important;}
.mf-quiz-option-icon{background:rgba(168,240,0,.14) !important;color:var(--lime) !important;}
.mf-quiz-option.selected .mf-quiz-option-icon{background:var(--lime) !important;color:var(--bg) !important;}
.mf-quiz-option-label{color:var(--off) !important;}
.mf-quiz-option-desc{color:var(--on-dark-dim) !important;}
.mf-quiz-option-check{border-color:var(--line-d2) !important;}
.mf-quiz-option.selected .mf-quiz-option-check{border-color:var(--lime) !important;background:var(--lime) !important;}
.mf-quiz-option.selected .mf-quiz-option-check::after{background:var(--bg) !important;}
.mf-quiz-btn-next{background:var(--pink) !important;color:#fff !important;box-shadow:0 8px 22px rgba(242,56,122,.32) !important;}
.mf-quiz-btn-next.ready:hover{background:var(--lime) !important;color:var(--bg) !important;}
.mf-quiz-btn-back{color:var(--on-dark-dim) !important;}
.mf-quiz-btn-back:hover{color:var(--lime) !important;}
.mf-quiz-result-title{color:var(--off) !important;}
.mf-quiz-result-sub{color:var(--on-dark-mut) !important;}
.mf-quiz-result-tag{background:rgba(168,240,0,.14) !important;color:var(--lime) !important;}
.mf-quiz-result-card{background:rgba(247,247,242,.04) !important;border-color:var(--line-d) !important;color:var(--off) !important;}
.mf-quiz-result-card.top{border-color:var(--lime) !important;background:rgba(168,240,0,.1) !important;}
.mf-quiz-result-card-name{color:var(--off) !important;}
.mf-quiz-result-card-meta{color:var(--on-dark-dim) !important;}
.mf-quiz-result-card-rank{background:rgba(168,240,0,.14) !important;color:var(--lime) !important;}
.mf-quiz-result-card.top .mf-quiz-result-card-rank{background:var(--lime) !important;color:var(--bg) !important;}

/* ============================================================
   19. CARTES FEATURED (mf-fp / mf-fp2 / mf-fp3) — REDESIGN PALETTE
   Carte charcoal + panneau packshot clair + accents lime, CTA rose->lime.
   ============================================================ */
.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap{background:transparent !important;padding-top:60px !important;padding-bottom:60px !important;}
.mf-fp-card,.mf-fp2-card,.mf-fp3-card{background:var(--charcoal) !important;border:1px solid rgba(13,20,11,.12) !important;
  box-shadow:var(--card-sh-d) !important;color:var(--on-dark) !important;}
.mf-sec-dark .mf-fp-card,.mf-sec-dark .mf-fp2-card,.mf-sec-dark .mf-fp3-card{border-color:rgba(168,240,0,.30) !important;}
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{background:#f4f6ef !important;}
.mf-fp-title,.mf-fp2-title,.mf-fp3-title{color:var(--off) !important;}
.mf-fp-tag,.mf-fp2-tag,.mf-fp3-tag{border:2px solid var(--lime) !important;color:var(--lime) !important;background:transparent !important;}
.mf-fp-price,.mf-fp2-price,.mf-fp3-price{color:var(--off) !important;}
.mf-fp-price span,.mf-fp2-price span,.mf-fp3-price span{color:var(--on-dark-dim) !important;}
.mf-fp-price-old,.mf-fp2-price-old,.mf-fp3-price-old,.mf-fp3-oldprice{color:var(--on-dark-dim) !important;}
.mf-fp-price-new{color:var(--lime) !important;}
.mf-fp-desc,.mf-fp2-desc,.mf-fp3-desc{color:var(--on-dark-mut) !important;}
.mf-fp-highlight,.mf-fp2-highlight,.mf-fp3-highlight{background:rgba(247,247,242,.05) !important;color:var(--off) !important;border-left-color:var(--lime) !important;}
.mf-fp-disc,.mf-fp2-discount-row,.mf-fp3-disc{background:rgba(247,247,242,.05) !important;border-color:var(--line-d) !important;color:var(--on-dark-mut) !important;}
.mf-fp-disc strong,.mf-fp3-disc strong{color:var(--off) !important;}
.mf-fp-save,.mf-fp2-save,.mf-fp3-save{color:var(--lime) !important;}
.mf-fp-strike,.mf-fp2-strike,.mf-fp3-oldprice{color:var(--on-dark-dim) !important;}
.mf-fp-badge,.mf-fp2-badge,.mf-fp3-badge{background:var(--pink) !important;color:#fff !important;box-shadow:0 8px 20px rgba(242,56,122,.4) !important;}
.mf-fp-disc-pill{background:var(--pink) !important;color:#fff !important;}
.mf-fp-cta,.mf-fp2-cta,.mf-fp3-cta{background:var(--lime) !important;color:var(--bg) !important;
  box-shadow:0 8px 22px rgba(168,240,0,.30) !important;transition:background .22s var(--ease),transform .22s var(--ease) !important;}
.mf-fp-card:hover .mf-fp-cta,.mf-fp2-card:hover .mf-fp2-cta,.mf-fp3-card:hover .mf-fp3-cta,
.mf-fp-cta:hover,.mf-fp2-cta:hover,.mf-fp3-cta:hover{background:var(--lime) !important;color:var(--bg) !important;transform:translateY(-2px);}
.mf-fp2-range-item{background:rgba(247,247,242,.05) !important;border-color:var(--line-d) !important;}
.mf-fp2-range-name{color:var(--off) !important;}

/* ============================================================
   20. ANTI-ROGNAGE des carrousels (ombre + hover lift coupés par overflow)
   ============================================================ */
.mf-start-track{padding-top:30px !important;padding-bottom:36px !important;}
.mf2-track{padding-top:24px !important;padding-bottom:34px !important;}

/* ============================================================
   21. DIVISEURS ENTRE SECTIONS (street : mur graffiti + papier déchiré)
   ============================================================ */
.mf-divider{position:relative;width:100vw;left:50%;margin-left:-50vw;line-height:0;pointer-events:none;z-index:2;}
.mf-divider--brick{height:clamp(90px,10vw,150px);background:url(/mf-preview-brick.png) center/cover no-repeat;
  margin-top:-6px;margin-bottom:-6px;}
/* interstice transparent qui laisse voir le mur entre 2 panneaux déchirés */
.mf-divider--gap{height:clamp(34px,4.5vw,62px);background:transparent;}

/* ============================================================
   22. MUR DE BRIQUE FIXE (PARALLAXE) + panneaux opaques
   ============================================================ */
html{background:#071009 !important;}
body{background:transparent !important;}
.mf-wall{position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:#0e120a url(/mf-da-home-wall.jpg) center center/cover no-repeat;}
/* voile CLAIR (blanchit le mur) */
.mf-wall::after{content:"";position:absolute;inset:0;background:rgba(7,16,9,.70);}
/* panneaux CLAIRS opaques par-dessus le mur (les sombres ont déjà leur ::before) */
.mf-sec-light{position:relative;isolation:isolate;}
.mf-sec-light::before{content:"";position:absolute;top:0;bottom:0;left:50%;margin-left:-50vw;width:100vw;
  background:var(--off);z-index:-1;}
/* In Motion : redevient un panneau ::before standard (on retire son fond blanc en dur) */
.mfreel{background:transparent !important;margin-top:0 !important;}

/* ---- BORDS DÉCHIRÉS VECTORIELS (clip-path) : révèlent le mur, net & scalable ---- */
:root{
  --torn-top:polygon(0 12px,5% 2px,10% 11px,15% 3px,20% 12px,26% 2px,32% 10px,38% 3px,44% 12px,50% 2px,56% 11px,62% 3px,68% 12px,74% 2px,80% 10px,86% 3px,92% 12px,96% 2px,100% 9px,100% 100%,0 100%);
  --torn-bottom:polygon(0 0,100% 0,100% calc(100% - 9px),96% 100%,92% calc(100% - 12px),86% 100%,80% calc(100% - 10px),74% 100%,68% calc(100% - 12px),62% 100%,56% calc(100% - 11px),50% 100%,44% calc(100% - 12px),38% 100%,32% calc(100% - 10px),26% 100%,20% calc(100% - 12px),15% 100%,10% calc(100% - 11px),5% 100%,0 calc(100% - 12px));
  --torn-both:polygon(0 12px,5% 2px,10% 11px,15% 3px,20% 12px,26% 2px,32% 10px,38% 3px,44% 12px,50% 2px,56% 11px,62% 3px,68% 12px,74% 2px,80% 10px,86% 3px,92% 12px,96% 2px,100% 9px,100% calc(100% - 9px),96% 100%,92% calc(100% - 12px),86% 100%,80% calc(100% - 10px),74% 100%,68% calc(100% - 12px),62% 100%,56% calc(100% - 11px),50% 100%,44% calc(100% - 12px),38% 100%,32% calc(100% - 10px),26% 100%,20% calc(100% - 12px),15% 100%,10% calc(100% - 11px),5% 100%,0 calc(100% - 12px));
}
/* NOUVEAU : panneaux de contenu = IMAGES déchirées fournies (déchirures intégrées,
   transparence -> le mur apparaît dans la déchirure). Remplace le clip-path. */
/* Panneau = IMAGE concrete déchirée (TEXTURE visible). Le chevauchement (.mf-overlap-prev)
   fait retomber la déchirure haute sur le blanc du bloc précédent -> pas de mur en haut. */
.mf-sec-light.mf-torn-top::before,.mf-sec-light.mf-torn-bottom::before{
  background:url(/mf-da-home-panel-light.webp) center/100% 100% no-repeat !important;clip-path:none !important;}
.mf-sec-dark.mf-torn-top::before,.mf-sec-dark.mf-torn-bottom::before{
  background:url(/mf-da-home-panel-dark.webp) center/100% 100% no-repeat !important;clip-path:none !important;}

/* ---- VITRINES SUR LE MUR (transparent, la carte flotte sur la brique) ---- */
.mf-sec-wall{position:relative;background:transparent !important;}
.mf-sec-wall::before{display:none !important;content:none !important;}

/* 107 — anti-coutures : les widgets blancs du HAUT ont chacun leur panneau ::before
   (top:0;bottom:0). Les jointures sous-pixel laissaient voir le mur = traits gris en
   mobile. On fait deborder chaque panneau de 6px haut/bas -> panneaux blancs contigus. */
.elementor-element-afzpmuw.mf-sec-light::before,
.elementor-element-r0k9did.mf-sec-light::before,
.elementor-element-nzlsg3o.mf-sec-light::before,
.elementor-element-24nc19h.mf-sec-light::before,
.elementor-element-77rdzm2.mf-sec-light::before,
.elementor-element-k1qgcqq.mf-sec-light::before,
.elementor-element-l5ca85c.mf-sec-light::before,
.elementor-element-sm8nkmm.mf-sec-light::before,
.elementor-element-ggzjnat.mf-sec-light::before{top:-6px !important;bottom:-6px !important;}
/* New Arrivals : souder SEULEMENT le haut (le bas garde son bord dechire vers le mur) */
.elementor-element-fy1wf9z.mf-sec-light::before{top:-6px !important;}
/* textes hors carte (ex: en-tête quiz révélé) lisibles sur la brique */
.mf-sec-wall .mf-quiz-h2{color:var(--off) !important;text-shadow:0 2px 10px rgba(0,0,0,.65);}
.mf-sec-wall .mf-quiz-h2 span{color:var(--lime) !important;}
.mf-sec-wall .mf-quiz-sub{color:var(--on-dark-mut) !important;text-shadow:0 1px 8px rgba(0,0,0,.7);}
.mf-sec-wall .mf-quiz-tag{background:rgba(168,240,0,.16) !important;color:var(--lime) !important;}
.mf-sec-wall .mf-quiz-progress-label{color:var(--on-dark-mut) !important;}
/* strip "Discover more flavours" lisible sur le mur */
.mf-sec-wall .mf-fp2-range-item,.mf-sec-wall .mf-fp3 [class*="range-item"]{background:rgba(18,22,16,.72) !important;}
/* cartes vitrines : liseré lime + ombre forte pour se détacher de la brique */
.mf-sec-wall .mf-fp-card,.mf-sec-wall .mf-fp2-card,.mf-sec-wall .mf-fp3-card,.mf-sec-wall .mfg3-card{
  border:1px solid rgba(168,240,0,.30) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.5),0 30px 70px rgba(0,0,0,.55) !important;}

/* ============================================================
   23. IN MOTION désormais sur panneau CLAIR (concrete) -> texte sombre
   ============================================================ */
.mfreel h2,.mfreel__head h2{color:var(--on-light) !important;}
.mfreel h2 em,.mfreel__head h2 em{color:var(--green) !important;}
.mfreel__sub{color:var(--on-light-mut) !important;}
.mfreel__nav button,.mfreel__nav a{background:#fff !important;border:1.5px solid var(--line-l) !important;color:var(--on-light) !important;}
.mfreel__nav button:hover,.mfreel__nav a:hover{background:var(--lime) !important;color:var(--bg) !important;border-color:var(--lime) !important;}

/* ============================================================
   24. RÉGLAGES : slider "Discover more flavours" sur le mur, SEE MORE, padding titres, chevauchement
   ============================================================ */
/* -- DISCOVER MORE FLAVOURS (slider vape) : sur le mur, thème sombre, titre surligné -- */
.mf-slider-wrap{background:transparent !important;padding-top:70px !important;padding-bottom:70px !important;}
.mf-slider-title{color:var(--off) !important;font-size:clamp(22px,2.4vw,30px) !important;font-style:italic !important;
  display:inline-block;background:linear-gradient(transparent 58%, rgba(168,240,0,.9) 58%);padding:0 .18em;
  text-shadow:0 2px 12px rgba(0,0,0,.55);letter-spacing:0 !important;}
.mf-slide{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.3) !important;color:var(--off) !important;
  box-shadow:var(--card-sh-d) !important;}
.mf-slide-title{color:var(--off) !important;}
.mf-slide-img{background:#0f140e !important;}

/* -- BOUTONS "SEE MORE" en DA (pill rose -> hover lime) -- */
.mf2-footer{text-align:center !important;margin-top:26px !important;}
.mf2-see-more{display:inline-flex !important;align-items:center;gap:.5em;background:var(--pink) !important;color:#fff !important;
  font-family:var(--disp) !important;font-style:italic;text-transform:uppercase;font-size:14px;letter-spacing:.02em;
  padding:14px 32px !important;border-radius:999px !important;box-shadow:0 8px 22px rgba(242,56,122,.32) !important;
  text-decoration:none !important;border:0 !important;transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease) !important;}
.mf2-see-more:hover{background:var(--lime) !important;color:var(--bg) !important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(168,240,0,.4) !important;}

/* -- badge "Limited Offer" (aligne sur la palette : rose) -- */
.mf2-limited-badge{background:var(--pink) !important;color:#fff !important;}

/* -- PADDING : titres bien DANS la feuille concrete (pas collés à la déchirure) -- */
.mf2-wrap{padding-top:98px !important;padding-bottom:86px !important;}
.mf-start-wrap{padding-top:92px !important;padding-bottom:82px !important;}
.mfreel{padding-top:96px !important;padding-bottom:70px !important;}

/* -- CHEVAUCHEMENT : les feuilles se recouvrent légèrement (collage) -- */
.mf-sec-light.mf-torn-top,.mf-sec-dark.mf-torn-top{margin-top:-28px !important;position:relative;z-index:1;}

/* ============================================================
   25. SHIPPING (mfsh) + REVIEWS (mfs-rv) en DA sur concrete + pills roses
   ============================================================ */
/* -- SHIPPING : fond concrete + cartes sombres -- */
.mfsh{background:transparent !important;}
.mfsh-eyebrow{background:rgba(242,56,122,.15) !important;color:var(--pink) !important;}
.mfsh-title{color:var(--on-light) !important;}
.mfsh-title span,.mfsh-title em{color:var(--neon) !important;}
.mfsh-sub{color:var(--on-light-mut) !important;}
.mfsh-card{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.28) !important;box-shadow:var(--card-sh-d) !important;}
.mfsh-card-title{color:var(--off) !important;}
.mfsh-card-desc{color:var(--on-dark-mut) !important;}
.mfsh-card-desc b{color:var(--lime) !important;}
.mfsh-meter{background:rgba(247,247,242,.12) !important;}
.mfsh-badge{background:var(--lime) !important;color:var(--bg) !important;}
.mfsh-tip{background:var(--charcoal) !important;border:1.5px solid rgba(168,240,0,.28) !important;border-left:3px solid var(--lime) !important;color:var(--on-dark-mut) !important;}
.mfsh-tip b{color:var(--lime) !important;}

/* -- REVIEWS : fond concrete + cartes sombres -- */
.mfs-rv-wrap{background:transparent !important;}
.mfs-rv-h{color:var(--on-light) !important;}
.mfs-rv-h em,.mfs-rv-h span{color:var(--neon) !important;}
.mfs-rv-badge{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.28) !important;color:var(--off) !important;}
.mfs-rv-badge *{color:var(--off) !important;}
.mfs-rv-card{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.28) !important;box-shadow:var(--card-sh-d) !important;}
.mfs-rv-name{color:var(--off) !important;}
.mfs-rv-q{color:var(--on-dark-mut) !important;}
.mfs-rv-av{background:rgba(168,240,0,.16) !important;color:var(--lime) !important;}
.mfs-rv-verif{background:rgba(168,240,0,.16) !important;color:var(--lime) !important;}
.mfs-rv-product{background:rgba(247,247,242,.05) !important;border:1px solid var(--line-d) !important;}
.mfs-rv-pname{color:var(--off) !important;}
.mfs-rv-plabel,.mfs-rv-plink{color:var(--on-dark-mut) !important;}
.mfs-rv-dot{background:rgba(247,247,242,.3) !important;}
.mfs-rv-dot.active{background:var(--lime) !important;}
.mfs-rv-btn{background:var(--charcoal) !important;border:1px solid var(--line-d2) !important;color:var(--off) !important;}
.mfs-rv-btn:hover{background:var(--lime) !important;color:var(--bg) !important;border-color:var(--lime) !important;}

/* -- TITRES EN PILL ROSE (façon "Boost your order ⚡") -- */
.mf-slider-title,.mf-fp2-range-title{display:inline-block !important;background:var(--pink) !important;background-image:none !important;
  color:#fff !important;font-family:var(--disp) !important;text-transform:uppercase;padding:8px 18px !important;
  border-radius:8px !important;transform:skewX(-6deg);box-shadow:0 6px 16px rgba(242,56,122,.45) !important;
  font-style:normal !important;letter-spacing:.02em !important;text-shadow:none !important;margin-bottom:18px !important;}

/* ============================================================
   26. HERO slideshow (pos-slideshow) : donner une hauteur au slide
   (le .slider-item est une image de fond sans hauteur -> 0px -> invisible)
   ============================================================ */
.pos-slideshow,.slick-slider-block{display:block !important;}
.pos-slideshow .slideshow-item,.pos-slideshow .slider-item{display:block !important;}
.pos-slideshow .slider-item{width:100% !important;aspect-ratio:2170 / 725;min-height:200px;}

/* ============================================================
   27. Panneau concrete précédé d'un panneau opaque : remonte par-dessus
   (masque le mur qui apparaîtrait dans sa déchirure haute)
   ============================================================ */
.mf-overlap-prev{margin-top:-104px !important;position:relative;z-index:2;}

/* ============================================================
   28. Flag sur les cartes vidéo (reel) -> lime DA
   ============================================================ */
.mfreel .reel__badge{background:var(--lime) !important;color:var(--bg) !important;box-shadow:0 4px 12px rgba(168,240,0,.4) !important;}

/* ============================================================
   29. Bullets ACTIFS des carrousels -> lime DA (uniforme)
   ============================================================ */
.mf2-dot.active,.mfs-rv-dot.active,.mf-start-dot.active,.mf-slider-dot.active{background:var(--lime) !important;}
.slick-dots li.slick-active button:before{color:var(--lime) !important;}

/* ============================================================
   30. Bouton "Watch full video" des cartes vidéo -> rose DA
   ============================================================ */
.mfreel .reel__watch{color:var(--pink) !important;opacity:1 !important;}
.mfreel .reel__watch svg,.mfreel .reel__watch i,.mfreel .reel__watch path{color:var(--pink) !important;fill:var(--pink) !important;stroke:var(--pink) !important;}

/* ============================================================
   31. SHIPPING : rapide=vert lime / lent=rose (fini l'ambre hors palette)
   ============================================================ */
.mfsh-speed-val.green{color:var(--lime) !important;}
.mfsh-speed-val.amber{color:var(--pink) !important;}
.mfsh-meter.green span{background:linear-gradient(90deg,var(--neon),var(--lime)) !important;}
.mfsh-meter.amber span{background:linear-gradient(90deg,#F2387A,#F77FA6) !important;}
.mfsh-card-desc strong{color:var(--lime) !important;}
.mfsh-card.muted .mfsh-card-desc strong{color:var(--pink) !important;}
.mfsh-card a{color:var(--pink) !important;}

/* ============================================================
   32. Nouveau logo header (format large) : cadrage propre
   ============================================================ */
#_desktop_logo .site-logo img,#_mobile_logo .site-logo img{height:auto !important;max-height:46px !important;width:auto !important;max-width:230px !important;object-fit:contain;}

/* ============================================================
   33. "Also available in the Magic Sauce range" -> slider horizontal
   (au lieu d'une grille, comme DISCOVER MORE FLAVOURS)
   ============================================================ */
.mf-fp2-range-grid{display:flex !important;grid-template-columns:none !important;overflow-x:auto;gap:14px;
  padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.mf-fp2-range-grid::-webkit-scrollbar{display:none;}
.mf-fp2-range-item{flex:0 0 150px !important;scroll-snap-align:start;}
@media(max-width:767px){.mf-fp2-range-item{flex:0 0 132px !important;}}

/* ============================================================
   34. Logo blanc street -> pastille sombre pour lisibilité sur header clair
   ============================================================ */
#_desktop_logo .site-logo,#_mobile_logo .site-logo{background:transparent !important;padding:0 !important;box-shadow:none !important;}

/* ============================================================
   35. HEADER SOMBRE ("le bon noir") + logo blanc + icônes/menu clairs
   ============================================================ */
#header{background:var(--bg) !important;border-bottom:1px solid var(--line-d) !important;}
#header.use-sticky.sticky,#header .header-sticky{background:rgba(7,16,9,.96) !important;box-shadow:0 6px 20px rgba(0,0,0,.45) !important;}
#header i,#header .header-nav i,.header-top i,.blockcart i{color:var(--off) !important;}
#header a:hover i{color:var(--lime) !important;}
.cart-products-total,.cart-products-count{color:var(--off) !important;}
.blockcart .cart-products-count{background:var(--pink) !important;color:#fff !important;}
#search_widget input,.search-widget input[type=text],.ui-autocomplete-input{background:rgba(247,247,242,.07) !important;border:1px solid var(--line-d2) !important;color:var(--off) !important;}
#search_widget input::placeholder,.search-widget input::placeholder{color:var(--on-dark-dim) !important;}
#search_widget button,.search-widget button{color:var(--lime) !important;}
.menu-content>li>a,.menu-content>li>a span{color:var(--off) !important;}
.menu-content>li>a:hover span,.menu-content>li.active>a span{color:var(--lime) !important;}
.menu-content>li>a i{color:var(--on-dark-dim) !important;}
#_desktop_logo .site-logo,#_mobile_logo .site-logo{background:transparent !important;padding:0 !important;box-shadow:none !important;}

/* ============================================================
   36. PLUS DE PADDING VERTICAL sur toutes les sections (respiration)
   ============================================================ */
.mf2-wrap{padding-top:120px !important;padding-bottom:104px !important;}
.mf-start-wrap{padding-top:112px !important;padding-bottom:98px !important;}
.mfreel{padding-top:120px !important;padding-bottom:96px !important;}
.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap{padding-top:100px !important;padding-bottom:100px !important;}
.mfsh{padding-top:44px !important;padding-bottom:64px !important;}
.mfs-rv-wrap{padding-top:104px !important;padding-bottom:96px !important;}
.mf-slider-wrap{padding-top:96px !important;padding-bottom:96px !important;}

/* ============================================================
   37. CARROUSELS EN PLEINE LARGEUR (comme le slider vidéo)
   Piste full-bleed ; 1ère carte alignée à la grille 1220 ; titre/nav/points centrés.
   ============================================================ */
.mf2-track-outer{max-width:none !important;margin:0 !important;padding-left:0 !important;padding-right:0 !important;}
.mf2-track{padding-left:calc((100% - min(100%,1220px))/2 + 16px) !important;padding-right:clamp(16px,4vw,44px) !important;}
.mf2-header,.mf2-dots{max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;padding-left:16px !important;padding-right:16px !important;}

/* Budget Killers */
.mf-start-inner{max-width:none !important;padding-left:0 !important;padding-right:0 !important;}
.mf-start-title,.mf-start-sub{max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box;}
.mf-start-track{padding-left:calc((100% - min(100%,1220px))/2 + 16px) !important;padding-right:clamp(16px,4vw,44px) !important;}

/* Discover more flavours (slider vape) */
.mf-slider-inner{max-width:none !important;padding-left:0 !important;padding-right:0 !important;}
.mf-slider-title{margin-left:calc((100% - min(100%,1220px))/2 + 16px) !important;}
.mf-slider-track{padding-left:calc((100% - min(100%,1220px))/2 + 16px) !important;padding-right:clamp(16px,4vw,44px) !important;}

/* ============================================================
   38. Masquer les barres de scroll horizontales des sliders
   ============================================================ */
.mf2-track,.mf-start-track,.mf-slider-track,.mfreel__track,.mf-fp2-range-grid,.mfd-sg__track{
  scrollbar-width:none !important;-ms-overflow-style:none !important;}
.mf2-track::-webkit-scrollbar,.mf-start-track::-webkit-scrollbar,.mf-slider-track::-webkit-scrollbar,
.mfreel__track::-webkit-scrollbar,.mf-fp2-range-grid::-webkit-scrollbar,.mfd-sg__track::-webkit-scrollbar{
  display:none !important;width:0 !important;height:0 !important;}

/* ============================================================
   39. Réduction -10% de TOUS les blocs (cartes/vitrines) via zoom
   (appliqué aux blocs eux-mêmes, pas aux bandes full-bleed ni au mur)
   ============================================================ */
.mf2-card,.mf-start-card,
.mf-fp-card,.mf-fp2-card,.mf-fp3-card,
.mfg3-card,.mf-quiz-banner,
.mfsh-card,.mfsh-tip,.mfs-rv-card,.mfs-rv-badge,
.mfreel .reel,.mf-slide,.mf-fp2-range-item{zoom:.82;}

/* ============================================================
   40. Cartes featured : hauteur = CONTENU (image en absolu cover)
   -> supprime le grand vide sous le texte (l'image portrait n'impose plus la hauteur)
   ============================================================ */
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{position:relative !important;align-self:stretch !important;overflow:hidden;}
.mf-fp-img img,.mf-fp2-img img,.mf-fp3-img img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;}

/* ============================================================
   41. Largeur du panneau image des cartes featured (42% -> 50%)
   ============================================================ */
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{flex:0 0 50% !important;}

/* ============================================================
   42. Cartes featured : POSTER ENTIER (pas de rognage) + contenu centré
   (annule le cover absolu ; image en flux, hauteur auto)
   ============================================================ */
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{position:static !important;flex:0 0 42% !important;align-self:center !important;overflow:visible !important;background:transparent !important;}
.mf-fp-img img,.mf-fp2-img img,.mf-fp3-img img{position:static !important;width:100% !important;height:auto !important;object-fit:contain !important;display:block !important;inset:auto !important;}
.mf-fp-card,.mf-fp2-card,.mf-fp3-card{align-items:center !important;}

/* ============================================================
   43. Burger menu (barres) en BLANC sur le header sombre
   ============================================================ */
#mfs-burger-btn span,#mfs-burger-btn-mobile span{background:var(--off) !important;}

/* ============================================================
   44. OMBRES LISSÉES (diffuses, une seule couche) — supprime la ligne dure
   ============================================================ */
.mf2-card,.mf-start-card,.mf-fp-card,.mf-fp2-card,.mf-fp3-card,
.mfg3-card,.mfsh-card,.mfsh-tip,.mfs-rv-card,.mfs-rv-badge,
.mf-quiz-banner,.mfreel .reel,.mf-slide,.mf-fp2-range-item,
.mf2-nav-btn,.mfreel__nav button,.mf2-cta,.mf-fp-cta,.mf-fp2-cta,.mf-fp3-cta,
.mf2-see-more,.mf-quiz-banner__cta,.mf-fp-badge,.mf-fp2-badge,.mf-fp3-badge{
  box-shadow:0 16px 44px rgba(0,0,0,.24) !important;}
.mf2-card:hover,.mf-start-card:hover,.mf-fp-card:hover,.mf-fp2-card:hover,.mf-fp3-card:hover,
.mf-slide:hover,.mf-fp2-range-item:hover{box-shadow:0 26px 64px rgba(0,0,0,.34) !important;}

/* ============================================================
   45. ENCORE plus de padding vertical sur chaque section (aération)
   ============================================================ */
.mf2-wrap{padding-top:156px !important;padding-bottom:150px !important;}
.mf-start-wrap{padding-top:148px !important;padding-bottom:140px !important;}
.mfreel{padding-top:156px !important;padding-bottom:140px !important;}
.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap{padding-top:140px !important;padding-bottom:140px !important;}
.mfsh{padding-top:80px !important;padding-bottom:110px !important;}
.mfs-rv-wrap{padding-top:150px !important;padding-bottom:140px !important;}
.mf-slider-wrap{padding-top:130px !important;padding-bottom:130px !important;}

/* ============================================================
   47. Padding haut/bas sur les blocs UPSELL Kowabunga (r0jwduy, lnaddqc)
   ============================================================ */
.elementor-element-r0jwduy,.elementor-element-lnaddqc{padding-top:72px !important;padding-bottom:130px !important;}

/* ============================================================
   48. Padding sections réduit (les cumuls créaient de trop grands vides)
   ============================================================ */
.mf2-wrap{padding-top:96px !important;padding-bottom:88px !important;}
.mf-start-wrap{padding-top:84px !important;padding-bottom:84px !important;}
.mfreel{padding-top:96px !important;padding-bottom:84px !important;}
.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap{padding-top:80px !important;padding-bottom:80px !important;}
.mfsh{padding-top:56px !important;padding-bottom:72px !important;}
.mfs-rv-wrap{padding-top:92px !important;padding-bottom:84px !important;}
.mf-slider-wrap{padding-top:70px !important;padding-bottom:70px !important;}
.elementor-element-r0jwduy,.elementor-element-lnaddqc{padding-top:64px !important;padding-bottom:80px !important;}

/* ============================================================
   49. Cartes featured : image 1/4, contenu 3/4 (réduit aussi la hauteur)
   ============================================================ */
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{flex:0 0 35% !important;max-width:35% !important;}
.mf-fp-body,.mf-fp2-body,.mf-fp3-body{flex:1 1 65% !important;}

/* ============================================================
   50. Renfort carte Titty (mf-fp2) : même style compact que les autres featured
   ============================================================ */
.mf-fp2-card .mf-fp2-img{flex:0 0 25% !important;max-width:25% !important;align-self:center !important;position:static !important;overflow:visible !important;background:transparent !important;}
.mf-fp2-card .mf-fp2-img img{position:static !important;width:100% !important;height:auto !important;object-fit:contain !important;inset:auto !important;display:block !important;}
.mf-fp2-card .mf-fp2-body{flex:1 1 75% !important;}
.mf-fp2-card{align-items:center !important;}

/* ============================================================
   51. Titty (mf-fp2) : boîte Volume Discounts en SOMBRE (comme Crazy Dog)
   ============================================================ */
.mf-fp2-discount{background:rgba(247,247,242,.05) !important;border:1px solid var(--line-d) !important;}
.mf-fp2-discount-label{color:var(--lime) !important;}
.mf-fp2-discount-head,.mf-fp2-discount-head div{color:var(--on-dark-dim) !important;border-bottom-color:var(--line-d) !important;}
.mf-fp2-discount-row,.mf-fp2-discount-row div{color:var(--on-dark-mut) !important;border-top-color:var(--line-d) !important;}
.mf-fp2-save{color:var(--lime) !important;}
.mf-fp2-strike{color:var(--on-dark-dim) !important;}

/* ============================================================
   52. Titty (mf-fp2) : Volume Discounts en 3 TUILES (comme Crazy Dog)
   ============================================================ */
.mf-fp2-discount{display:flex !important;flex-wrap:wrap !important;gap:12px !important;background:transparent !important;border:0 !important;padding:0 !important;margin-bottom:20px !important;}
.mf-fp2-discount-label{flex:0 0 100% !important;margin-bottom:2px !important;color:var(--lime) !important;}
.mf-fp2-discount-head{display:none !important;}
.mf-fp2-discount-row{flex:1 1 0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:5px !important;
  grid-template-columns:none !important;background:rgba(247,247,242,.05) !important;border:1px solid var(--line-d) !important;border-top:1px solid var(--line-d) !important;
  border-radius:14px !important;padding:14px 16px !important;}
.mf-fp2-discount-row div{color:var(--on-dark-mut) !important;font-weight:600 !important;}
.mf-fp2-discount-row div:first-child{color:var(--off) !important;font-family:var(--disp) !important;}
.mf-fp2-discount-row .mf-fp2-save{color:var(--lime) !important;}

/* ============================================================
   53. WHY US (mfw) sur le MUR + DA : cartes charcoal, accents lime
   ============================================================ */
.mfw{background:transparent !important;}
.mfw-h2{color:var(--off) !important;}
.mfw-h2 span,.mfw-h2 em,.mfw-h2 .hl{color:var(--lime) !important;}
.mfw-sub{color:var(--on-dark-mut) !important;}
.mfw-card{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.28) !important;box-shadow:0 16px 44px rgba(0,0,0,.24) !important;}
.mfw-card-title{color:var(--off) !important;}
.mfw-card-desc{color:var(--on-dark-mut) !important;}
.mfw-card-desc b,.mfw-card-desc strong{color:var(--lime) !important;}
.mfw-card-icon{background:rgba(168,240,0,.14) !important;}
.mfw-card-icon,.mfw-card-icon svg,.mfw-card-icon i{color:var(--lime) !important;}
.mfw-stats{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.22) !important;}
.mfw-stat{border-color:var(--line-d) !important;}
.mfw-stat-num{color:var(--lime) !important;}
.mfw-stat-label{color:var(--on-dark-dim) !important;}

/* ============================================================
   54. Eyebrow "Why Magic Farmers" (.mfw-tag) -> lime DA
   ============================================================ */
.mfw-tag{background:rgba(168,240,0,.16) !important;color:var(--lime) !important;}
.mfw-tag svg,.mfw-tag i{color:var(--lime) !important;fill:currentColor !important;}

/* ============================================================
   55. Reviews (mfs-rv) : remonter pour masquer le bas de "Join the community"
   ============================================================ */
.mfs-rv-wrap{margin-top:-48px !important;position:relative;z-index:3;}

/* ============================================================
   56. Reviews : contenu redescendu, mais la FEUILLE concrete monte couvrir la section du dessus
   ============================================================ */
.mfs-rv-wrap{margin-top:0 !important;}
.elementor-element-gtjrbzj{position:relative;z-index:3;}
.elementor-element-gtjrbzj::before{top:-90px !important;}

/* ============================================================
   57. Remonter le CONTENU Verified reviews (la feuille reste en place)
   ============================================================ */
.mfs-rv-wrap{margin-top:-56px !important;}

/* ============================================================
   58. Bandeau réassurance (.mf-rb) en DA + nouvelles icônes SVG lime
   ============================================================ */
/* section aérée, fond transparent (le mur reste visible) */
.mf-rb{background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;padding:92px 36px 170px !important;}
.mf-rb-inner{gap:28px !important;}
/* 4 cartes SÉPARÉES (au lieu d'une seule) */
.mf-rb-item{background:var(--charcoal) !important;border:1px solid rgba(168,240,0,.20) !important;border-radius:22px !important;box-shadow:0 18px 44px rgba(0,0,0,.28) !important;padding:40px 22px !important;gap:18px !important;justify-content:flex-start;}
.mf-rb-ic{width:64px;height:64px;border-radius:18px;background:rgba(168,240,0,.14);display:inline-flex;align-items:center;justify-content:center;color:var(--lime);}
.mf-rb-ic svg{width:32px;height:32px;}
.mf-rb-title{color:var(--off) !important;font-family:var(--disp) !important;font-style:italic !important;text-transform:uppercase;}
.mf-rb-sub{color:var(--on-dark-mut) !important;}

/* FAQ (mf-faq) : reste sur fond blanc, texte encre */
.mf-faq-wrap{background:transparent !important;}
.mf-faq-btn:hover .mf-faq-q{color:var(--green-deep) !important;}

/* ============================================================
   59. FAQ : feuille déchirée blanche (concrete) + 2 colonnes + accents DA
   ============================================================ */
/* Fond = même image concrete déchirée que les autres panneaux clairs,
   et on chevauche la section du dessus pour ne pas laisser voir le mur dans la déchirure haute. */
.elementor-element-y7leei2.mf-sec-light::before{
  background:url(/mf-da-home-panel-light.webp) center/100% 100% no-repeat !important;clip-path:none !important;}
.elementor-element-y7leei2{margin-top:-80px !important;position:relative;z-index:2;}

/* 2 colonnes de questions (le titre/sous-titre restent au-dessus, pleine largeur) */
.mf-faq-wrap{max-width:1080px !important;padding-top:150px !important;}
.mf-faq-cols{columns:2;column-gap:48px;}
.mf-faq-item{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;}
.mf-faq-item:first-of-type{border-top:1px solid #e8e8e0;}

/* Accents = vert + rose de la DA */
.mf-faq-btn:hover .mf-faq-q{color:var(--neon) !important;}
.mf-faq-item.open .mf-faq-q{color:var(--neon) !important;}
.mf-faq-item.open .mf-faq-icon{background:var(--pink) !important;border-color:var(--pink) !important;}

@media(max-width:760px){.mf-faq-cols{columns:1;}}

/* ============================================================
   60. FAQ : header typé DA (eyebrow lettré + titre italic + sous-titre affiné)
   ============================================================ */
.mf-faq-title{font-family:var(--disp) !important;font-style:italic !important;text-transform:uppercase !important;
  font-size:58px !important;letter-spacing:-1.5px !important;line-height:.92 !important;color:var(--charcoal) !important;margin-bottom:16px !important;}
.mf-faq-title::before{content:"Got questions?";display:block;font-family:var(--disp);font-style:italic;
  font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--neon);margin-bottom:14px;}
.mf-faq-sub{font-family:var(--body) !important;color:var(--on-light-dim) !important;font-size:15px !important;letter-spacing:.2px !important;}
@media(max-width:760px){.mf-faq-title{font-size:42px !important;}}

/* ============================================================
   61. CARROUSELS : aucune ombre au repos, ombre LÉGÈRE au survol
   (l'animation de lift/transform est conservée)
   ============================================================ */
.mf2-card,.mf-start-card,.mf-slide,.mf-fp2-range-item,
.mf-sec-dark .mf2-card,.mf-sec-dark .mf-start-card{box-shadow:none !important;}
.mf2-card:hover,.mf-start-card:hover,.mf-slide:hover,.mf-fp2-range-item:hover,
.mf-sec-dark .mf2-card:hover,.mf-sec-dark .mf-start-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.16) !important;}

/* ============================================================
   63. Shipping « Pro tip » : ampoule = vert DA, textes forts = rose
   ============================================================ */
.mfsh-tip svg{color:var(--lime) !important;}
.mfsh-tip strong{color:var(--pink) !important;font-weight:800 !important;}

/* ============================================================
   64. Bandeau réassurance : nouvelles icônes IMAGES (street) posées telles quelles
   ============================================================ */
.mf-rb-img{width:120px;height:120px;object-fit:contain;display:block;}
@media(max-width:600px){.mf-rb-img{width:100px;height:100px;}}

/* ============================================================
   65. Cartes featured : largeur réduite + CTA barre pleine largeur + rangée réassurance
   ============================================================ */
.mf-fp-inner{max-width:1000px !important;}
/* CTA en barre pleine largeur (flèche en pastille) */
.mf-fp-cta{width:100% !important;padding:17px 26px !important;border-radius:14px !important;font-size:14px !important;gap:12px !important;box-shadow:0 12px 26px rgba(242,56,122,.28) !important;}
.mf-fp-cta-arrow,.mf-fp2-cta-arrow,.mf-fp3-cta-arrow{width:30px !important;height:30px !important;background:rgba(0,0,0,.25) !important;color:#fff !important;flex-shrink:0 !important;}
.mf-fp-cta-arrow svg,.mf-fp2-cta-arrow svg,.mf-fp3-cta-arrow svg{width:15px !important;height:15px !important;color:#fff !important;stroke:#fff !important;}
/* rangée de réassurance sous le CTA */
.mf-fp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);}
.mf-fp-trust-item{display:flex;align-items:center;gap:10px;text-align:left;}
.mf-fp-trust-item svg{width:22px;height:22px;color:var(--lime);flex-shrink:0;}
.mf-fp-trust-item strong{display:block;font-family:var(--disp);font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--off);line-height:1.25;}
.mf-fp-trust-item span{font-size:11px;color:var(--on-dark-mut);line-height:1.2;}
@media(max-width:600px){.mf-fp-trust{gap:10px;}.mf-fp-trust-item{flex-direction:column;text-align:center;gap:6px;}}

/* ============================================================
   66. Harmonisation cartes featured : tuiles remises = grille 3 col pleine largeur
   (alignées avec le CTA plein largeur et les 3 colonnes de réassurance)
   ============================================================ */
.mf-fp-discounts{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px !important;align-items:stretch;}
.mf-fp-disc{width:auto !important;min-width:0 !important;flex:initial !important;}
.mf-fp-trust{grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:600px){.mf-fp-discounts{grid-template-columns:repeat(3,1fr) !important;}}

/* ============================================================
   67. Cartes featured : image BORD À BORD (remplit toute la colonne média,
   collée en haut/bas/gauche ; les coins arrondis de la carte la rognent)
   ============================================================ */
.mf-fp-img,.mf-fp2-img,.mf-fp3-img{position:relative !important;align-self:stretch !important;overflow:hidden !important;background:transparent !important;}
.mf-fp-img img,.mf-fp2-img img,.mf-fp3-img img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.mf-fp-card,.mf-fp2-card,.mf-fp3-card{align-items:stretch !important;}

/* ============================================================
   68. Section Why-us : nouvelles icônes IMAGES (street) posées telles quelles
   ============================================================ */
.mfw-ico{width:auto !important;height:auto !important;background:transparent !important;border-radius:0 !important;margin-bottom:14px !important;}
.mfw-img{width:72px;height:72px;object-fit:contain;display:block;}

/* ============================================================
   69. Why-us stats : 166+ et 30+ en rose (accent)
   ============================================================ */
.mfw-stat-num[data-target="166"],.mfw-stat-num[data-target="30"]{color:var(--pink) !important;}

/* ============================================================
   70. Budget Killers : panier rose (ajout direct) sur la ligne du prix
   ============================================================ */
.mf-start-price-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px;}
.mf-start-cart{flex-shrink:0;width:38px;height:38px;border-radius:12px;background:var(--pink);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 6px 16px rgba(242,56,122,.42);}
.mf-start-cart svg{width:19px;height:19px;}
.mf-start-cart:hover{background:var(--lime);color:var(--bg);transform:translateY(-2px) scale(1.05);}
.mf-start-cart.is-added{background:var(--lime);color:var(--bg);}

/* ============================================================
   71. Quiz "Find your match" APRÈS clic CTA : nettoyage
   - masque l'intro redondante (déjà présentée par le banner)
   - bouton NEXT : état désactivé propre (au lieu du rose à 35% = bordeaux)
   ============================================================ */
.mf-quiz-wrap .mf-quiz-header{display:none !important;}
.mf-quiz-progress{margin-top:4px !important;}
.mf-quiz-btn-next{opacity:1 !important;background:rgba(247,247,242,.10) !important;color:var(--on-dark-dim) !important;box-shadow:none !important;}
.mf-quiz-btn-next.ready{background:var(--pink) !important;color:#fff !important;box-shadow:0 8px 22px rgba(242,56,122,.32) !important;}
.mf-quiz-btn-next.ready:hover{background:var(--lime) !important;color:var(--bg) !important;}

/* ============================================================
   72. Quiz : retirer le fond clair en dur de .mf-quiz-wrap (le mur reprend derrière)
   ============================================================ */
.mf-quiz-wrap{background:transparent !important;background-image:none !important;border-top:none !important;border-bottom:none !important;}

/* ============================================================
   73. Quiz : couleurs DA affinées + accents ROSE
   - progression : étape courante ROSE, étapes faites VERT
   - option sélectionnée : accent ROSE (chip + coche + halo) ; survol = vert (aperçu)
   ============================================================ */
.mf-quiz-step.active{background:var(--pink) !important;}
.mf-quiz-step.done{background:var(--neon) !important;}
.mf-quiz-option:hover{border-color:var(--lime) !important;background:rgba(168,240,0,.08) !important;}
.mf-quiz-option.selected{border-color:var(--pink) !important;background:rgba(242,56,122,.10) !important;box-shadow:0 6px 18px rgba(242,56,122,.18) !important;}
.mf-quiz-option.selected .mf-quiz-option-icon{background:var(--pink) !important;color:#fff !important;}
.mf-quiz-option.selected .mf-quiz-option-check{border-color:var(--pink) !important;background:var(--pink) !important;}
.mf-quiz-option.selected .mf-quiz-option-check::after{background:#fff !important;}
/* résultat : carte n°1 accent rose */
.mf-quiz-result-card.top{border-color:var(--pink) !important;background:rgba(242,56,122,.10) !important;}
.mf-quiz-result-card.top .mf-quiz-result-card-rank{background:var(--pink) !important;color:#fff !important;}

/* ============================================================
   74. FOOTER en DA (charte street)
   ============================================================ */
.mf-footer{background:var(--bg) !important;border-top:1px solid rgba(168,240,0,.18) !important;}
.mf-footer-brand,.mf-footer-brand p{color:var(--on-dark-mut) !important;}
/* titres de colonnes : display + filet lime */
.mf-footer-col h3{font-family:var(--disp) !important;color:var(--off) !important;text-transform:uppercase;letter-spacing:.05em;position:relative;padding-bottom:12px;margin-bottom:16px;}
.mf-footer-col h3::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:3px;border-radius:2px;background:var(--lime);}
/* liens */
.mf-footer-col ul li a{color:var(--on-dark-mut) !important;transition:color .18s ease;}
.mf-footer-col ul li a:hover{color:var(--lime) !important;}
.mf-footer-col ul li::marker{color:var(--neon) !important;}
/* badges NEW -> rose */
.mf-footer-new{background:var(--pink) !important;color:#fff !important;border-color:var(--pink) !important;}
/* réseaux sociaux */
.mf-footer-social a{border-color:rgba(168,240,0,.28) !important;color:var(--off) !important;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;}
.mf-footer-social a:hover{background:var(--lime) !important;color:var(--bg) !important;border-color:var(--lime) !important;transform:translateY(-2px);}
/* contact */
.mf-footer-contact-icon{color:var(--lime) !important;}
.mf-footer-contact-text a:hover{color:var(--lime) !important;}
/* bandeau réassurance */
.mf-footer-trust-item{color:var(--on-dark-mut) !important;}
.mf-footer-trust-item svg,.mf-footer-trust-item i,.mf-footer-trust-item path{color:var(--lime) !important;stroke:var(--lime) !important;}
/* bas de page */
.mf-footer-bottom{background:var(--charcoal) !important;border-top:1px solid var(--line-d) !important;}
.mf-footer-copyright{color:var(--on-dark-dim) !important;}
.mf-footer-legal a{color:var(--on-dark-mut) !important;transition:color .18s ease;}
.mf-footer-legal a:hover{color:var(--lime) !important;}

/* ============================================================
   75. MOBILE : papier déchiré non déformé (cover garde la proportion)
   ============================================================ */
@media(max-width:768px){
  .mf-sec-light.mf-torn-top::before,.mf-sec-light.mf-torn-bottom::before,
  .elementor-element-y7leei2.mf-sec-light::before,
  .mf-sec-dark.mf-torn-top::before,.mf-sec-dark.mf-torn-bottom::before{
    background-size:cover !important;background-position:center !important;
  }
}

/* ============================================================
   76. MOBILE : header en NOIR (icônes claires)
   ============================================================ */
#mfs-header-mobile{background:var(--bg) !important;border-bottom:none !important;}
#mfs-burger-btn-mobile span{background:#fff !important;}
#mfs-search-btn-mobile,#mfs-account-mobile,#mfs-cart-mobile{color:#fff !important;}
#mfs-search-btn-mobile svg,#mfs-account-mobile svg,#mfs-cart-mobile svg{stroke:#fff !important;}
#mfs-search-bar{background:var(--bg) !important;border-top-color:var(--line-d) !important;border-bottom-color:var(--line-d) !important;}

/* ============================================================
   77. Nettoyage : padding au-dessus de Budget Killers réduit
       + suppression des traits gris (bordures de section)
   ============================================================ */
.mf-start-wrap{padding-top:40px !important;}
.mf-mw{border-top:none !important;border-bottom:none !important;}
.mf-start-wrap,.mf2-wrap,.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap,
.mf-slider-wrap,.mfsh,.mfw,.mfg3,.mf-quiz-wrap,.mf-rb,.mfreel{border-top:none !important;border-bottom:none !important;}

/* ============================================================
   78. Cartes featured : type-scale unifié + description agrandie
   ============================================================ */
.mf-fp-title{font-size:27px !important;}
.mf-fp-price{font-size:24px !important;}
.mf-fp-price span{font-size:13px !important;}
.mf-fp-desc{font-size:15.5px !important;line-height:1.6 !important;}
.mf-fp-highlight{font-size:13.5px !important;}
.mf-fp-tag{font-size:11px !important;}
.mf-fp-badge{font-size:12px !important;}
@media(max-width:768px){
  .mf-fp-title{font-size:22px !important;}
  .mf-fp-desc{font-size:15px !important;}
  .mf-fp-price{font-size:22px !important;}
}

/* ============================================================
   79. Shipping info : plus d'air au-dessus (desktop + mobile)
   ============================================================ */
.mfsh{padding-top:80px !important;}
@media(max-width:768px){.mfsh{padding-top:100px !important;}}

/* ============================================================
   80. MOBILE : afficher l'image des cartes featured (carte en colonne)
   -> le conteneur reçoit une hauteur (ratio) + pleine largeur,
      l'image absolue remplit en bord à bord (cover)
   ============================================================ */
@media(max-width:768px){
  .mf-fp-img,.mf-fp2-img,.mf-fp3-img{
    position:relative !important;flex:none !important;width:100% !important;max-width:none !important;
    aspect-ratio:1/1;align-self:stretch !important;overflow:hidden !important;}
  .mf-fp-img img,.mf-fp2-img img,.mf-fp3-img img{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
}

/* ============================================================
   81. MOBILE : visuels adaptés (paysage) par carte featured
   ============================================================ */
@media(max-width:768px){
  .elementor-element-5nce8zs .mf-fp-img,
  .elementor-element-2vxpmk4 .mf-fp-img,
  .elementor-element-kr9avds .mf-fp-img,
  .elementor-element-jym3xwa .mf-fp-img{
    aspect-ratio:1610/977 !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}
  .elementor-element-5nce8zs .mf-fp-img{background-image:url(/mf-preview-m-titty.jpg?v=1) !important;}
  .elementor-element-2vxpmk4 .mf-fp-img{background-image:url(/mf-preview-m-gofast.jpg?v=1) !important;}
  .elementor-element-kr9avds .mf-fp-img{background-image:url(/mf-preview-m-bruce.jpg?v=1) !important;}
  .elementor-element-jym3xwa .mf-fp-img{background-image:url(/mf-preview-m-cookies.jpg?v=1) !important;}
  .elementor-element-5nce8zs .mf-fp-img img,
  .elementor-element-2vxpmk4 .mf-fp-img img,
  .elementor-element-kr9avds .mf-fp-img img,
  .elementor-element-jym3xwa .mf-fp-img img{display:none !important;}
}

/* ============================================================
   82. Badge featured = tag AU-DESSUS de la carte, style "Boost your order"
   ============================================================ */
.mf-fp-badge{position:static !important;transform:skewX(-6deg) !important;
  display:inline-flex !important;align-items:center;gap:.4em;
  background:var(--pink) !important;color:#fff !important;font-family:var(--disp) !important;
  font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase;
  padding:8px 16px !important;border-radius:6px !important;margin:0 0 16px 0 !important;
  left:auto !important;top:auto !important;white-space:nowrap;font-style:normal !important;
  box-shadow:0 6px 16px rgba(242,56,122,.4) !important;}
.mf-fp-badge span{display:inline-block;transform:skewX(6deg);}

/* ============================================================
   83. Rangée réassurance cartes : icônes IMAGES street
   ============================================================ */
.mf-fp-trust-img{width:70px;height:70px;object-fit:contain;flex-shrink:0;display:block;}
@media(max-width:768px){.mf-fp-trust-img{width:60px;height:60px;}}

/* ============================================================
   84. Shipping : eyebrow retiré + icônes cartes = images street
   ============================================================ */
.mfsh-eyebrow{display:none !important;}
.mfsh-ico{background:transparent !important;width:auto !important;height:auto !important;box-shadow:none !important;}
.mfsh-img{width:130px;height:130px;object-fit:contain;display:block;}
@media(max-width:768px){.mfsh-img{width:120px;height:120px;}}

/* ============================================================
   85. Bloc cadeau (mfg3) : icônes gift = image street + rendu mobile
   ============================================================ */
/* icônes de la carte cadeau en ROSE */
.mfg3-b svg,.mfg3-gift svg{color:var(--pink) !important;fill:var(--pink) !important;}
@media(max-width:768px){
  .mfg3-card{padding-left:26px !important;padding-right:26px !important;gap:16px !important;}
  .mfg3-copy{padding:0 !important;}
  .mfg3-h{font-size:clamp(32px,8vw,40px) !important;line-height:1 !important;}
  .mfg3-desc{font-size:15px !important;line-height:1.55 !important;}
  .mfg3-b-t{font-size:13px !important;}
  .mfg3-b-s{font-size:12px !important;}
  .mfg3-benefits{gap:10px 14px !important;}
  .mfg3-gift{font-size:16px !important;}
  .mfg3-pack{max-width:210px !important;margin:0 auto !important;}
  .mfg3-offer{margin-top:2px !important;}
  .mfg3-progbox{padding:14px 16px !important;}
}

/* ============================================================
   86. Packshot Kowa = scène (pas de flottement/ombre, coins arrondis)
   ============================================================ */
.mfg3-pack{filter:none !important;animation:none !important;border-radius:14px !important;}
@media(max-width:768px){.mfg3-pack{max-width:340px !important;margin:0 auto !important;}}

/* ============================================================
   87. Bloc cadeau (mfg3) — finitions MOBILE
   ============================================================ */
@media(max-width:768px){
  /* la scène cadrée au centre, badge WORTH calé sur son coin */
  .mfg3-stage{width:-moz-fit-content !important;width:fit-content !important;margin:0 auto !important;min-height:0 !important;position:relative;}
  .mfg3-pack{max-width:340px !important;}
  .mfg3-burst{top:-10px !important;right:-10px !important;width:88px !important;height:88px !important;}
  .mfg3-burst .f{font-size:21px !important;}
  /* offre toujours en colonne (évite le "ON ORDERS OVER 500€" en ligne) */
  .mfg3-offer{flex-direction:column !important;align-items:flex-start !important;gap:4px !important;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;}
  .mfg3-goal-wrap{flex:0 0 auto !important;}
  .mfg3-progbox{width:100% !important;flex:0 0 auto !important;margin-top:16px !important;}
  .mfg3-goal{font-size:50px !important;}
  .mfg3-away{font-size:34px !important;}
  .mfg3-awaywrap{margin-top:10px !important;}
  /* un peu moins de scroll */
  .mfg3-benefits{gap:10px 16px !important;}
  .mfg3-copy{gap:0 !important;}
}

/* 88. Mobile : masquer la liste de bénéfices du bloc cadeau */
@media(max-width:768px){.mfg3-benefits{display:none !important;}}

/* ============================================================
   89. Bloc cadeau — offre : empilement propre (label / montant)
   ============================================================ */
.mfg3-offer .mfg3-over,.mfg3-offer .mfg3-goal{display:block !important;}
.mfg3-offer .mfg3-over{top:auto !important;margin-bottom:2px;}
@media(max-width:768px){
  .mfg3-offer .mfg3-goal{font-size:56px !important;line-height:.92 !important;}
  .mfg3-offer .mfg3-away{font-size:38px !important;}
  .mfg3-awaywrap{margin-top:14px !important;}
}

/* ============================================================
   90. Mobile : offre EN PLEINE LARGEUR sous le titre (1 colonne)
   ============================================================ */
@media(max-width:768px){
  .mfg3-card{display:grid !important;grid-template-columns:1fr !important;
    grid-template-areas:"topnote" "pack" "copy" "offer" !important;
    gap:16px !important;align-items:start !important;}
  .mfg3-topnote{grid-area:topnote !important;}
  .mfg3-stage{grid-area:pack !important;}
  .mfg3-copy{grid-area:copy !important;}
  .mfg3-offer{grid-area:offer !important;border-top:none !important;padding-top:0 !important;margin-top:0 !important;}
  .mfg3-offer .mfg3-goal{font-size:42px !important;letter-spacing:-1.5px !important;}
  .mfg3-offer .mfg3-away{font-size:28px !important;}
  .mfg3-progbox{margin-top:12px !important;padding:12px 14px !important;}
}
@media(max-width:480px){
  .mfg3-offer .mfg3-goal{font-size:36px !important;}
  .mfg3-offer .mfg3-away{font-size:24px !important;}
}

/* ============================================================
   91. Carrousels : moins d'espace entre le titre et les cartes
   ============================================================ */
.mf2-header{margin-bottom:14px !important;}
.mf2-track{padding-top:6px !important;}
@media(max-width:768px){
  .mf2-header{margin-bottom:12px !important;}
  .mf2-track{padding-top:4px !important;}
}

/* ============================================================
   92. Carrousels : un peu plus d'air AU-DESSUS du titre de section
   ============================================================ */
.mf2-wrap{padding-top:120px !important;}
@media(max-width:768px){.mf2-wrap{padding-top:72px !important;}}

/* ============================================================
   93. Plus d'air EN HAUT de toutes les sections (desktop + mobile)
   ============================================================ */
.mf2-wrap,.mf-start-wrap,
.mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap,
.mfsh,.mfw,.mfs-rv,.mfs-rv-wrap,.mfg3{padding-top:80px !important;}
@media(max-width:768px){
  .mf2-wrap,.mf-start-wrap,
  .mf-fp-wrap,.mf-fp2-wrap,.mf-fp3-wrap,
  .mfsh,.mfw,.mfs-rv,.mfs-rv-wrap,.mfg3{padding-top:52px !important;}
}

/* ============================================================
   94. Uniformisation YY (titre -> contenu) pour Budget Killers
   ============================================================ */
.mf-start-sub{margin-bottom:14px !important;}
.mf-start-track{padding-top:6px !important;}
@media(max-width:768px){
  .mf-start-sub{margin-bottom:12px !important;}
  .mf-start-track{padding-top:4px !important;}
}

/* ============================================================
   95. Bloc cadeau : padding haut = bas (carte centrée verticalement)
   ============================================================ */
.mfg3{padding-bottom:80px !important;}
@media(max-width:768px){.mfg3{padding-bottom:52px !important;}}

/* ============================================================
   96. Bloc cadeau : packshot détouré + lueur néon verte derrière
   ============================================================ */
.mfg3-stage{overflow:visible !important;}
.mfg3-stage::before{content:"" !important;position:absolute !important;top:46% !important;left:50% !important;
  transform:translate(-50%,-50%) !important;width:88% !important;height:82% !important;border-radius:50% !important;
  background:radial-gradient(ellipse at center, rgba(101,201,0,.62), rgba(101,201,0,.20) 46%, transparent 72%) !important;
  filter:blur(16px) !important;z-index:0 !important;pointer-events:none;}
.mfg3-pack{position:relative !important;z-index:1 !important;border-radius:0 !important;}

/* ============================================================
   97. Shipping : plus d'air au-dessus du titre en MOBILE (titre sous la déchirure)
   ============================================================ */
@media(max-width:768px){.mfsh{padding-top:110px !important;}}

/* ============================================================
   98. Bloc cadeau : rayons néon animés (scintillement) derrière le packshot
   ============================================================ */
.mfg3-stage{position:relative;}
.mfg3-stage::after{content:"";position:absolute;top:-28%;left:-28%;right:-28%;bottom:-28%;width:auto;height:auto;
  z-index:0;pointer-events:none;transform-origin:50% 50%;will-change:transform;
  background:repeating-conic-gradient(from 0deg at 50% 50%, rgba(120,220,20,.30) 0deg 7deg, transparent 7deg 24deg);
  filter:blur(9px);
  -webkit-mask:radial-gradient(circle at 50% 50%, #000 6%, rgba(0,0,0,.55) 34%, transparent 68%);
          mask:radial-gradient(circle at 50% 50%, #000 6%, rgba(0,0,0,.55) 34%, transparent 68%);
  animation:mfg3-rays 48s linear infinite, mfg3-twinkle 5.5s ease-in-out infinite;}
.mfg3-pack{position:relative !important;z-index:2 !important;}
@media(max-width:768px){
  .mfg3-stage{overflow:visible !important;}
  .mfg3-pack{position:relative !important;z-index:2 !important;}
  .mfg3-stage::after,.mfg3-stage::before{z-index:0 !important;}
}
@keyframes mfg3-rays{to{transform:rotate(360deg);}}
@keyframes mfg3-twinkle{0%,100%{opacity:.4;}50%{opacity:.85;}}
@media(prefers-reduced-motion:reduce){.mfg3-stage::after{animation:none;}}

/* ============================================================
   99. Panneaux clairs : bandeau blanc + ombre interne (au lieu du papier déchiré)
   ============================================================ */
.mf-sec-light.mf-torn-top::before,.mf-sec-light.mf-torn-bottom::before,
.elementor-element-y7leei2.mf-sec-light::before{
  background:var(--off) !important;background-image:none !important;clip-path:none !important;
  box-shadow:inset 0 26px 30px -22px rgba(0,0,0,.5), inset 0 -26px 30px -22px rgba(0,0,0,.5) !important;}
/* annule les décalages/chevauchements qui servaient à la déchirure -> bandes nettes */
.elementor-element-gtjrbzj::before{top:0 !important;}
.mf-overlap-prev{margin-top:0 !important;}
.mf-sec-light.mf-torn-top,.mf-sec-dark.mf-torn-top{margin-top:0 !important;}
/* mobile : plus besoin du cover (pas d'image) */
@media(max-width:768px){
  .mf-sec-light.mf-torn-top::before,.mf-sec-light.mf-torn-bottom::before,
  .elementor-element-y7leei2.mf-sec-light::before{box-shadow:inset 0 20px 24px -18px rgba(0,0,0,.5), inset 0 -20px 24px -18px rgba(0,0,0,.5) !important;}
}

/* ============================================================
   100. Sections bandeau : hauteur réduite (colle au titre / bas du contenu)
   ============================================================ */
.mfreel{padding-top:58px !important;padding-bottom:50px !important;}
.mfs-rv-wrap{padding-top:58px !important;padding-bottom:50px !important;}
.mf-faq-wrap{padding-top:64px !important;padding-bottom:56px !important;}
@media(max-width:768px){
  .mfreel{padding-top:44px !important;padding-bottom:38px !important;}
  .mfs-rv-wrap{padding-top:44px !important;padding-bottom:38px !important;}
  .mf-faq-wrap{padding-top:50px !important;padding-bottom:44px !important;}
}

/* ============================================================
   101. Titres de section : retrait italique (sauf featured/quiz/In Motion/Limited)
   ============================================================ */
.mf2-title,.mf-start-title,.mfsh-title,.mfw-h2,.mfs-rv-h{font-style:normal !important;}
.mf2-limited-badge{font-style:italic !important;}         /* DELTA-10 : "Limited Offer" reste italique */
.mfreel h2,.mfreel__head h2,.mfreel h2 em{font-style:italic !important;} /* In Motion : tout italique */
.mfw-tag{display:none !important;}                          /* Why-us : pilule retirée */
.mf-start-sub{display:none !important;}                     /* Budget Killers : sous-titre retiré */
.mf-start-title{font-size:48px !important;}                 /* même taille que New Arrivals */
@media(max-width:768px){.mf-start-title{font-size:34px !important;}}

/* ============================================================
   102. New Arrivals : bandeau blanc sans ombre interne EN HAUT (garde le bas)
   ============================================================ */
.elementor-element-fy1wf9z.mf-sec-light::before{box-shadow:inset 0 -26px 30px -22px rgba(0,0,0,.5) !important;}
@media(max-width:768px){.elementor-element-fy1wf9z.mf-sec-light::before{box-shadow:inset 0 -20px 24px -18px rgba(0,0,0,.5) !important;}}

/* 103. Footer : logo agrandi */
.mf-footer-brand img{width:230px !important;height:auto !important;}
@media(max-width:768px){.mf-footer-brand img{width:200px !important;}}

/* ============================================================
   104. New Arrivals : cartes v2 (liste d'options sélectionnables + prix bas)
   ============================================================ */
.mf2-card-v2 .mf2-body{display:flex;flex-direction:column;}
.mf2-opts{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px;}
.mf2-opt{display:flex;align-items:center;gap:12px;width:100%;background:rgba(247,247,242,.04);
  border:1.5px solid var(--line-d);border-radius:12px;padding:11px 14px;cursor:pointer;text-align:left;
  transition:border-color .18s,background .18s;font-family:var(--body);}
.mf2-opt:hover{border-color:var(--lime);}
.mf2-opt.sel{border-color:var(--lime);background:rgba(168,240,0,.10);}
.mf2-opt-check{width:22px;height:22px;border-radius:7px;border:2px solid var(--line-d2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .18s;}
.mf2-opt.sel .mf2-opt-check{background:var(--lime);border-color:var(--lime);}
.mf2-opt.sel .mf2-opt-check::after{content:"\2713";color:var(--bg);font-size:14px;font-weight:900;line-height:1;}
.mf2-opt-qty{flex:1;font-family:var(--disp);font-size:15px;color:var(--off);letter-spacing:.2px;}
.mf2-opt-save{background:var(--lime);color:var(--bg);font-family:var(--disp);font-size:11px;padding:3px 9px;border-radius:20px;line-height:1.3;}
.mf2-opt-price{color:var(--lime);font-family:var(--disp);font-size:14px;margin-left:12px;white-space:nowrap;}
.mf2-buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;}
.mf2-card-v2 .mf2-price-wrap{padding:0;border:none;margin:0;}   /* margin-bottom héritée de cards.css décalait le prix vers le haut vs le CTA */
.mf2-card-v2 .mf2-price-row{display:block;}
.mf2-card-v2 .mf2-price-old{display:block;color:var(--on-dark-dim);text-decoration:line-through;font-size:13px;line-height:1.1;}
.mf2-card-v2 .mf2-price-old span{display:none;}
.mf2-card-v2 .mf2-price-new{display:block;color:var(--lime);font-family:var(--disp);font-size:26px;line-height:1;letter-spacing:-.5px;}
.mf2-card-v2 .mf2-price-new span{display:inline;color:var(--on-dark-mut);font-family:var(--body);font-size:11px;letter-spacing:0;margin-left:4px;}
.mf2-card-v2 .mf2-cta{flex-shrink:0;}

/* ============================================================
   105. New Arrivals v2 : discounts ROSE + tailles réduites desktop
   ============================================================ */
.mf2-opt-save{background:var(--pink) !important;color:#fff !important;}
@media(min-width:769px){
  .mf2-opts{gap:6px;margin:4px 0 12px;}
  .mf2-opt{padding:9px 12px;gap:9px;}
  .mf2-opt-check{width:18px;height:18px;border-radius:6px;}
  .mf2-opt.sel .mf2-opt-check::after{font-size:12px;}
  .mf2-opt-qty{font-size:13px;}
  .mf2-opt-save{font-size:10px;padding:2px 7px;}
  .mf2-opt-price{font-size:12.5px;margin-left:8px;}
  .mf2-card-v2 .mf2-price-new{font-size:19px;}
  .mf2-card-v2 .mf2-price-old{font-size:11px;}
  .mf2-card-v2 .mf2-cta{font-size:11px;padding:10px 14px;gap:6px;}
  .mf2-buy{gap:10px;}
}

/* 108 — resserrer l'espacement vertical des 2 sections CLAIRES accolees
   (Budget Killers + New Arrivals) : leurs paddings s'additionnaient. Best Sales
   (entoure de sombre) sert de reference et n'est PAS touche. */
.elementor-element-ggzjnat .mf-start-wrap{padding-top:40px !important;padding-bottom:38px !important;}
#slider-new-arrivals{padding-top:40px !important;padding-bottom:44px !important;}
@media(max-width:767px){
  .elementor-element-ggzjnat .mf-start-wrap{padding-top:26px !important;padding-bottom:22px !important;}
  #slider-new-arrivals{padding-top:24px !important;padding-bottom:30px !important;}
}

/* 109 — fleches de defilement : MEME vert que le badge NEW (--lime), fleche foncee
   (comme le texte du badge NEW) pour le contraste sur ce vert vif. */
.mf-cs-btn{background:var(--lime) !important;color:var(--bg) !important;}
.mf-cs-btn:hover{background:#93d400 !important;}
/* 110 — survol des fleches de defilement UNIQUEMENT : NEXT (droite) vert, PREV (gauche) rose */
.mf-cs-btn.next:hover,
.mf2-nav-btn.mf2-next:hover,
#mfvid-next:hover{background:var(--lime) !important;border-color:var(--lime) !important;color:var(--bg) !important;}
.mf-cs-btn.prev:hover,
.mf2-nav-btn.mf2-prev:hover,
#mfvid-prev:hover{background:var(--pink) !important;border-color:var(--pink) !important;color:#fff !important;}

/* 111 — Budget Killers : header en ligne (titre a gauche, fleches a droite) */
.mf-start-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;}
.mf-start-head .mf-start-title{margin-bottom:4px;}
.mf-start-head .mf-start-sub{margin-bottom:0;}
.mf-start-nav{display:flex;gap:10px;flex-shrink:0;}

/* 112 — Budget Killers : header ALIGNE sur New Arrivals (largeur 1440, titre 48px, fleches a droite) */
.elementor-element-ggzjnat .mf-start-wrap{padding-left:0 !important;padding-right:0 !important;}
.elementor-element-ggzjnat .mf-start-inner{max-width:none !important;width:100% !important;}
.elementor-element-ggzjnat .mf-start-head{max-width:1220px;margin:0 auto 24px;padding:0 36px;box-sizing:border-box;}
.elementor-element-ggzjnat .mf-start-title{font-family:'Arial Black',Arial,sans-serif;font-size:48px;font-weight:900;line-height:1;letter-spacing:-1px;margin:0;}
.elementor-element-ggzjnat .mf-start-sub{display:none !important;}
.elementor-element-ggzjnat .mf-start-track{padding-left:36px;padding-right:36px;}
@media(max-width:1024px){.elementor-element-ggzjnat .mf-start-title{font-size:36px;}}
@media(max-width:767px){
  .elementor-element-ggzjnat .mf-start-head{padding:0 22px;margin-bottom:20px;}
  .elementor-element-ggzjnat .mf-start-title{font-size:34px;line-height:.95;}
  .elementor-element-ggzjnat .mf-start-track{padding-left:22px;padding-right:22px;}
}

/* 113 — TEST : fond mur graffiti clair pour Best Sales (rqilis1) uniquement */
.elementor-element-rqilis1.mf-sec-light::before,
.elementor-element-rqilis1.mf-sec-light.mf-torn-top::before,
.elementor-element-rqilis1.mf-sec-light.mf-torn-bottom::before{
  background:linear-gradient(rgba(247,247,242,.82),rgba(247,247,242,.82)),url(/mf-preview-bs-wall.jpg?v=1) center/cover no-repeat !important;clip-path:none !important;}

/* 114 — meme fond mur graffiti + voile 82% : DELTA-10, 10-OH+, Magic Sauce, FAQ */
.elementor-element-eofdceu.mf-sec-light::before,.elementor-element-eofdceu.mf-sec-light.mf-torn-top::before,.elementor-element-eofdceu.mf-sec-light.mf-torn-bottom::before,
.elementor-element-5mqhm3g.mf-sec-light::before,.elementor-element-5mqhm3g.mf-sec-light.mf-torn-top::before,.elementor-element-5mqhm3g.mf-sec-light.mf-torn-bottom::before,
.elementor-element-ta2li3c.mf-sec-light::before,.elementor-element-ta2li3c.mf-sec-light.mf-torn-top::before,.elementor-element-ta2li3c.mf-sec-light.mf-torn-bottom::before,
.elementor-element-y7leei2.mf-sec-light::before,.elementor-element-y7leei2.mf-sec-light.mf-torn-top::before,.elementor-element-y7leei2.mf-sec-light.mf-torn-bottom::before{
  background:linear-gradient(rgba(247,247,242,.82),rgba(247,247,242,.82)),url(/mf-preview-bs-wall.jpg?v=1) center/cover no-repeat !important;clip-path:none !important;}

/* 115 — slider categories : 4 cartes ; en MOBILE grille 2x2 (au lieu du scroll) */
@media(max-width:767px){
  #mfCsTrack{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;
    overflow:visible !important;padding:0 14px !important;scroll-snap-type:none !important;transform:none !important;}
  #mfCsTrack .mf-cs-slide{flex:0 0 auto !important;width:auto !important;scroll-snap-align:none !important;}
}

/* 116 — slider categories -> GRILLE pleine largeur (4 desktop / 2x2 mobile), sans scroll ni fleches */
.mf-cs{max-width:none !important;padding-left:24px !important;padding-right:24px !important;}
.mf-cs .mf-cs-btn{display:none !important;}
#mfCsTrack{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px !important;
  transform:none !important;overflow:visible !important;}
#mfCsTrack .mf-cs-slide{flex:0 0 auto !important;width:auto !important;}
@media(max-width:767px){
  .mf-cs{padding-left:14px !important;padding-right:14px !important;}
  #mfCsTrack{grid-template-columns:1fr 1fr !important;gap:12px !important;}
}

/* 117 — MOBILE : cartes categories carrees + masque arrondi ; 1 image carree par tuile */
@media(max-width:767px){
  #mfCsTrack .mf-cs-slide a{display:block;aspect-ratio:1/1;border-radius:16px;overflow:hidden;
    background:center/cover no-repeat;}
  #mfCsTrack .mf-cs-slide img{display:none !important;}
  #mfCsTrack .mf-cs-slide:nth-child(1) a{background-image:url(/mf-preview-catsq-flowers.png?v=4) !important;} /* FLOWERS */
  #mfCsTrack .mf-cs-slide:nth-child(2) a{background-image:url(/mf-preview-catsq-hash.png?v=4) !important;}    /* HASH */
  #mfCsTrack .mf-cs-slide:nth-child(3) a{background-image:url(/mf-preview-catsq-vapes.png?v=4) !important;}   /* VAPES */
  #mfCsTrack .mf-cs-slide:nth-child(4) a{background-image:url(/mf-preview-catsq-treats.png?v=4) !important;} /* TREATS (lien Gummies) */
}

/* 118 — MOBILE : padding-bas sur la section categories (la rangee du bas etait rognee) */
@media(max-width:767px){
  .mf-cs{padding-top:18px !important;padding-bottom:34px !important;overflow:visible !important;}
  .elementor-element-sm8nkmm{padding-bottom:20px !important;}
}

/* 120 — DESKTOP : cartes categories en IMAGES SOMBRES (les 6), remplace le vert d'origine.
   Le vert etant CUIT dans /img/cms/card*.png, on masque l'img (garde la boite) et on pose
   l'image sombre en background du <a>. Mobile (bloc 117) surcharge en versions carrees. */
#mfCsTrack .mf-cs-slide a{position:relative;display:block;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:16px;overflow:hidden;}
#mfCsTrack .mf-cs-slide img{visibility:hidden !important;}
/* DESKTOP uniquement (>=768) : sinon ces regles (sans media, plus bas dans le fichier) ecrasaient
   le bloc MOBILE 117 -> le mobile affichait les images paysage. */
@media(min-width:768px){
#mfCsTrack .mf-cs-slide:nth-child(1) a{background-image:url(/mf-preview-cat-flowers.webp?v=3) !important;}
#mfCsTrack .mf-cs-slide:nth-child(2) a{background-image:url(/mf-preview-cat-hash.webp?v=3) !important;}
#mfCsTrack .mf-cs-slide:nth-child(3) a{background-image:url(/mf-preview-cat-vapes.webp?v=3) !important;}
#mfCsTrack .mf-cs-slide:nth-child(4) a{background-image:url(/mf-preview-cat-treats.webp?v=3) !important;} /* TREATS (lien Gummies) */
}
/* OILS + SEEDS retires du slider categories (on garde 4 cartes) */
#mfCsTrack .mf-cs-slide:nth-child(5),
#mfCsTrack .mf-cs-slide:nth-child(6){display:none !important;}

/* 119 — FIX auto-defilement reel en MOBILE : -webkit-overflow-scrolling:touch (couche
   momentum iOS) ignore les increments scrollLeft du rAF -> repasser en scroll standard */
.mfreel__track{-webkit-overflow-scrolling:auto !important;}

/* 120 — MOBILE : bloc cadeau Kowabunga epure (retire pilules + description + ligne unite
   + la pilule blanche DU BAS "Add 500 more..." en gardant celle du haut) */
@media(max-width:767px){
  .mfg3-tags,.mfg3-desc,.mfg3-meta{display:none !important;}
  .mfg3-note:not(.mfg3-topnote){display:none !important;}
  .mfg3-topnote{font-size:14.5px !important;padding:13px 18px !important;}
}

/* 121 — MOBILE/TABLETTE : "You're only 500 away" + "Your progress" sur toute la largeur
   de la carte cadeau (l'offre s'empile en 1 colonne au lieu de 2) */
@media(max-width:1000px){
  .mfg3-offer{flex-direction:column !important;align-items:stretch !important;}
  .mfg3-gift,.mfg3-goal-wrap,.mfg3-progbox{flex:1 1 100% !important;width:100% !important;}
}

/* 122 — MOBILE : offre epuree (garde la barre de progression), image + jeton agrandis */
@media(max-width:768px){
  .mfg3-gift,.mfg3-goal-wrap{display:none !important;}
  .mfg3-pack{max-width:380px !important;}
  .mfg3-burst{width:120px !important;height:120px !important;top:-4px !important;right:0 !important;}
  .mfg3-burst .w{font-size:12px !important;}
  .mfg3-burst .o{font-size:14px !important;}
  .mfg3-burst .f{font-size:30px !important;}
}

/* 123 — MOBILE : agrandir le titre Kowabunga / Magic Sauce 50% (prend plus de largeur) */
@media(max-width:768px){
  .mfg3-h{margin:12px 0 !important;}
  .mfg3-h .l1{font-size:53px !important;line-height:.92 !important;}
  .mfg3-h .l2{font-size:34px !important;line-height:.95 !important;}
}

/* 124 — ligne "100G - FREE" sous le titre Kowabunga (mobile uniquement) */
.mfg3-freeline{display:none;margin-top:8px;font-family:'Arial Black',Arial,sans-serif;
  text-transform:uppercase;font-weight:900;letter-spacing:.03em;font-size:22px;color:#fff;line-height:1;}
.mfg3-freeline .dash{opacity:.6;margin:0 4px;}
.mfg3-freeline .fr{color:var(--lime);}
@media(max-width:768px){ .mfg3-freeline{display:block !important;} }

/* 126 — cartes featured (mf-fp) EPUREES en mobile : selecteur de variantes mf2-opts
   (comme les carrousels) a la place de la grille ; on masque desc/highlight/grille/prix haut */
.mf-fp-optbox{display:none;}
.mf-fp-optbox .mf2-opts{margin-bottom:0;}
@media(max-width:768px){
  .mf-fp-optbox{display:block;margin:4px 0 22px;}
  .mf-fp-discounts,.mf-fp-desc,.mf-fp-highlight,.mf-fp-price-wrap{display:none !important;}
}

/* 127 — prix directement DANS le CTA "Shop Now" des cartes featured (mobile) */
.mf-fp-cta-price,.mf-fp-cta-sep{display:none;}
@media(max-width:768px){
  .mf-fp-cta-price,.mf-fp-cta-sep{display:inline;}
  .mf-fp-cta-price{font-family:'Arial Black',Arial,sans-serif;}
  .mf-fp-cta,.mf-fp2-cta,.mf-fp3-cta{font-size:18px !important;}
  .mf-fp-cta-sep{opacity:.5;margin:0 4px;}
  .mf-fp-cta-price .mf2-price-new{display:inline !important;color:inherit !important;font-size:1em !important;}
  .mf-fp-cta-price .mf2-price-old{display:inline !important;color:inherit !important;opacity:.55;font-size:.8em;margin-right:5px;text-decoration:line-through;}
}

/* 128 — resume court sous le nom des cartes featured (mobile) */
.mf-fp-tagline{display:none;}
@media(max-width:768px){
  .mf-fp-tagline{display:block;font-family:Arial,sans-serif;font-size:14px;line-height:1.45;
    color:var(--on-dark-mut,#b9c2b3);margin:2px 0 18px;font-style:italic;}
}

/* 129 — condition a cote de "100G - FREE" (bloc cadeau) */
.mfg3-cond{font-size:1em;text-transform:none;letter-spacing:0;color:rgba(255,255,255,.62);}

/* 130 — bas de l'image produit ARRONDI (image pleine largeur, collee en haut/cotes) */
.mf2-card-v2 .mf2-img-wrap{border-radius:0 0 18px 18px !important;}

/* 131 — MOBILE/tactile : pas d'animation hover (lift + zoom) sur les cartes (reste colle au tap) */
@media(hover:none),(max-width:768px){
  .mf2-card:hover,.mf2-card-v2:hover,.mf-start-card:hover,
  .mf-fp-card:hover,.mf-fp2-card:hover,.mf-fp3-card:hover{transform:none !important;}
  .mf2-card:hover .mf2-img-wrap img,.mf2-card-v2:hover .mf2-img-wrap img,
  .mf-start-card:hover .mf-start-img img{transform:none !important;}
}

/* 132 — padding HAUT de la section avis (etait trop serre a cause du chevauchement) */
.elementor-element-gtjrbzj .mfs-rv-wrap{padding-top:132px !important;}
@media(max-width:768px){.elementor-element-gtjrbzj .mfs-rv-wrap{padding-top:92px !important;}}

/* 133 — DA Trustpilot pour le bloc avis : etoiles en boites vertes + palette */
.tp-stars{display:inline-flex;gap:3px;line-height:0;vertical-align:middle;}
.tp-box{position:relative;width:19px;height:19px;background:#dcdce6;overflow:hidden;flex:0 0 auto;border-radius:1px;}
.tp-box .tp-g{position:absolute;left:0;top:0;bottom:0;background:#00b67a;}
.tp-box::after{content:"";position:absolute;inset:0;background:#fff;
  -webkit-mask:url(/mf-preview-tp-star.png) center/78% no-repeat;mask:url(/mf-preview-tp-star.png) center/78% no-repeat;}
.tp-stars.tp-lg{gap:4px;}
.tp-stars.tp-lg .tp-box{width:27px;height:27px;}
/* palette Trustpilot dans la section avis (gtjrbzj) */
.elementor-element-gtjrbzj .mfs-rv-eyebrow{color:#00b67a !important;}
.elementor-element-gtjrbzj .mfs-rv-bnum{color:var(--off) !important;}
.elementor-element-gtjrbzj .mfs-rv-card::before{color:#00b67a !important;opacity:.34 !important;}
.elementor-element-gtjrbzj .mfs-rv-verif{color:#00695c !important;background:#e6f7f0 !important;}
.elementor-element-gtjrbzj .mfs-rv-verif svg,.elementor-element-gtjrbzj .mfs-rv-verif path{color:#00b67a !important;fill:#00b67a !important;}

/* 134 — cartes AVIS en BLANC facon Trustpilot (annule le sombre du street DA) */
.elementor-element-gtjrbzj .mfs-rv-card{background:#fff !important;border:1px solid #e6e7e1 !important;
  box-shadow:0 2px 4px rgba(23,32,27,.05),0 12px 28px rgba(23,32,27,.08) !important;}
.elementor-element-gtjrbzj .mfs-rv-name{color:#17201b !important;}
.elementor-element-gtjrbzj .mfs-rv-role{color:#7c847e !important;}
.elementor-element-gtjrbzj .mfs-rv-q{color:#3a423d !important;}
.elementor-element-gtjrbzj .mfs-rv-av{background:#f7d9e6 !important;color:#b23a72 !important;}
.elementor-element-gtjrbzj .mfs-rv-product{background:#f7faf6 !important;border:1px solid #e4e7e4 !important;}
.elementor-element-gtjrbzj .mfs-rv-pname{color:#17201b !important;}
.elementor-element-gtjrbzj .mfs-rv-plabel{color:#00b67a !important;}
.elementor-element-gtjrbzj .mfs-rv-plink{color:#00695c !important;}
.elementor-element-gtjrbzj .mfs-rv-parrow{color:#8a9088 !important;}

/* ===== Cartes featured : modele MOBILE a TOUTES les tailles =====
   options selectionnables + prix dans le CTA ; tableau de remises + prix statique supprimes */
.mf-fp-optbox{display:block !important;margin:6px 0 22px !important;}
.mf-fp-optbox .mf2-opts{margin-bottom:0 !important;}
.mf-fp-discounts,.mf-fp2-discounts,.mf-fp3-discounts,
.mf-fp-price-wrap,.mf-fp2-price-wrap,.mf-fp3-price-wrap{display:none !important;}
.mf-fp-cta-sep,.mf-fp-cta-price{display:inline !important;}
.mf-fp-cta-price .mf2-price-new{display:inline !important;color:inherit !important;font-size:1em !important;}
.mf-fp-cta-price .mf2-price-old{display:inline !important;color:inherit !important;opacity:.55;font-size:.8em;margin-right:5px;text-decoration:line-through;}

/* ===== Why-us : phrases surlignees insecables (pas de "up to" coupe) + textes centres en mobile ===== */
.mfw-card-desc strong{white-space:nowrap;}
@media(max-width:767px){
  .mfw-card{align-items:center !important;}
  .mfw-card-title,.mfw-card-desc{text-align:center !important;}
}

/* =========================================================================
   PANNEAU PANIER — DA menu-burger (charcoal + off-white + lime + rose).
   PREVIEW ONLY. ID-scopé (#_desktop_cart_block / #mfs-cart-panel) pour battre
   les selecteurs !important tres specifiques du theme. 2026-08-29 (v2).
   ========================================================================= */
/* ---------- NATIF desktop : #_desktop_cart_block ---------- */
#_desktop_cart_block .popup-sidebar,#_desktop_cart_block .popup_cart{background:#14180f !important;color:var(--off) !important;}
#_desktop_cart_block .title-cart{border-bottom:1px solid rgba(247,247,242,.14) !important;}
#_desktop_cart_block .title-cart>span{font-family:'Arial Black',Arial,sans-serif !important;text-transform:uppercase !important;letter-spacing:.04em !important;color:var(--off) !important;}
#_desktop_cart_block .close-cart,#_desktop_cart_block .close-cart i{color:var(--lime) !important;}
#_desktop_cart_block .content-sidebar>ul>li{border-bottom:1px solid rgba(247,247,242,.1) !important;}
#_desktop_cart_block .product-name,#_desktop_cart_block .right_block .product-name{color:var(--off) !important;font-weight:700 !important;}
#_desktop_cart_block .product-price,#_desktop_cart_block .right_block .product-price{color:var(--lime) !important;font-family:'Arial Black',Arial,sans-serif !important;font-weight:900 !important;}
#_desktop_cart_block .img_content .product-quantity{background:var(--pink) !important;color:#fff !important;font-weight:900 !important;border:none !important;box-shadow:0 2px 7px rgba(0,0,0,.45) !important;}
#_desktop_cart_block .attributes_content span{color:rgba(247,247,242,.55) !important;}
#_desktop_cart_block .attributes_content strong{color:rgba(247,247,242,.82) !important;}
#_desktop_cart_block .remove-from-cart,#_desktop_cart_block .remove-from-cart i{color:rgba(247,247,242,.42) !important;transition:color .15s ease;}
#_desktop_cart_block .remove-from-cart:hover,#_desktop_cart_block .remove-from-cart:hover i{color:var(--pink) !important;}
#_desktop_cart_block .product-image{border-radius:8px !important;background:#0f140e !important;}
#_desktop_cart_block .price_content{border-top:1px solid rgba(247,247,242,.12) !important;}
#_desktop_cart_block .price_content .cart-summary-line,#_desktop_cart_block .price_content .label{color:rgba(247,247,242,.62) !important;}
#_desktop_cart_block .price_content .value{color:var(--off) !important;}
#_desktop_cart_block .price_content .cart-total{border-top:1px solid rgba(247,247,242,.12) !important;}
#_desktop_cart_block .price_content .cart-total .label{color:var(--off) !important;font-weight:700 !important;}
#_desktop_cart_block .price_content .cart-total .value{color:var(--lime) !important;font-family:'Arial Black',Arial,sans-serif !important;font-size:18px !important;}
#_desktop_cart_block .checkout .btn-primary{background:var(--pink) !important;border:none !important;color:#fff !important;border-radius:40px !important;font-family:'Arial Black',Arial,sans-serif !important;text-transform:uppercase !important;letter-spacing:.05em !important;}
#_desktop_cart_block .checkout .btn-primary:hover{background:var(--lime) !important;color:#0d140b !important;}
/* reward bar (injectee, hors du block) */
.mf-rewards-modal{background:#1b2015 !important;border:1px solid rgba(168,240,0,.22) !important;border-radius:14px !important;box-shadow:none !important;}
.mf-rewards-modal .mf-rewards__msg{color:var(--off) !important;}
.mf-rewards-modal .mf-rewards__track{background:rgba(247,247,242,.15) !important;}
.mf-rewards-modal .mf-rewards__fill{background:linear-gradient(90deg,#65C900,#A8F000) !important;}
.mf-rewards-modal .mf-rewards__label{color:rgba(247,247,242,.55) !important;}
.mf-rewards-modal .mf-rewards__label--on,.mf-rewards-modal .mf-rewards__amount{color:var(--lime) !important;}

/* ---------- CUSTOM mobile : #mfs-cart-panel ---------- */
#mfs-cart-panel{background:#14180f !important;}
#mfs-cart-panel .mfs-cp-line,#mfs-cart-panel .mfs-cp-line__a,#mfs-cart-panel .mfs-cp-name{color:var(--off) !important;}
#mfs-cart-panel .mfs-cp-name{font-weight:700 !important;}
#mfs-cart-panel .mfs-cp-qty{color:rgba(247,247,242,.6) !important;}
#mfs-cart-panel .mfs-cp-linetotal{color:var(--lime) !important;}
#mfs-cart-panel .mfs-cp-foot,#mfs-cart-panel .mfs-cp-sum{background:transparent !important;border-top-color:rgba(247,247,242,.12) !important;}
#mfs-cart-panel .mfs-cp-row{color:rgba(247,247,242,.62) !important;}
#mfs-cart-panel .mfs-cp-row.total{color:var(--off) !important;}
#mfs-cart-panel .mfs-cp-row.total span:last-child{color:var(--lime) !important;font-family:'Arial Black',Arial,sans-serif !important;}
#mfs-cart-panel .mfs-cp-del{border-color:rgba(247,247,242,.28) !important;color:rgba(247,247,242,.5) !important;}
#mfs-cart-panel .mfs-cp-del:hover{border-color:var(--pink) !important;color:var(--pink) !important;}
#mfs-cart-panel .mfs-cp-thumb{background:#0f140e !important;}
#mfs-cart-panel .mfs-cp-rw{background:#1b2015 !important;border-bottom-color:rgba(168,240,0,.2) !important;}
#mfs-cart-panel .mfs-cp-rw__msg{color:var(--off) !important;}
#mfs-cart-panel .mfs-cp-rw__track{background:rgba(247,247,242,.15) !important;}
#mfs-cart-panel .mfs-cp-checkout{background:var(--pink) !important;color:#fff !important;}
#mfs-cart-panel .mfs-cp-checkout:hover{background:var(--lime) !important;color:#0d140b !important;}

/* ===== PANNEAU PANIER — correctifs v212 (fonds sombres, reward .mf-rewards, z-index > chatbot) ===== */
/* fond des lignes (masquait le swipe en blanc) + zones internes */
#mfs-cart-panel .mfs-cp-line,#mfs-cart-panel .mfs-cp-lw{background:#14180f !important;}
#mfs-cart-panel .mfs-cp-body{background:#14180f !important;}
/* header + corps desktop sombres */
#_desktop_cart_block .title-cart{background:#14180f !important;}
#_desktop_cart_block .content-sidebar{background:#14180f !important;}
/* reward bar : classe de base .mf-rewards (desktop) ET .mf-rewards-modal */
.mf-rewards,.mf-rewards-modal,#_desktop_cart_block .mf-rewards,#mfs-cart-panel .mf-rewards{background:#1b2015 !important;border:1px solid rgba(168,240,0,.22) !important;border-radius:14px !important;box-shadow:none !important;}
.mf-rewards .mf-rewards__msg,.mf-rewards-modal .mf-rewards__msg{color:var(--off) !important;}
.mf-rewards .mf-rewards__track,.mf-rewards-modal .mf-rewards__track{background:rgba(247,247,242,.15) !important;}
.mf-rewards .mf-rewards__fill,.mf-rewards-modal .mf-rewards__fill{background:linear-gradient(90deg,#65C900,#A8F000) !important;}
.mf-rewards .mf-rewards__label,.mf-rewards-modal .mf-rewards__label{color:rgba(247,247,242,.55) !important;}
.mf-rewards .mf-rewards__label--on,.mf-rewards .mf-rewards__amount,.mf-rewards-modal .mf-rewards__label--on,.mf-rewards-modal .mf-rewards__amount{color:var(--lime) !important;}
/* z-index : panneaux AU-DESSUS du chatbot (widget max 2147483646) */
#mfs-cart-panel{z-index:2147483647 !important;}
#_desktop_cart_block .popup-sidebar,#_desktop_cart_block .popup_cart{z-index:2147483647 !important;}

/* ===== correctifs v213 : reward paliers lime, YMAL clair+arrondi, badge mobile rose, chatbot masqué panier ouvert ===== */
/* paliers 300€/500€ = .mf-rewards__label b (inline #253237) + gap .mf-rewards__amount → lime */
.mf-rewards__label b,.mf-rewards__label--on b,.mf-rewards__amount{color:var(--lime) !important;}
.mf-rewards__label,.mf-rewards__labels{color:rgba(247,247,242,.62) !important;}
.mf-rewards__done{color:#8fe04a !important;}
/* YOU MAY ALSO LIKE (mfs-cp-sg) : textes clairs + vignettes bien arrondies + prix lime */
.mfs-cp-sg__title{color:var(--off) !important;}
.mfs-cp-sg__card,.mfs-cp-sg__name{color:var(--off) !important;}
.mfs-cp-sg__price{color:var(--lime) !important;}
.mfs-cp-sg__img{border-radius:12px !important;}
/* badge panier mobile = ROSE comme desktop */
#mfs-cart-badge{background:var(--pink) !important;}
/* chatbot INVISIBLE quand un panneau panier est ouvert */
html.mf-cart-open .mf-sb-launcher,html.mf-cart-open .mf-sb-teaser,html.mf-cart-open .mf-sb-panel,html.mf-cart-open .mf-sb-dot{display:none !important;}

/* ===== correctifs v214 : YMAL desktop (.mfd-sg), progress bar mobile alignée desktop ===== */
/* YOU MAY ALSO LIKE desktop = .mfd-sg__* (le mobile est .mfs-cp-sg__*) */
.mfd-sg__img{border-radius:12px !important;}
.mfd-sg__title,.mfd-sg__card,.mfd-sg__name{color:var(--off) !important;}
.mfd-sg__price{color:var(--lime) !important;}
/* progress bar MOBILE (.mfs-cp-rw) alignée sur desktop : jauge lime, paliers lime */
#mfs-cart-panel .mfs-cp-rw__fill{background:linear-gradient(90deg,#65C900,#A8F000) !important;}
#mfs-cart-panel .mfs-cp-rw__track{background:rgba(247,247,242,.15) !important;}
#mfs-cart-panel .mfs-cp-rw__msg{color:var(--off) !important;}
#mfs-cart-panel .mfs-cp-rw__label b,#mfs-cart-panel .mfs-cp-rw__amount{color:var(--lime) !important;}
#mfs-cart-panel .mfs-cp-rw__label,#mfs-cart-panel .mfs-cp-rw__labels{color:rgba(247,247,242,.62) !important;}
#mfs-cart-panel .mfs-cp-rw__node--on,#mfs-cart-panel .mfs-cp-rw__node.on{background:var(--lime) !important;border-color:var(--lime) !important;color:#0d140b !important;}

/* ===== v215 : espacer Total du CHECKOUT dans le panneau mobile ===== */
#mfs-cart-panel .mfs-cp-row.total{margin-bottom:16px !important;}
#mfs-cart-panel .mfs-cp-checkout{margin-top:6px !important;}

/* ===== icône panier DESKTOP = même sac que le mobile (SVG, survit au refresh cartsync) ===== */
#_desktop_cart_block .blockcart > a{display:inline-flex;align-items:center;gap:6px;}
#_desktop_cart_block .blockcart > a > i{display:none !important;}
#_desktop_cart_block .blockcart > a::before{
  content:"";display:inline-block;width:25px;height:25px;flex-shrink:0;
  background:url("/mf-preview-cart-icon.svg") center/contain no-repeat;
}

/* ===== pastille rose "0" VISIBLE sur mobile aussi quand panier vide ===== */
#mfs-cart-badge.empty{display:block !important;}
#mfs-cart-badge{background:var(--pink) !important;color:#fff !important;}

/* ===== reward/progress bar : nœuds validés en ROSE + miniature CADEAU (2026-08-31) ===== */
/* nœud validé (✓) -> rose (page cart + panneaux desktop/mobile) */
.mf-rewards__node--on,.mfs-cp-rw__node.on,#mfs-cart-panel .mfs-cp-rw__node.on{background:#F2387A !important;border-color:#F2387A !important;color:#fff !important;}
/* padding : éviter que la miniature cadeau (36px) chevauche la ligne 300€/500€ */
.mf-rewards__labels,.mfs-cp-rw__labels{margin-top:20px !important;}
/* nœud CADEAU (dernier, left:100%) = miniature du sachet Kowabunga (montre le cadeau) */
.mf-rewards__node[style*="left:100%"],.mfs-cp-rw__node[style*="left:100%"]{
  width:36px !important;height:36px !important;margin:-18px 0 0 -36px !important;
  background:#fff url(/mf-preview-gift-thumb.png) center/cover no-repeat !important;
  border:2px solid var(--pink) !important;border-radius:50% !important;color:transparent !important;
  box-shadow:0 3px 10px rgba(0,0,0,.4) !important;overflow:hidden;line-height:0 !important;z-index:2;}

/* panneau posshoppingcart reformaté (qté × prix + total) — via cartsync fmtPanelItems */
#_desktop_cart_block .mfd-pricefmt{display:flex !important;flex-direction:column;gap:1px;line-height:1.25;}
#_desktop_cart_block .mfd-ql{color:rgba(247,247,242,.6) !important;-webkit-text-fill-color:rgba(247,247,242,.6);font-family:Rubik,Arial,sans-serif !important;font-weight:400 !important;font-size:12.5px !important;letter-spacing:0 !important;}
#_desktop_cart_block .mfd-lt{color:var(--lime) !important;-webkit-text-fill-color:var(--lime);font-family:'Arial Black',Arial,sans-serif !important;font-weight:900 !important;font-size:14px !important;}

/* badge quantité « 2x » rose : GARDÉ sur desktop + AJOUTÉ sur le panneau mobile (#mfs-cart-panel) */
#mfs-cart-panel .mfs-cp-thumbwrap{position:relative;flex:0 0 auto;display:inline-block;line-height:0;}
#mfs-cart-panel .mfs-cp-badge{position:absolute;top:-7px;left:-7px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#F2387A;color:#fff;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:11px;line-height:1;border-radius:11px;box-shadow:0 2px 7px rgba(0,0,0,.45);z-index:2;pointer-events:none;}

/* nœud CADEAU : VERROUILLÉ (< 500€) = grisé/atténué ; DÉBLOQUÉ (>=500€, .on/--on) = couleur + halo rose */
.mf-rewards__node[style*="left:100%"]:not(.mf-rewards__node--on),.mfs-cp-rw__node[style*="left:100%"]:not(.on){filter:grayscale(1) brightness(.72) !important;opacity:.68 !important;border-color:rgba(247,247,242,.4) !important;box-shadow:none !important;}
/* débloqué : la miniature Kowabunga reste visible (le fond rose plein de la règle .on est réappliqué en thumbnail ici, spécificité renforcée #mfs-cart-panel pour battre la 1715) */
.mf-rewards__node--on[style*="left:100%"],.mfs-cp-rw__node.on[style*="left:100%"],#mfs-cart-panel .mfs-cp-rw__node.on[style*="left:100%"]{background:#fff url(/mf-preview-gift-thumb.png) center/cover no-repeat !important;filter:none !important;opacity:1 !important;color:transparent !important;border-color:#F2387A !important;box-shadow:0 0 0 4px rgba(242,56,122,.28),0 3px 10px rgba(0,0,0,.4) !important;}

/* ===== badge vidéo : affiché UNIQUEMENT si le produit a une vraie vidéo (2026-09-01) ===== */
/* masqué par défaut (override du display:flex de cards.css) ; mf-preview-hasvideo.js ajoute .mf2-has-video aux cartes concernées */
.mf2-video-badge{display:none !important;}
.mf2-card.mf2-has-video .mf2-video-badge{display:flex !important;}

/* ===== carte EN RUPTURE : image grisée + CTA "Out of stock" (2026-09-01) ===== */
/* l'image reste cliquable (la carte reste un lien vers la fiche) */
.mf2-card.mf2-oos .mf2-img-wrap img{filter:grayscale(1) brightness(.92) !important;opacity:.5 !important;}
.mf2-cta.mf2-cta-oos{background:#3a3f37 !important;color:rgba(247,247,242,.72) !important;-webkit-text-fill-color:rgba(247,247,242,.72) !important;box-shadow:none !important;cursor:default !important;}
.mf2-card:hover .mf2-cta.mf2-cta-oos,.mf2-cta.mf2-cta-oos:hover{background:#3a3f37 !important;color:rgba(247,247,242,.72) !important;-webkit-text-fill-color:rgba(247,247,242,.72) !important;}

/* ===== Panier rapide DESKTOP (#_desktop_cart_block) : contenu compact — le rendu 100% ==== */
/* ==== paraissait trop gros vs 75% zoom ; on reduit tailles/espacements (2026-09-01) ======= */
@media (min-width:1000px){
  /* largeur : panneau un peu moins large (etait ~380px) mais assez pour le nom produit sur 1 ligne */
  #_desktop_cart_block .popup-sidebar,#_desktop_cart_block .popup_cart.popup-sidebar{width:355px !important;max-width:355px !important;}
  /* en-tete */
  #_desktop_cart_block .title-cart{padding-top:14px !important;padding-bottom:14px !important;}
  #_desktop_cart_block .title-cart>span{font-size:15px !important;}
  /* barre de recompense : bloc autonome -> zoom sur, sans risque de flex */
  #_desktop_cart_block .mf-rewards{zoom:.84 !important;}
  /* lignes produit */
  #_desktop_cart_block .content-sidebar>ul>li{padding-top:11px !important;padding-bottom:11px !important;}
  #_desktop_cart_block .img_content{width:52px !important;height:52px !important;min-width:52px !important;flex:0 0 52px !important;}
  #_desktop_cart_block .img_content img,#_desktop_cart_block .img_content .product-image{width:52px !important;height:52px !important;object-fit:cover !important;}
  #_desktop_cart_block .product-name,#_desktop_cart_block .right_block .product-name{font-size:12px !important;line-height:1.32 !important;}
  #_desktop_cart_block .product-price,#_desktop_cart_block .right_block .product-price,#_desktop_cart_block .mfd-lt{font-size:13px !important;}
  #_desktop_cart_block .mfd-ql,#_desktop_cart_block .attributes_content span,#_desktop_cart_block .attributes_content strong{font-size:11px !important;}
  #_desktop_cart_block .img_content .product-quantity{min-width:18px !important;height:18px !important;font-size:10px !important;line-height:18px !important;padding:0 4px !important;}
  #_desktop_cart_block .remove-from-cart,#_desktop_cart_block .remove-from-cart i{font-size:15px !important;}
  /* totaux */
  #_desktop_cart_block .price_content{padding-top:12px !important;}
  #_desktop_cart_block .price_content .cart-summary-line,#_desktop_cart_block .price_content .label,#_desktop_cart_block .price_content .value{font-size:12.5px !important;}
  #_desktop_cart_block .price_content .cart-total .label{font-size:13px !important;}
  #_desktop_cart_block .price_content .cart-total .value{font-size:16px !important;}
  /* bouton checkout */
  #_desktop_cart_block .checkout .btn-primary{padding:12px 16px !important;font-size:12.5px !important;}
}

/* Budget Killers (section .elementor-element-ggzjnat) : cadrage IDENTIQUE à New Arrivals (.mf2-header).
   Règles scopées ggzjnat (spécificité 0,2,0) + !important pour battre à coup sûr les règles ggzjnat existantes. */
.elementor-element-ggzjnat .mf-start-inner{max-width:none !important;width:100% !important;padding:0 !important;margin:0 !important;}
.elementor-element-ggzjnat .mf-start-head{max-width:1440px !important;width:auto !important;
  margin:0 auto 32px !important;padding:0 36px !important;box-sizing:border-box !important;}
/* Masque le slider vape "Discover more flavours" natif (widget bnxn3c7) sous Titty Sprinkles :
   doublon du carrousel Magic Sauce ajoute sous Cloud Factory. Gate DA uniquement (prod intacte). */
.elementor-element-bnxn3c7{display:none !important;}
/* Icones street du bandeau reassurance (mf-rb) : illustrations preview, hauteur fixe, ratio preserve. */
.elementor-element-bkxiwty .mf-rb-item img{width:auto !important;height:78px !important;object-fit:contain !important;}
/* CTA en rupture (option SAMPLE sans stock) : grisé, non cliquable. */
.mf2-cta.mf2-cta-oos{background:#4a4a44 !important;color:#c9c9c2 !important;cursor:not-allowed !important;box-shadow:none !important;}
.mf2-cta.mf2-cta-oos svg{opacity:.5 !important;}
/* Magic Sauce (ta2li3c) plein ecran : full-bleed AU NIVEAU DU WIDGET (technique marge, independante du
   transform de l'inner wrap) -> le widget prend 100vw, et .mf2-wrap remplit 100% sans transform. */
.elementor-element-ta2li3c{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}
.elementor-element-ta2li3c .mf2-wrap{width:100% !important;max-width:100% !important;left:0 !important;right:auto !important;margin:0 !important;transform:none !important;}
/* Modale vidéo (In Motion) : CTA "Voir le produit" en vert LIME (comme la preview), pas le vert terne. */
.rmodal__cta,#mfvid-cta{background:var(--lime) !important;border-color:var(--lime) !important;color:var(--bg) !important;}
.rmodal__cta:hover,#mfvid-cta:hover{background:#93d400 !important;border-color:#93d400 !important;color:var(--bg) !important;}
.rmodal__cta svg{color:var(--bg) !important;fill:currentColor !important;}
/* Hero promo DELTA-10 : nouvelles bannieres graffiti. Desktop = fond de la slide (afzpmuw),
   mobile = img (r0k9did, swap src en JS). */
.elementor-element-afzpmuw .slider-item{background-image:url(/mf-da-hero-desktop.jpg?v=1) !important;background-size:cover !important;background-position:center !important;}
/* Hero MOBILE : le widget mf-hero (r0k9did) a été supprimé dans Elementor -> on réutilise le
   pos_slideshow afzpmuw (masqué par Elementor en tablette/phone) en <=1024px, avec l'image mobile.
   DIMENSIONS calquées sur la PREVIEW : phone = portrait height:115vw + cover center top (l'img preview
   faisait 440x506 = 115%) ; tablette = ratio naturel de l'image. Élément Elementor -> survit aux re-render. */
@media(max-width:1024px){
  html.mf-da .elementor-element-afzpmuw{display:block !important;}
  html.mf-da .elementor-element-afzpmuw .slider-item{background-image:url(/mf-da-hero-mobile.jpg?v=1) !important;}
}
@media(max-width:1024px) and (min-width:768px){
  html.mf-da .elementor-element-afzpmuw .slider-item{aspect-ratio:1080/707 !important;height:auto !important;min-height:0 !important;background-position:center !important;}
}
@media(max-width:767px){
  html.mf-da .elementor-element-afzpmuw .slider-item{height:115vw !important;aspect-ratio:auto !important;min-height:0 !important;background-position:center top !important;}
}