.elementor-30820 .elementor-element.elementor-element-5bfbecd{--display:flex;}.elementor-30820 .elementor-element.elementor-element-5bfbecd:not(.elementor-motion-effects-element-type-background), .elementor-30820 .elementor-element.elementor-element-5bfbecd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dealeurdesaveurs.com/wp-content/uploads/2026/07/pourquoi-fleur-cbd-collante-trichomes-resine.webp.png");}.elementor-30820 .elementor-element.elementor-element-63ec3f4{width:var( --container-widget-width, 100.122% );max-width:100.122%;--container-widget-width:100.122%;--container-widget-flex-grow:0;}.elementor-30820 .elementor-element.elementor-element-63ec3f4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-30820 .elementor-element.elementor-element-f2f9108{--display:flex;}.elementor-30820 .elementor-element.elementor-element-dab4c08 > .elementor-widget-container{padding:80px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-63ec3f4 *//* =========================================================
   DDS — BIBLIOTHÈQUE DDS
   HERO FINAL V3

   À COLLER DANS LE CSS PERSONNALISÉ
   DU CONTENEUR PORTANT LA CLASSE :
   dds-sector-hero

   IMPORTANT :
   Supprimer intégralement les anciens correctifs avant.
========================================================= */

/* =========================================================
   1. CONTENEUR PRINCIPAL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero,
.dds-sector-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  width:calc(100% + 120px) !important;
  max-width:1480px !important;
  min-height:720px;

  left:50%;
  margin:0 !important;
  transform:translateX(-50%);

  border:1px solid rgba(243,184,63,.32);
  border-radius:26px;

  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-color:#030806;

  box-shadow:
    0 28px 70px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.025);
}

/* =========================================================
   2. VOILE DE LISIBILITÉ
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::before,
.dds-sector-hero::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:0;

  background:
    linear-gradient(
      90deg,
      rgba(3,9,6,.99) 0%,
      rgba(3,9,6,.96) 27%,
      rgba(3,9,6,.87) 42%,
      rgba(3,9,6,.52) 57%,
      rgba(3,9,6,.15) 76%,
      rgba(3,9,6,.04) 100%
    );

  pointer-events:none;
}

/* =========================================================
   3. HALO DDS
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::after,
.dds-sector-hero::after{
  content:"";

  position:absolute;
  left:18%;
  top:43%;
  z-index:0;

  width:520px;
  height:520px;

  transform:translate(-50%,-50%);
  border-radius:50%;

  background:rgba(89,255,156,.055);
  filter:blur(90px);

  pointer-events:none;
}

/* =========================================================
   4. CONTENU
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
.dds-sector-hero .dds-sector-content{
  position:relative;
  z-index:2;

  display:flex;
  align-items:center;
  justify-content:flex-start;

  width:min(1320px,calc(100% - 56px));
  min-height:720px;

  margin:0 auto;
  padding:58px 54px 58px 70px;
}

/* =========================================================
   5. COLONNE TEXTE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-copy,
.dds-sector-hero .dds-sector-copy{
  width:min(590px,43%);
  min-width:500px;

  margin:0;
  transform:none;
}

/* =========================================================
   6. BADGE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-kicker,
.dds-sector-hero .dds-sector-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;

  margin:0 0 20px;
  padding:9px 15px;

  color:#59ff9c !important;

  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.15em;
  text-transform:uppercase;

  border:1px solid rgba(89,255,156,.32);
  border-radius:999px;

  background:rgba(89,255,156,.055);

  box-shadow:
    inset 0 0 16px rgba(89,255,156,.035),
    0 8px 24px rgba(0,0,0,.25);
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-kicker::before,
.dds-sector-hero .dds-sector-kicker::before{
  content:"";

  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;
  background:#59ff9c;

  box-shadow:
    0 0 0 5px rgba(89,255,156,.075),
    0 0 16px rgba(89,255,156,.7);
}

/* =========================================================
   7. TITRE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title,
.dds-sector-hero .dds-sector-title{
  margin:0 !important;

  color:#f6f8f7 !important;

  font-family:inherit !important;
  font-size:clamp(54px,5.4vw,86px) !important;
  font-weight:950 !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;

  text-align:left !important;
  text-transform:none !important;
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title span,
.dds-sector-hero .dds-sector-title span{
  display:block;

  margin-top:7px;

  color:#f3b83f !important;

  text-shadow:
    0 0 28px rgba(243,184,63,.14);
}

/* =========================================================
   8. SOUS-TITRE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-subtitle,
.dds-sector-hero .dds-sector-subtitle{
  max-width:550px;

  margin:24px 0 0 !important;

  color:#f3b83f !important;

  font-size:clamp(18px,1.7vw,25px);
  font-weight:900;
  line-height:1.25;
  letter-spacing:.025em;
  text-transform:uppercase;
}

/* =========================================================
   9. INTRODUCTION
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro,
.dds-sector-hero .dds-sector-intro{
  max-width:560px;

  margin:16px 0 0 !important;

  color:#dce5df !important;

  font-size:clamp(14px,1.22vw,17px);
  line-height:1.68;
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro strong,
.dds-sector-hero .dds-sector-intro strong{
  color:#fff !important;
  font-weight:800;
}

/* =========================================================
   10. BLOCS REPÈRES
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillars,
.dds-sector-hero .dds-sector-pillars{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;

  width:100%;
  margin-top:25px;
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillar,
.dds-sector-hero .dds-sector-pillar{
  min-width:0;
  min-height:76px;

  padding:13px 12px;

  border:1px solid rgba(89,255,156,.17);
  border-radius:12px;

  background:rgba(3,10,6,.70);
  backdrop-filter:blur(8px);
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillar strong,
.dds-sector-hero .dds-sector-pillar strong{
  display:block;

  margin-bottom:5px;

  color:#59ff9c !important;

  font-size:9px;
  font-weight:950;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillar span,
.dds-sector-hero .dds-sector-pillar span{
  display:block;

  color:#bac7bf !important;

  font-size:10.5px;
  line-height:1.42;
}

/* =========================================================
   11. BOUTON PRINCIPAL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-button,
.dds-sector-hero .dds-sector-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:46px;
  margin-top:25px;
  padding:12px 19px;

  color:#061009 !important;
  text-decoration:none !important;

  font-size:10px;
  font-weight:950;
  line-height:1.15;
  letter-spacing:.055em;
  text-transform:uppercase;

  border:0;
  border-radius:10px;

  background:
    linear-gradient(
      135deg,
      #f5ca65,
      #dfa72e
    );

  box-shadow:
    0 11px 27px rgba(243,184,63,.19),
    inset 0 1px 0 rgba(255,255,255,.34);

  transition:
    transform .2s ease,
    filter .2s ease,
    box-shadow .2s ease;
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-button:hover,
.dds-sector-hero .dds-sector-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);

  box-shadow:
    0 15px 32px rgba(243,184,63,.25),
    inset 0 1px 0 rgba(255,255,255,.4);
}

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-button:focus-visible,
.dds-sector-hero .dds-sector-button:focus-visible{
  outline:2px solid #f3b83f;
  outline-offset:4px;
}

/* =========================================================
   12. ÉCRANS INTERMÉDIAIRES
========================================================= */

@media screen and (max-width:1350px){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero,
  .dds-sector-hero{
    width:calc(100% + 80px) !important;
    max-width:1400px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
  .dds-sector-hero .dds-sector-content{
    width:min(1240px,calc(100% - 48px));
    padding:54px 44px 54px 54px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-copy,
  .dds-sector-hero .dds-sector-copy{
    width:min(560px,46%);
    min-width:470px;
  }
}

/* =========================================================
   13. TABLETTE PAYSAGE
========================================================= */

@media screen and (min-width:901px) and (max-width:1100px){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero,
  .dds-sector-hero{
    width:calc(100% + 36px) !important;
    max-width:none !important;
    min-height:720px;

    background-position:58% center !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::before,
  .dds-sector-hero::before{
    background:
      linear-gradient(
        90deg,
        rgba(3,9,6,.99) 0%,
        rgba(3,9,6,.96) 50%,
        rgba(3,9,6,.68) 76%,
        rgba(3,9,6,.2) 100%
      );
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
  .dds-sector-hero .dds-sector-content{
    width:100%;
    min-height:720px;

    padding:52px 28px 52px 64px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-copy,
  .dds-sector-hero .dds-sector-copy{
    width:54%;
    max-width:540px;
    min-width:0;

    margin-left:24px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title,
  .dds-sector-hero .dds-sector-title{
    font-size:clamp(48px,6.1vw,66px) !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-subtitle,
  .dds-sector-hero .dds-sector-subtitle{
    font-size:18px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro,
  .dds-sector-hero .dds-sector-intro{
    font-size:14px;
  }
}

/* =========================================================
   14. TABLETTE PORTRAIT
========================================================= */

@media screen and (min-width:768px) and (max-width:900px){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero,
  .dds-sector-hero{
    width:100% !important;
    max-width:none !important;
    min-height:720px;

    left:auto;
    transform:none;

    background-position:62% center !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::before,
  .dds-sector-hero::before{
    background:
      linear-gradient(
        90deg,
        rgba(3,9,6,.99) 0%,
        rgba(3,9,6,.96) 60%,
        rgba(3,9,6,.72) 84%,
        rgba(3,9,6,.3) 100%
      );
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
  .dds-sector-hero .dds-sector-content{
    width:100%;
    min-height:720px;

    padding:50px 28px 50px 72px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-copy,
  .dds-sector-hero .dds-sector-copy{
    width:68%;
    max-width:500px;
    min-width:0;

    margin:0;
    transform:none;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title,
  .dds-sector-hero .dds-sector-title{
    font-size:clamp(45px,7.4vw,58px) !important;
    line-height:.95 !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-subtitle,
  .dds-sector-hero .dds-sector-subtitle{
    max-width:470px;
    font-size:17px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro,
  .dds-sector-hero .dds-sector-intro{
    max-width:470px;
    font-size:13.5px;
    line-height:1.6;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillars,
  .dds-sector-hero .dds-sector-pillars{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillar:last-child,
  .dds-sector-hero .dds-sector-pillar:last-child{
    grid-column:1 / -1;
  }
}

/* =========================================================
   15. MOBILE
========================================================= */

@media screen and (max-width:767px){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero,
  .dds-sector-hero{
    width:100% !important;
    max-width:none !important;
    min-height:auto;

    left:auto;
    transform:none;

    border-radius:18px;

    background-position:64% center !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::before,
  .dds-sector-hero::before{
    background:
      linear-gradient(
        180deg,
        rgba(3,9,6,.2) 0%,
        rgba(3,9,6,.52) 23%,
        rgba(3,9,6,.89) 47%,
        rgba(3,9,6,.98) 70%,
        rgba(3,9,6,1) 100%
      );
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4.dds-sector-hero::after,
  .dds-sector-hero::after{
    left:40%;
    top:48%;

    width:360px;
    height:360px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
  .dds-sector-hero .dds-sector-content{
    width:100%;
    min-height:auto;

    padding:40px 16px 34px;

    align-items:flex-end;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-copy,
  .dds-sector-hero .dds-sector-copy{
    width:100%;
    max-width:none;
    min-width:0;

    margin:0;
    transform:none;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-kicker,
  .dds-sector-hero .dds-sector-kicker{
    margin-bottom:16px;
    padding:8px 12px;

    font-size:8.5px;
    letter-spacing:.11em;
  }

.elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title,
.dds-sector-hero .dds-sector-title{
  font-size:clamp(29px,8.2vw,36px) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-subtitle,
  .dds-sector-hero .dds-sector-subtitle{
    max-width:100%;

    margin-top:18px !important;

    font-size:15px;
    line-height:1.3;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro,
  .dds-sector-hero .dds-sector-intro{
    max-width:100%;

    margin-top:12px !important;

    font-size:13px;
    line-height:1.58;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillars,
  .dds-sector-hero .dds-sector-pillars{
    grid-template-columns:1fr;
    gap:7px;

    margin-top:18px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-pillar,
  .dds-sector-hero .dds-sector-pillar{
    min-height:auto;
    padding:11px 12px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-button,
  .dds-sector-hero .dds-sector-button{
    width:100%;
    min-height:45px;

    margin-top:20px;
  }
}

/* =========================================================
   16. PETITS MOBILES
========================================================= */

@media screen and (max-width:420px){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-content,
  .dds-sector-hero .dds-sector-content{
    padding:34px 12px 28px;
  }

 .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-title,
.dds-sector-hero .dds-sector-title{
  font-size:28px !important;
  line-height:1.05 !important;
}

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-subtitle,
  .dds-sector-hero .dds-sector-subtitle{
    font-size:14px;
  }

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-intro,
  .dds-sector-hero .dds-sector-intro{
    font-size:12.5px;
  }
}

/* =========================================================
   17. RÉDUCTION DES ANIMATIONS
========================================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-30820 .elementor-element.elementor-element-63ec3f4 .dds-sector-button,
  .dds-sector-hero .dds-sector-button{
    transition:none;
  }
}

/* =========================================================
   DDS — BIBLIOTHÈQUE
   COULEUR DU TITRE HERO
========================================================= */

html body .dds-library-hero h1.dds-libv2-title,
html body h1.dds-libv2-title{
  color:#f5f8f6 !important;
  -webkit-text-fill-color:#f5f8f6 !important;
}

html body .dds-library-hero h1.dds-libv2-title > span,
html body h1.dds-libv2-title > span{
  color:#f3b83f !important;
  -webkit-text-fill-color:#f3b83f !important;
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-dab4c08 *//* =========================================================
   DDS — PRODUITS EN BAS D’ARTICLE
   CATÉGORIE :
   QUALITÉ, TRANSPARENCE ET CHOIX RESPONSABLE

   WOODMART / ELEMENTOR — VERSION PROPRE CONSOLIDÉE

   Le rendu final des derniers correctifs est conservé :
   - carte verticale
   - image cadrée et remplie
   - informations centrées
   - profil aromatique centré
   - sélecteur et bouton visibles
   - responsive mobile compact
========================================================= */


/* =========================================================
   0 — VARIABLES
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 {
  --dds-accent: #4ba4cf;
  --dds-accent-hi: #74d5e5;
  --dds-accent-soft: #85c9e7;

  --dds-bg: #0b1016;
  --dds-bg-2: #111820;
  --dds-bg-3: #17212b;

  --dds-text: rgba(241, 245, 247, 0.96);
  --dds-text-2: rgba(195, 205, 211, 0.76);
  --dds-text-3: rgba(146, 159, 168, 0.66);

  --dds-border: rgba(126, 169, 190, 0.22);
  --dds-border-strong: rgba(116, 213, 229, 0.42);

  --dds-radius: 18px;

  --dds-inner-bg:
    linear-gradient(
      160deg,
      rgba(25, 34, 44, 0.98) 0%,
      rgba(12, 17, 23, 0.99) 100%
    );

  --dds-image-bg:
    linear-gradient(
      160deg,
      #151e27 0%,
      #090e13 100%
    );
}


/* =========================================================
   1 — RESET SÉCURISÉ
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08,
.elementor-30820 .elementor-element.elementor-element-dab4c08 * {
  box-sizing: border-box !important;
}


/* =========================================================
   2 — CARROUSEL
   Conserve les ombres et les boutons visibles
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-carousel,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-carousel-wrap,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .swiper,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .swiper-wrapper,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .swiper-slide,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .owl-stage-outer,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .owl-stage {
  overflow: visible !important;
}


/* =========================================================
   3 — ENVELOPPES WOODMART NEUTRALISÉES
   La véritable carte reste uniquement .product-wrapper
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-product,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .products .product,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-grid-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin-top: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}


/* Anciennes lignes décoratives WoodMart supprimées */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-product::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .products .product::before {
  display: none !important;
}


/* =========================================================
   4 — CARTE PRODUIT PRINCIPALE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  overflow: hidden !important;

  border: 1px solid var(--dds-border) !important;
  border-radius: var(--dds-radius) !important;

  background: var(--dds-inner-bg) !important;

  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

  transform: translateZ(0);

  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}


/* Ligne lumineuse supérieure */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper::before {
  content: "" !important;

  position: absolute !important;
  z-index: 5 !important;

  top: 0 !important;
  right: 0 !important;
  left: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 1px !important;

  pointer-events: none !important;

  opacity: 0 !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(116, 213, 229, 0.52) 50%,
      transparent 100%
    ) !important;

  transition: opacity 0.28s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper:hover::before {
  opacity: 1 !important;
}


/* Survol de la carte */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper:hover {
  border-color: rgba(116, 213, 229, 0.42) !important;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(116, 213, 229, 0.06),
    inset 0 1px 0 rgba(116, 213, 229, 0.07) !important;

  transform: translateY(-5px) scale(1.012) !important;
}


/* =========================================================
   5 — IMAGE : BASE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-top,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image-link {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  background: var(--dds-image-bg) !important;

  border-right: 0 !important;
  border-bottom: 1px solid rgba(126, 169, 190, 0.19) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-top > a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image-link {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-top img,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image img,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image-link img,
.elementor-30820 .elementor-element.elementor-element-dab4c08 img.wp-post-image,
.elementor-30820 .elementor-element.elementor-element-dab4c08 img.attachment-woocommerce_thumbnail,
.elementor-30820 .elementor-element.elementor-element-dab4c08 img.size-woocommerce_thumbnail,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product a img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  border: 0 !important;

  transform: none !important;
}


/* =========================================================
   6 — DRAPEAU SUR L’IMAGE
   Volontairement masqué dans la version finale
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-flag {
  display: none !important;
}


/* =========================================================
   7 — BLOC INFÉRIEUR
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-information {
  min-width: 0 !important;

  padding-top: 0 !important;
}


/* =========================================================
   8 — TITRE PRODUIT
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom h3.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3 a {
  position: relative !important;
  z-index: 2 !important;

  display: -webkit-box !important;

  width: 100% !important;
  min-height: auto !important;

  margin: 0 !important;
  padding: 0 4px 1px !important;

  overflow: hidden !important;

  color: var(--dds-text) !important;

  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  letter-spacing: 0.015em !important;

  text-align: center !important;
  text-decoration: none !important;

  overflow-wrap: normal !important;
  word-wrap: normal !important;

  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}


/* =========================================================
   9 — LIGNE CBD ET ORIGINE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-meta-row {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;

  margin: 0 !important;
  padding: 0 14px 5px !important;

  text-align: center !important;
}


/* Badge CBD */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;

  padding: 4px 10px !important;

  border: 1px solid rgba(116, 213, 229, 0.29) !important;
  border-radius: 8px !important;

  color: var(--dds-accent-hi) !important;
  background: rgba(75, 164, 207, 0.1) !important;

  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;

  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd::before {
  content: "" !important;

  display: inline-block !important;
  flex: 0 0 auto !important;

  width: 6px !important;
  height: 6px !important;

  border-radius: 50% !important;

  background: var(--dds-accent-hi) !important;

  box-shadow: 0 0 9px rgba(116, 213, 229, 0.38) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd:hover {
  border-color: rgba(116, 213, 229, 0.54) !important;

  background: rgba(75, 164, 207, 0.2) !important;
}


/* Drapeau dans les informations */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-origin-flag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 3px 7px !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 7px !important;

  color: var(--dds-text) !important;
  background: rgba(0, 0, 0, 0.28) !important;

  font-size: 16px !important;
  line-height: 1 !important;
}


/* =========================================================
   10 — EFFETS
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effects {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  margin: 0 !important;
  padding: 0 14px 5px !important;

  text-align: center !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 3px 10px !important;

  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 20px !important;

  color: rgba(219, 228, 233, 0.68) !important;
  background: rgba(255, 255, 255, 0.04) !important;

  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;

  transition:
    color 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect:hover {
  color: rgba(133, 201, 231, 0.92) !important;

  border-color: rgba(116, 213, 229, 0.3) !important;

  background: rgba(75, 164, 207, 0.11) !important;
}


/* =========================================================
   11 — SÉPARATEUR
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-divider {
  position: relative !important;
  z-index: 2 !important;

  width: auto !important;
  height: 1px !important;

  margin: 0 !important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(116, 213, 229, 0.18) 40%,
      rgba(116, 213, 229, 0.18) 60%,
      transparent
    ) !important;
}


/* =========================================================
   12 — PROFIL AROMATIQUE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-section {
  position: relative !important;
  z-index: 2 !important;

  padding: 5px 14px !important;

  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;

  text-align: center !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-label {
  display: block !important;

  width: 100% !important;

  margin: 0 0 5px !important;

  color: rgba(195, 205, 211, 0.42) !important;

  font-size: 8.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;

  width: 100% !important;

  text-align: center !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  padding: 3px 9px 3px 6px !important;

  border: 1px solid rgba(75, 164, 207, 0.24) !important;
  border-radius: 20px !important;

  color: rgba(116, 213, 229, 0.78) !important;
  background: rgba(75, 164, 207, 0.065) !important;

  cursor: default !important;

  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;

  transition:
    color 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill:hover {
  color: var(--dds-accent-hi) !important;

  border-color: rgba(116, 213, 229, 0.48) !important;

  background: rgba(75, 164, 207, 0.17) !important;
}


/* Icône du terpène */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill svg {
  flex: 0 0 auto !important;

  width: 16px !important;
  height: 16px !important;

  fill: none !important;
  stroke: rgba(116, 213, 229, 0.7) !important;

  transition: stroke 0.18s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill:hover svg {
  stroke: var(--dds-accent-hi) !important;
}


/* Tooltip */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill::after {
  content: attr(data-tip) !important;

  position: absolute !important;
  z-index: 20 !important;

  bottom: calc(100% + 7px) !important;
  left: 50% !important;

  padding: 5px 10px !important;

  pointer-events: none !important;

  opacity: 0 !important;

  border: 1px solid rgba(116, 213, 229, 0.3) !important;
  border-radius: 7px !important;

  color: rgba(223, 247, 255, 0.92) !important;
  background: rgba(11, 16, 22, 0.98) !important;

  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.38) !important;

  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;

  transform: translateX(-50%) !important;

  transition: opacity 0.15s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill:hover::after {
  opacity: 1 !important;
}


/* =========================================================
   13 — PRIX
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .woocommerce-Price-amount,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-price {
  color: var(--dds-accent-hi) !important;

  font-weight: 800 !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price {
  position: relative !important;
  z-index: 2 !important;

  margin: 0 !important;
  padding: 2px 14px 12px !important;

  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}


/* Ancien prix barré */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price del,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .price del .woocommerce-Price-amount {
  color: rgba(195, 205, 211, 0.5) !important;
}


/* Prix promotionnel */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price ins,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .price ins .woocommerce-Price-amount {
  color: var(--dds-accent-hi) !important;

  text-decoration: none !important;
}


/* =========================================================
   14 — SÉLECTEURS DE VARIATIONS
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 select,
.elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select {
  width: 100% !important;
  min-height: 40px !important;

  margin: 0 !important;
  padding-right: 34px !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border: 1px solid rgba(116, 213, 229, 0.34) !important;
  border-radius: 10px !important;

  color: var(--dds-text) !important;
  background-color: rgba(11, 16, 22, 0.96) !important;

  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      var(--dds-accent-hi) 50%
    ),
    linear-gradient(
      135deg,
      var(--dds-accent-hi) 50%,
      transparent 50%
    ) !important;

  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 11px) 50% !important;

  background-size:
    6px 6px,
    6px 6px !important;

  background-repeat: no-repeat !important;

  font-size: 13px !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 select:focus,
.elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select:focus {
  outline: none !important;

  border-color: var(--dds-accent-hi) !important;

  box-shadow:
    0 0 0 2px rgba(75, 164, 207, 0.19) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 select option {
  color: rgba(241, 245, 247, 0.92) !important;
  background: #0b1016 !important;
}


/* Select2 */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container {
  width: 100% !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container .select2-selection--single {
  min-height: 40px !important;

  border: 1px solid rgba(116, 213, 229, 0.34) !important;
  border-radius: 10px !important;

  color: var(--dds-text) !important;
  background-color: rgba(11, 16, 22, 0.96) !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color: rgba(241, 245, 247, 0.9) !important;

  line-height: 38px !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default.select2-container--focus
.select2-selection--single {
  border-color: var(--dds-accent-hi) !important;

  box-shadow:
    0 0 0 2px rgba(75, 164, 207, 0.19) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default
.select2-selection--single
.select2-selection__arrow {
  top: 0 !important;
  right: 4px !important;

  width: 32px !important;
  height: 100% !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default
.select2-selection--single
.select2-selection__arrow b {
  margin-top: -2px !important;
  margin-left: -5px !important;

  border-width: 6px 5px 0 !important;
  border-style: solid !important;
  border-color:
    var(--dds-accent-hi)
    transparent
    transparent
    transparent !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow b {
  border-width: 0 5px 6px !important;
  border-color:
    transparent
    transparent
    var(--dds-accent-hi)
    transparent !important;
}


/* =========================================================
   15 — BLOC BOUTON
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn {
  display: block !important;

  width: 100% !important;

  margin-top: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
}


/* =========================================================
   16 — BOUTONS PRODUITS
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add_to_cart_button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add-to-cart-loop,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-add-btn a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn.wd-add-btn-replace a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable.add_to_cart_button {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 44px !important;

  padding: 10px !important;

  opacity: 1 !important;
  visibility: visible !important;

  overflow: hidden !important;

  border: 1px solid rgba(116, 213, 229, 0.36) !important;
  border-radius: 10px !important;

  color: rgba(241, 245, 247, 0.94) !important;
  background:
    linear-gradient(
      145deg,
      rgba(75, 164, 207, 0.14),
      rgba(22, 31, 40, 0.94)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  transform: none !important;

  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a.button::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable::before {
  content: "" !important;

  position: absolute !important;

  top: -60px !important;
  right: -40px !important;

  width: 100px !important;
  height: 100px !important;

  pointer-events: none !important;

  border-radius: 50% !important;

  background:
    radial-gradient(
      circle,
      rgba(116, 213, 229, 0.08),
      transparent 68%
    ) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-add-btn a:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn.wd-add-btn-replace a:hover {
  color: #ffffff !important;

  border-color: rgba(116, 213, 229, 0.64) !important;

  background:
    linear-gradient(
      145deg,
      rgba(75, 164, 207, 0.24),
      rgba(27, 38, 49, 0.98)
    ) !important;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.23),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

  transform: scale(1.01) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a:active,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button:active,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button:active,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button:active {
  transform: scale(0.98) !important;
}


/* =========================================================
   17 — ÉTOILES
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .star-rating {
  position: relative !important;
  z-index: 2 !important;

  color: rgba(116, 213, 229, 0.82) !important;
}


/* =========================================================
   18 — ORDINATEUR ET TABLETTE LARGE
   Dernier format validé conservé
========================================================= */

@media screen and (min-width: 769px) {

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 4 / 4.05 !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top > a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    width: 100% !important;
    height: 100% !important;
  }

}


/* =========================================================
   19 — MOBILE
   Dernier format vertical et compact conservé
========================================================= */

@media screen and (max-width: 768px) {

  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .products {
    display: block !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .products .product,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-product {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 12px !important;
  }


  /* Carte verticale */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    border-radius: 16px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper:hover {
    transform: none !important;
  }


  /* Image mobile */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 3.8 / 3.8 !important;

    border-right: 0 !important;
    border-bottom: 1px solid rgba(126, 169, 190, 0.19) !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top > a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    width: 100% !important;
    height: 100% !important;
  }


  /* Informations */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-information {
    width: 100% !important;
    min-width: 0 !important;

    padding: 10px 12px 13px !important;
  }


  /* Titre */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom h3.wd-entities-title a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .woocommerce-loop-product__title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h2.woocommerce-loop-product__title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 h3.woocommerce-loop-product__title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-title,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2 a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3 a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2 a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3 a {
    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 0 5px !important;

    font-size: 13px !important;
    line-height: 1.22 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;

    -webkit-line-clamp: 3 !important;
  }


  /* Badge CBD et origine */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-meta-row {
    justify-content: center !important;

    padding: 0 0 5px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd {
    padding: 2px 7px !important;

    font-size: 9.5px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-origin-flag {
    padding: 3px 6px !important;

    font-size: 13px !important;
  }


  /* Effets */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effects {
    justify-content: center !important;

    padding: 0 0 5px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect {
    padding: 2px 7px !important;

    font-size: 8.5px !important;
  }


  /* Profil aromatique */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-section {
    padding: 5px 0 6px !important;

    text-align: center !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-label {
    margin-bottom: 4px !important;

    font-size: 7.5px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-row {
    justify-content: center !important;

    gap: 4px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill {
    gap: 4px !important;

    padding: 2px 7px 2px 5px !important;

    font-size: 8.5px !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill svg {
    width: 13px !important;
    height: 13px !important;
  }


  /* Prix */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .price {
    padding: 0 0 7px !important;

    font-size: 12px !important;
  }


  /* Sélecteur */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 select,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 #pa_size,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 select.wd-changes-variation-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container .select2-selection--single,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-selection__rendered {
    min-height: 38px !important;

    border-radius: 9px !important;

    color: rgba(241, 245, 247, 0.92) !important;
    background-color: rgba(11, 16, 22, 0.97) !important;

    font-size: 12px !important;
  }


  /* Bouton */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a.button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add_to_cart_button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add-to-cart-loop,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 button.button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper a.button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom a.button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-add-btn a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn.wd-add-btn-replace a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .wd-add-btn a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable.add_to_cart_button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable.add-to-cart-loop {
    width: 100% !important;
    min-height: 40px !important;

    padding: 9px 10px !important;

    font-size: 13px !important;
  }


  /* Éléments secondaires masqués */

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .star-rating,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-product-brands,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-product-countdown {
    display: none !important;
  }

}


/* =========================================================
   20 — TRÈS PETITS MOBILES
   Dernier ratio validé conservé
========================================================= */

@media screen and (max-width: 390px) {

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    aspect-ratio: 4 / 3.35 !important;
  }

}


/* =========================================================
   21 — ACCESSIBILITÉ
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 button.button {
    transition: none !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper:hover,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a:hover,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button:hover,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 a.button:hover,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 button.button:hover {
    transform: none !important;
  }

}
/* =========================================================
   DDS — HARMONISATION COULEURS
   PRODUITS EN BAS D’ARTICLE

   CATÉGORIE :
   FLEURS, RÉSINES & TRANSFORMATIONS

   IDENTITÉ VISUELLE :
   - fond graphite neutre
   - vert botanique
   - bleu minéral
   - champagne
   - argent

   À COLLER TOUT EN BAS DU CODE ACTUEL

   CE CORRECTIF MODIFIE UNIQUEMENT LES COULEURS
========================================================= */


/* =========================================================
   1 — NOUVELLE PALETTE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 {
  /* Vert botanique */
  --dds-green: #59ff9c;
  --dds-green-hi: #a8ffc7;
  --dds-green-dark: #2e6b4a;

  /* Bleu minéral */
  --dds-blue: #74d4e8;
  --dds-blue-hi: #bceefa;

  /* Champagne */
  --dds-gold: #e8cf8b;
  --dds-gold-hi: #f8ebc5;

  /* Argent */
  --dds-silver: #c4d0ca;
  --dds-silver-hi: #edf3f0;

  /* Compatibilité avec les variables existantes */
  --dds-accent: var(--dds-green);
  --dds-accent-hi: var(--dds-green-hi);
  --dds-accent-soft: var(--dds-blue);

  /* Fonds neutres */
  --dds-bg: #080c0b;
  --dds-bg-2: #0d1311;
  --dds-bg-3: #151d1a;

  /* Textes */
  --dds-text: rgba(244, 248, 246, 0.97);
  --dds-text-2: rgba(196, 207, 202, 0.79);
  --dds-text-3: rgba(143, 157, 150, 0.68);

  /* Bordures */
  --dds-border: rgba(196, 208, 202, 0.18);
  --dds-border-strong: rgba(116, 212, 232, 0.35);

  /* Carte */
  --dds-inner-bg:
    radial-gradient(
      circle at 100% 0%,
      rgba(116, 212, 232, 0.045),
      transparent 34%
    ),
    linear-gradient(
      160deg,
      rgba(20, 28, 25, 0.99) 0%,
      rgba(8, 13, 11, 0.99) 100%
    );

  /* Zone image */
  --dds-image-bg:
    radial-gradient(
      circle at 85% 10%,
      rgba(89, 255, 156, 0.04),
      transparent 35%
    ),
    linear-gradient(
      160deg,
      #151c1a 0%,
      #080c0b 100%
    );
}


/* =========================================================
   2 — CARTE PRODUIT GRAPHITE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper {
  border-color:
    rgba(196, 208, 202, 0.18) !important;

  background:
    var(--dds-inner-bg) !important;

  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}


/* Ligne décorative multicolore */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper::before {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(89, 255, 156, 0.56) 27%,
      rgba(116, 212, 232, 0.60) 52%,
      rgba(232, 207, 139, 0.52) 75%,
      transparent 100%
    ) !important;
}


/* Survol */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper:hover {
  border-color:
    rgba(116, 212, 232, 0.41) !important;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(116, 212, 232, 0.06),
    0 0 26px rgba(89, 255, 156, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}


/* =========================================================
   3 — ZONE IMAGE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-top,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-image-link {
  background:
    var(--dds-image-bg) !important;

  border-bottom-color:
    rgba(116, 212, 232, 0.16) !important;
}


/* =========================================================
   4 — TITRES
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom h3.wd-entities-title a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h2.woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 h3.woocommerce-loop-product__title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-title,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h2 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper h3 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h2 a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 ul.products li.product h3 a {
  color:
    var(--dds-text) !important;
}


/* =========================================================
   5 — BADGE CBD : VERT BOTANIQUE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd {
  color:
    var(--dds-green-hi) !important;

  border-color:
    rgba(89, 255, 156, 0.30) !important;

  background:
    rgba(89, 255, 156, 0.075) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd::before {
  background:
    var(--dds-green) !important;

  box-shadow:
    0 0 9px rgba(89, 255, 156, 0.39) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-cbd:hover {
  color:
    #effff5 !important;

  border-color:
    rgba(89, 255, 156, 0.55) !important;

  background:
    rgba(89, 255, 156, 0.15) !important;
}


/* =========================================================
   6 — ORIGINE : ARGENT NEUTRE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-origin-flag {
  color:
    var(--dds-silver-hi) !important;

  border-color:
    rgba(196, 208, 202, 0.15) !important;

  background:
    rgba(8, 12, 11, 0.66) !important;
}


/* =========================================================
   7 — BADGES EFFETS : ARGENT + BLEU AU SURVOL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect {
  color:
    rgba(196, 208, 202, 0.74) !important;

  border-color:
    rgba(196, 208, 202, 0.14) !important;

  background:
    rgba(196, 208, 202, 0.035) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-effect:hover {
  color:
    var(--dds-blue-hi) !important;

  border-color:
    rgba(116, 212, 232, 0.31) !important;

  background:
    rgba(116, 212, 232, 0.09) !important;
}


/* =========================================================
   8 — SÉPARATEUR MULTICOLORE DISCRET
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-divider {
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(89, 255, 156, 0.15) 24%,
      rgba(116, 212, 232, 0.20) 50%,
      rgba(232, 207, 139, 0.15) 76%,
      transparent 100%
    ) !important;
}


/* =========================================================
   9 — PROFIL AROMATIQUE : BLEU MINÉRAL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-section {
  border-top-color:
    rgba(116, 212, 232, 0.08) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-label {
  color:
    rgba(196, 208, 202, 0.48) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill {
  color:
    rgba(188, 238, 250, 0.82) !important;

  border-color:
    rgba(116, 212, 232, 0.25) !important;

  background:
    rgba(116, 212, 232, 0.055) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill:hover {
  color:
    var(--dds-blue-hi) !important;

  border-color:
    rgba(116, 212, 232, 0.49) !important;

  background:
    rgba(116, 212, 232, 0.14) !important;
}


/* Icônes terpènes */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill svg {
  stroke:
    rgba(116, 212, 232, 0.74) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill:hover svg {
  stroke:
    var(--dds-blue-hi) !important;
}


/* Tooltip */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .dds-terp-pill::after {
  color:
    rgba(237, 250, 255, 0.95) !important;

  border-color:
    rgba(116, 212, 232, 0.30) !important;

  background:
    rgba(8, 14, 15, 0.98) !important;

  box-shadow:
    0 9px 20px rgba(0, 0, 0, 0.42),
    0 0 18px rgba(116, 212, 232, 0.045) !important;
}


/* =========================================================
   10 — PRIX : CHAMPAGNE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .woocommerce-Price-amount,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-price {
  color:
    var(--dds-gold-hi) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price del,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .price del .woocommerce-Price-amount {
  color:
    rgba(196, 208, 202, 0.48) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .price ins,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .price ins .woocommerce-Price-amount {
  color:
    var(--dds-gold-hi) !important;
}


/* =========================================================
   11 — SÉLECTEURS : BLEU MINÉRAL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 select,
.elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select {
  color:
    var(--dds-text) !important;

  border-color:
    rgba(116, 212, 232, 0.31) !important;

  background-color:
    rgba(8, 14, 13, 0.97) !important;

  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      var(--dds-blue) 50%
    ),
    linear-gradient(
      135deg,
      var(--dds-blue) 50%,
      transparent 50%
    ) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 select:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select:hover {
  border-color:
    rgba(116, 212, 232, 0.48) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 select:focus,
.elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select:focus {
  border-color:
    var(--dds-blue) !important;

  box-shadow:
    0 0 0 2px rgba(116, 212, 232, 0.16) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 select option {
  color:
    rgba(244, 248, 246, 0.95) !important;

  background:
    #080c0b !important;
}


/* =========================================================
   12 — SELECT2
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container .select2-selection--single {
  color:
    var(--dds-text) !important;

  border-color:
    rgba(116, 212, 232, 0.31) !important;

  background-color:
    rgba(8, 14, 13, 0.97) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default
.select2-selection--single
.select2-selection__rendered {
  color:
    rgba(244, 248, 246, 0.93) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default.select2-container--focus
.select2-selection--single,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default.select2-container--open
.select2-selection--single {
  border-color:
    var(--dds-blue) !important;

  box-shadow:
    0 0 0 2px rgba(116, 212, 232, 0.16) !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default
.select2-selection--single
.select2-selection__arrow b {
  border-color:
    var(--dds-blue)
    transparent
    transparent
    transparent !important;
}

.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow b {
  border-color:
    transparent
    transparent
    var(--dds-blue)
    transparent !important;
}


/* =========================================================
   13 — BOUTONS PRODUITS
   GRAPHITE + BLEU
   VERT AU SURVOL
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add_to_cart_button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.add-to-cart-loop,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-add-btn a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn.wd-add-btn-replace a,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable.add_to_cart_button {
  color:
    rgba(244, 248, 246, 0.96) !important;

  border-color:
    rgba(116, 212, 232, 0.36) !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(116, 212, 232, 0.09),
      transparent 43%
    ),
    linear-gradient(
      145deg,
      rgba(22, 34, 34, 0.98),
      rgba(10, 16, 14, 0.99)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}


/* Halo décoratif */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a.button::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button::before,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button.product_type_variable::before {
  background:
    radial-gradient(
      circle,
      rgba(116, 212, 232, 0.10),
      transparent 68%
    ) !important;
}


/* Survol du bouton */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .product-element-bottom .wd-add-btn a:hover,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn.wd-add-btn-replace a:hover {
  color:
    #ffffff !important;

  border-color:
    rgba(89, 255, 156, 0.58) !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(89, 255, 156, 0.12),
      transparent 44%
    ),
    linear-gradient(
      145deg,
      rgba(20, 42, 30, 0.99),
      rgba(9, 19, 14, 0.99)
    ) !important;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.25),
    0 0 22px rgba(89, 255, 156, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}


/* =========================================================
   14 — ÉTOILES : CHAMPAGNE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 .star-rating {
  color:
    rgba(232, 207, 139, 0.88) !important;
}


/* =========================================================
   15 — FOCUS ACCESSIBLE
========================================================= */

.elementor-30820 .elementor-element.elementor-element-dab4c08 select:focus-visible,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-selection--single:focus-visible,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .wd-add-btn a:focus-visible,
.elementor-30820 .elementor-element.elementor-element-dab4c08 .add_to_cart_button:focus-visible,
.elementor-30820 .elementor-element.elementor-element-dab4c08 a.button:focus-visible,
.elementor-30820 .elementor-element.elementor-element-dab4c08 button.button:focus-visible {
  outline:
    3px solid
    rgba(116, 212, 232, 0.30) !important;

  outline-offset:
    3px !important;
}


/* =========================================================
   16 — MOBILE
   COULEURS UNIQUEMENT
========================================================= */

@media screen and (max-width: 768px) {

  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-element-top,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .product-wrapper .product-image-link {
    border-bottom-color:
      rgba(116, 212, 232, 0.15) !important;
  }

  .elementor-30820 .elementor-element.elementor-element-dab4c08 select,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 form.variations_form select,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 #pa_size,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 select.wd-changes-variation-image,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-container .select2-selection--single,
  .elementor-30820 .elementor-element.elementor-element-dab4c08 .select2-selection__rendered {
    color:
      rgba(244, 248, 246, 0.94) !important;

    background-color:
      rgba(8, 14, 13, 0.98) !important;
  }

}/* End custom CSS */