:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(23,24,23);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   MURA LEGNA — mura-legna.css
   Fichier CSS global unique · v0.10 (socle + header (menus) + hero + réassurance + identité + qualité + CTA + cartes produit)
   Stack : WordPress + Elementor + Woodmart
   --------------------------------------------------------------------------
   Sommaire
   00  Polices + variables (un seul @import, un seul :root)
   01  Base (fond, texte, sélection, focus, mouvement réduit, mots longs)
   02  Titres
   03  Textes et listes
   04  Liens
   05  Boutons
   06  Formulaires
   07  Étiquettes, cartes, séparateurs
   08  Contexte sombre (.ml-on-dark) et utilitaires
   09  Mouvement (un seul vocabulaire : apparition au scroll)
   10+ Blocs : 10 Header (menus), 11 Hero, 12 Réassurance, 13 Identité, 14 Qualité, 15 CTA bas, 16 Grille produits
   60  WooCommerce : cartes produit (toutes les grilles du site) — les autres ajoutés bloc par bloc
   90  Responsive (mobile-first : tablette ≥ 768, desktop ≥ 1025)
   --------------------------------------------------------------------------
   Préfixe : tout est scopé sous .website-wrapper (conteneur racine Woodmart).
   Règle : aucune variable --ml-* redéfinie hors du :root ci-dessous.
   Interdits : fonds violets, dégradés décoratifs, arrondis marqués,
   animations Woodmart/Elementor, effets de mouvement au survol.
   Seul mouvement autorisé : l'apparition au scroll de la section 09.
   ========================================================================== */


/* ==========================================================================
   00 · POLICES + VARIABLES
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  /* Couleurs — identiques aux couleurs globales Elementor */
  --ml-carbon: #171817;        /* Primaire : titres, header, footer, hero */
  --ml-forest: #354B3B;        /* Secondaire : étiquettes, accents nature */
  --ml-ink: #20211F;           /* Texte courant */
  --ml-ember: #F47712;         /* Accent : boutons et signaux d'action */
  --ml-ember-hover: #D96100;   /* Survol des boutons */
  --ml-ember-text: #B85000;    /* Orange en texte sur blanc (5,0:1) */
  --ml-oak: #9A633A;           /* Détails, textures */
  --ml-ivory: #F4F0E8;         /* Texte clair sur fond carbone uniquement */
  --ml-white: #FFFFFF;         /* Fond de page */
  --ml-muted: #77766F;         /* Texte secondaire sur blanc (4,6:1) */
  --ml-muted-on-dark: #BCB8B0; /* Texte secondaire sur carbone (9,0:1) */
  --ml-line: #DDD8CE;          /* Contours de cartes, séparateurs (décoratif) */
  --ml-line-strong: #8F8A80;   /* Contours de champs (3,4:1, requis AA) */
  --ml-line-on-dark: rgba(244, 240, 232, .16);
  --ml-forest-tint: #E5EEE5;   /* Fond étiquette verte */
  --ml-ember-tint: #F8E4D2;    /* Fond étiquette orange */
  --ml-ember-ink: #8A3F00;     /* Texte étiquette orange */
  --ml-error: #B3261E;

  /* Typographies — identiques aux polices globales Elementor */
  --ml-font-heading: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --ml-font-body: Inter, Arial, Helvetica, sans-serif;

  /* Tailles fluides : mobile 375 px → desktop (valeurs validées) */
  --ml-fs-h1: clamp(3.5rem, 2.4rem + 4.7vw, 6.625rem);      /* 56 / 72 / 106 */
  --ml-fs-h2: clamp(2.125rem, 1.575rem + 2.35vw, 3.1875rem); /* 34 / 42 / 51 */
  --ml-fs-h3: clamp(1.375rem, 1.245rem + .55vw, 1.625rem);   /* 22 / 24 / 26 */
  --ml-fs-h4: 1.125rem;
  --ml-fs-body: 1rem;                                        /* 16 */
  --ml-fs-small: .8125rem;                                   /* 13 */
  --ml-fs-btn: .75rem;                                       /* 12 (charte) */
  --ml-fs-price: 1.25rem;                                    /* 20 */

  /* Formes, mise en page, mouvement */
  --ml-radius: 2px;      /* valeur unique : boutons, champs, cartes, étiquettes */
  --ml-control-h: 46px;
  --ml-container: 1180px;
  --ml-gutter: clamp(16px, 2.5vw, 20px);

  /* Espacements entre blocs (mobile 375 → desktop 1440), appliqués bloc par bloc */
  --ml-section-y: clamp(3.5rem, 2.62rem + 3.76vw, 6rem);      /* 56 → 96 : section standard */
  --ml-section-y-sm: clamp(2rem, 1.65rem + 1.5vw, 3rem);      /* 32 → 48 : bandeaux fins */
  --ml-stack: clamp(1.5rem, 1.325rem + .75vw, 2rem);          /* 24 → 32 : titre → contenu */
  --ml-hero-veil: rgba(23, 24, 23, .72); /* voile uni sur la photo du hero */
  --ml-ease: cubic-bezier(.2, .7, .2, 1);
  --ml-dur: .2s;
  --ml-reveal-dur: .6s;    /* apparition au scroll : durée */
  --ml-reveal-shift: 12px; /* apparition au scroll : déplacement vertical */

  /* Bouton des cartes produit — option B (carbone). Option A : --ml-ember / --ml-carbon */
  --ml-card-btn-bg: var(--ml-carbon);
  --ml-card-btn-text: var(--ml-white);
}


/* ==========================================================================
   01 · BASE
   ========================================================================== */

/* Fond blanc partout (remplace l'avorio de la charte) */
body,
.website-wrapper,
.website-wrapper .main-page-wrapper {
  background-color: var(--ml-white);
}

.website-wrapper {
  color: var(--ml-ink);
  font-family: var(--ml-font-body);
  font-size: var(--ml-fs-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Vide de 40 px sous le header Woodmart */
.website-wrapper #main-content.wd-content-layout {
  padding-top: 0;
}

.website-wrapper ::selection {
  background: var(--ml-ember);
  color: var(--ml-carbon);
}

/* Focus visible au clavier uniquement */
.website-wrapper :focus-visible {
  outline: 2px solid var(--ml-ember-text);
  outline-offset: 2px;
}

/* Mots longs italiens (hyphens nécessite la langue du site en italien) */
.website-wrapper :is(h1, h2, h3, h4, h5, h6, p, li, dd, td, th, figcaption, .elementor-heading-title, .wd-entities-title) {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* Les enfants de grilles Elementor peuvent rétrécir sous leur contenu */
.website-wrapper .e-grid > * {
  min-width: 0;
}

/* !important justifié : neutralise les animations inline Woodmart / Elementor */
@media (prefers-reduced-motion: reduce) {
  .website-wrapper *,
  .website-wrapper *::before,
  .website-wrapper *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}


/* ==========================================================================
   02 · TITRES
   Spécificité volontaire (0,3,1) pour le widget Titre : passe devant le kit
   Elementor, reste en dessous des réglages faits dans un widget précis.
   ========================================================================== */

.website-wrapper :is(h1, h2, h3),
.website-wrapper .elementor-widget-heading :is(h1, h2, h3).elementor-heading-title {
  margin: 0 0 .4em;
  color: var(--ml-carbon);
  font-family: var(--ml-font-heading);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.website-wrapper h1,
.website-wrapper .elementor-widget-heading h1.elementor-heading-title {
  font-size: var(--ml-fs-h1);
  line-height: .88;
  letter-spacing: -.015em;
}

.website-wrapper h2,
.website-wrapper .elementor-widget-heading h2.elementor-heading-title {
  font-size: var(--ml-fs-h2);
  line-height: .95;
}

.website-wrapper h3,
.website-wrapper .elementor-widget-heading h3.elementor-heading-title {
  font-family: var(--ml-font-heading);
  font-size: var(--ml-fs-h3);
  font-weight: 700;
  line-height: 1.05;
  text-transform: uppercase;
}

/* H4–H6 : Inter, casse normale (pages légales, FAQ, fiches) */
.website-wrapper :is(h4, h5, h6),
.website-wrapper .elementor-widget-heading :is(h4, h5, h6).elementor-heading-title {
  margin: 0 0 .5em;
  color: var(--ml-carbon);
  font-family: var(--ml-font-body);
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
}
.website-wrapper h4 { font-size: var(--ml-fs-h4); }
.website-wrapper h5 { font-size: 1rem; }
.website-wrapper h6 { font-size: var(--ml-fs-small); }

/* Sur-titre : réservé au hero (pas au-dessus de chaque titre) */
.website-wrapper .ml-eyebrow {
  margin: 0 0 13px;
  color: var(--ml-ember-text);
  font: 800 .72rem/1.2 var(--ml-font-body);
  letter-spacing: .16em;
  text-transform: uppercase;
}


/* ==========================================================================
   03 · TEXTES ET LISTES
   ========================================================================== */

.website-wrapper p {
  margin: 0 0 1em;
}

.website-wrapper :is(strong, b) {
  font-weight: 700;
}

.website-wrapper small,
.website-wrapper .ml-small {
  font-size: var(--ml-fs-small);
  font-weight: 500;
  line-height: 1.45;
}

.website-wrapper .ml-muted {
  color: var(--ml-muted);
}

.website-wrapper .ml-lead {
  max-width: 34em;
  font-size: 1.0625rem;
  line-height: 1.55;
}

.website-wrapper .ml-price {
  color: var(--ml-ink);
  font: 800 var(--ml-fs-price)/1.2 var(--ml-font-body);
}
.website-wrapper .ml-price small {
  color: var(--ml-muted);
  font-size: .72rem;
  font-weight: 500;
}

.website-wrapper .elementor-widget-text-editor :is(ul, ol) {
  margin: 0 0 1em;
  padding-left: 1.25em;
}
.website-wrapper .elementor-widget-text-editor li + li {
  margin-top: .35em;
}
.website-wrapper .elementor-widget-text-editor li::marker {
  color: var(--ml-ember-text);
}

.website-wrapper hr,
.website-wrapper .ml-rule {
  height: 1px;
  margin: 22px 0;
  border: 0;
  background: var(--ml-line);
}


/* ==========================================================================
   04 · LIENS
   Uniquement les liens dans le texte : menus, boutons et cartes sont stylés
   dans leur propre section.
   ========================================================================== */

.website-wrapper :is(.elementor-widget-text-editor, .entry-content, .woocommerce-product-details__short-description, .wc-tab, .woocommerce-privacy-policy-text, .ml-prose) a:not(.button):not(.btn):not(.elementor-button):not(.ml-btn) {
  color: var(--ml-ember-text);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  transition: color var(--ml-dur) var(--ml-ease);
}

.website-wrapper :is(.elementor-widget-text-editor, .entry-content, .woocommerce-product-details__short-description, .wc-tab, .woocommerce-privacy-policy-text, .ml-prose) a:not(.button):not(.btn):not(.elementor-button):not(.ml-btn):hover {
  color: var(--ml-carbon);
}


/* ==========================================================================
   05 · BOUTONS
   Principal : orange, texte carbone (le blanc sur orange échoue en AA).
   Secondaire : classe « ml-secondary » sur le widget Bouton Elementor
   (champ Classes CSS), ou .ml-btn.ml-secondary en HTML.
   Les boutons WooCommerce de la boutique seront traités dans leur section.
   ========================================================================== */

.website-wrapper :is(.ml-btn, .elementor-button, .button.alt, .single_add_to_cart_button, .checkout-button, .btn-color-primary) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding: 13px 19px;
  border: 1px solid var(--ml-ember);
  border-radius: var(--ml-radius);
  background-color: var(--ml-ember);
  color: var(--ml-carbon);
  font: 800 var(--ml-fs-btn)/1 var(--ml-font-body);
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: none;
  cursor: pointer;
  transition: background-color var(--ml-dur) var(--ml-ease), border-color var(--ml-dur) var(--ml-ease), color var(--ml-dur) var(--ml-ease);
}

.website-wrapper :is(.ml-btn, .elementor-button, .button.alt, .single_add_to_cart_button, .checkout-button, .btn-color-primary):hover {
  border-color: var(--ml-ember-hover);
  background-color: var(--ml-ember-hover);
  color: var(--ml-carbon);
}

/* Secondaire sur fond clair */
.website-wrapper :is(.ml-btn.ml-secondary, .ml-secondary .elementor-button) {
  border-color: var(--ml-carbon);
  background-color: transparent;
  color: var(--ml-carbon);
}
.website-wrapper :is(.ml-btn.ml-secondary, .ml-secondary .elementor-button):hover {
  border-color: var(--ml-carbon);
  background-color: var(--ml-carbon);
  color: var(--ml-white);
}

/* Désactivé */
.website-wrapper :is(.ml-btn, .elementor-button, .button, .btn):is(:disabled, .disabled, [aria-disabled="true"]) {
  opacity: .5;
  cursor: not-allowed;
}

/* Icône flèche dans le bouton */
.website-wrapper .elementor-button .elementor-button-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}


/* ==========================================================================
   06 · FORMULAIRES
   16 px dans les champs : évite le zoom automatique sur iPhone.
   ========================================================================== */

.website-wrapper :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="date"], select, textarea) {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--ml-control-h);
  padding: 10px 14px;
  border: 1px solid var(--ml-line-strong);
  border-radius: var(--ml-radius);
  background-color: var(--ml-white);
  color: var(--ml-ink);
  font: 400 1rem/1.4 var(--ml-font-body);
  box-shadow: none;
  transition: border-color var(--ml-dur) var(--ml-ease);
}

.website-wrapper textarea {
  min-height: 140px;
  resize: vertical;
}

.website-wrapper :is(input, select, textarea)::placeholder {
  color: var(--ml-muted);
  opacity: 1;
}

.website-wrapper :is(input, select, textarea):focus {
  border-color: var(--ml-ember-text);
}

.website-wrapper :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ml-ember-text);
  width: 18px;
  height: 18px;
}

.website-wrapper label {
  color: var(--ml-ink);
  font-size: .875rem;
  font-weight: 600;
}

.website-wrapper :is(.woocommerce-invalid input, input[aria-invalid="true"]) {
  border-color: var(--ml-error);
}


/* ==========================================================================
   07 · ÉTIQUETTES, CARTES
   Cartes : contour fin, pas d'ombre, angles quasi droits.
   ========================================================================== */

.website-wrapper .ml-tag {
  display: inline-block;
  padding: 6px 10px;
  border-radius: var(--ml-radius);
  background: var(--ml-forest-tint);
  color: var(--ml-forest);
  font: 800 .7rem/1 var(--ml-font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.website-wrapper .ml-tag.ml-tag--stock {
  background: var(--ml-ember-tint);
  color: var(--ml-ember-ink);
}

.website-wrapper .ml-card {
  box-sizing: border-box;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
  background: var(--ml-white);
  transition: border-color var(--ml-dur) var(--ml-ease);
}
.website-wrapper .ml-card:hover {
  border-color: var(--ml-line-strong);
}


/* ==========================================================================
   08 · CONTEXTE SOMBRE + UTILITAIRES
   Classe « ml-on-dark » sur un conteneur Elementor à fond carbone
   (hero, footer). Seules les couleurs changent.
   ========================================================================== */

.website-wrapper .ml-on-dark {
  background-color: var(--ml-carbon);
  color: var(--ml-ivory);
}
.website-wrapper .ml-on-dark :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
  color: var(--ml-ivory);
}
.website-wrapper .ml-on-dark :is(p, li) {
  color: var(--ml-ivory);
}
.website-wrapper .ml-on-dark .ml-muted {
  color: var(--ml-muted-on-dark);
}
.website-wrapper .ml-on-dark .ml-eyebrow {
  color: var(--ml-ember);
}
.website-wrapper .ml-on-dark :focus-visible {
  outline-color: var(--ml-ember);
}
.website-wrapper .ml-on-dark .ml-card {
  border-color: var(--ml-line-on-dark);
  background: transparent;
}
.website-wrapper .ml-on-dark :is(.ml-btn.ml-secondary, .ml-secondary .elementor-button) {
  border-color: var(--ml-muted);
  color: var(--ml-ivory);
}
.website-wrapper .ml-on-dark :is(.ml-btn.ml-secondary, .ml-secondary .elementor-button):hover {
  border-color: var(--ml-ivory);
  background-color: transparent;
  color: var(--ml-ivory);
}

/* Accent de couleur dans un titre : orange foncé sur blanc, orange sur sombre */
.website-wrapper .ml-accent {
  color: var(--ml-ember-text);
}
.website-wrapper .ml-on-dark .ml-accent {
  color: var(--ml-ember);
}

/* Masqué visuellement, lu par les lecteurs d'écran */
.website-wrapper .ml-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}


/* ==========================================================================
   09 · MOUVEMENT — un seul vocabulaire pour tout le site
   Le bloc porte data-ml-animate ; le script ajoute .ml-anim puis .is-in quand
   il entre à l'écran. Chaque élément .ml-reveal monte de 12 px en fondu,
   décalé par son index --i (90 ms). Sans JS ou en « mouvement réduit » :
   aucune classe ajoutée, tout reste visible.
   ========================================================================== */

.website-wrapper .ml-anim .ml-reveal {
  opacity: 0;
  transform: translateY(var(--ml-reveal-shift));
  transition: opacity var(--ml-reveal-dur) var(--ml-ease), transform var(--ml-reveal-dur) var(--ml-ease);
  transition-delay: calc(var(--i, 0) * 90ms);
}
.website-wrapper .ml-anim.is-in .ml-reveal {
  opacity: 1;
  transform: none;
}


/* ==========================================================================
   10+ · BLOCS — ajoutés un par un, chacun scopé par sa classe
   (ex. .ml-hero) + son ID Elementor (.elementor-element-xxxx)
   ========================================================================== */

/* 50 · Footer       — à venir */
/* 60 · WooCommerce  — cartes produit faites, fiche/panier/commande à venir */
/* 70 · Pages        — à venir */


/* ==========================================================================
   10 · HEADER — menus de navigation (header builder Woodmart)
   Menu principal   : nav.wd-header-main-nav.whb-p2ohnqzt7vyqtiguoc50
   Menu catégories  : nav.wd-header-secondary-nav.whb-6yj5ivvu3b57qpla0n3b
   Même règle pour les deux : texte blanc, orange au survol et sur la page
   active. Les lignes du header qui les contiennent doivent avoir un fond
   carbone (réglage du header builder, couleur de texte « Light »).
   Les variables --nav-color* sont celles de Woodmart : réglées ici pour ces
   deux menus seulement, la couleur est aussi posée en direct par sécurité.
   ========================================================================== */

.website-wrapper :is(.whb-p2ohnqzt7vyqtiguoc50, .whb-6yj5ivvu3b57qpla0n3b).wd-header-nav .wd-nav {
  --nav-color: var(--ml-white);
  --nav-color-hover: var(--ml-ember);
  --nav-color-active: var(--ml-ember);
}

.website-wrapper :is(.whb-p2ohnqzt7vyqtiguoc50, .whb-6yj5ivvu3b57qpla0n3b).wd-header-nav .wd-nav > li > a {
  color: var(--ml-white);
  font: 700 .75rem/1.2 var(--ml-font-body);
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--ml-dur) var(--ml-ease);
}

.website-wrapper :is(.whb-p2ohnqzt7vyqtiguoc50, .whb-6yj5ivvu3b57qpla0n3b).wd-header-nav .wd-nav > li > a:hover,
.website-wrapper :is(.whb-p2ohnqzt7vyqtiguoc50, .whb-6yj5ivvu3b57qpla0n3b).wd-header-nav .wd-nav > li:is(.current-menu-item, .current-menu-ancestor, .current-product_cat-ancestor) > a {
  color: var(--ml-ember);
}

.website-wrapper :is(.whb-p2ohnqzt7vyqtiguoc50, .whb-6yj5ivvu3b57qpla0n3b).wd-header-nav .wd-nav > li > a:focus-visible {
  color: var(--ml-ember);
  outline-color: var(--ml-ember);
}


/* ==========================================================================
   11 · HERO — page d'accueil (elementor-15)
   Conteneur parent : 267a8e8 · enfant : f654a14
   Widgets Woodmart : titre 12fdc5e · texte 8190000 · bouton 83fbfa6
   Photo : fond « Classique » du conteneur 267a8e8 dans Elementor, sans
   superposition. Le voile uni est posé ici (ombre interne : passe entre
   la photo et le texte, sans pseudo-élément).
   ========================================================================== */

.website-wrapper .elementor-element-267a8e8 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 420px;
  padding: 56px max(var(--ml-gutter), calc((100% - var(--ml-container)) / 2));
  background-color: var(--ml-carbon);
  box-shadow: inset 0 0 0 100vmax var(--ml-hero-veil);
  color: var(--ml-ivory);
}

.website-wrapper .elementor-element-267a8e8 .elementor-element-f654a14 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 690px;
  gap: 0;
  padding: 0;
}

/* !important justifié : Woodmart masque les widgets animés jusqu'au scroll.
   Règle du projet : pas d'animation Woodmart (seul le vocabulaire 09 est
   utilisé). Mettre aussi « Animation : aucune » dans chaque widget. */
.website-wrapper .elementor-element-267a8e8 .wd-animation {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Surtitre */
.website-wrapper .elementor-element-267a8e8 .title-wrapper {
  margin: 0;
}
.website-wrapper .elementor-element-267a8e8 .title-subtitle {
  margin: 0 0 13px;
  color: var(--ml-ember);
  font: 800 .72rem/1.2 var(--ml-font-body);
  letter-spacing: .16em;
  text-transform: uppercase;
}

/* Titre H1 (Woodmart impose sa police de titre en 0,2,0 : on la redonne ici) */
.website-wrapper .elementor-element-267a8e8 .title-wrapper .title {
  margin: 0 0 22px;
  color: var(--ml-ivory);
  font-family: var(--ml-font-heading);
  font-size: var(--ml-fs-h1);
  font-weight: 800;
  line-height: .88;
  letter-spacing: -.015em;
  text-transform: uppercase;
}

/* Sous-titre */
.website-wrapper .elementor-element-267a8e8 .wd-text-block {
  max-width: 30em;
  margin: 0 0 27px;
  color: var(--ml-ivory);
}
.website-wrapper .elementor-element-267a8e8 .wd-text-block p {
  margin: 0;
  color: var(--ml-ivory);
  font-size: 1.0625rem;
  line-height: 1.55;
}

/* Bouton : style global (section 05), seul l'espacement est local */
.website-wrapper .elementor-element-267a8e8 .wd-button-wrapper {
  margin: 0;
}
.website-wrapper .elementor-element-267a8e8 :focus-visible {
  outline-color: var(--ml-ember);
}


/* ==========================================================================
   12 · RÉASSURANCE — barre de 4 points forts
   HTML dans un widget HTML Elementor : la classe .ml-reassurance fait partie
   du code fourni, elle ne dépend d'aucun ID Elementor.
   Une seule bordure extérieure, séparateurs de 1 px (fond de grille visible
   entre les cases), pas d'ombre.
   ========================================================================== */

.website-wrapper .ml-reassurance {
  margin: 0;
  padding: var(--ml-section-y-sm) 0;
}

.website-wrapper .ml-reassurance__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
  background: var(--ml-line);
  list-style: none;
  overflow: hidden;
}

.website-wrapper .ml-reassurance__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 20px 16px;
  background: var(--ml-white);
}

/* Icônes décoratives (le texte porte l'information) : orange de marque */
.website-wrapper .ml-reassurance__icon {
  flex: none;
  width: 28px;
  height: 28px;
  color: var(--ml-ember);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.website-wrapper .ml-reassurance__title {
  margin: 0;
  color: var(--ml-carbon);
  font-family: var(--ml-font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
}

.website-wrapper .ml-reassurance__text {
  margin: 0;
  color: var(--ml-muted);
  font-size: .875rem;
  line-height: 1.45;
}


/* ==========================================================================
   13 · IDENTITÉ — « Perché esiste Mura Legna »
   HTML dans un widget HTML Elementor (conteneur 795b34e, pleine largeur :
   padding 0 et écart 0 dans l'éditeur). Classe .ml-identity fournie dans le
   code. Mobile : photo puis texte. Desktop : photo à gauche, texte à droite.
   ========================================================================== */

.website-wrapper .ml-identity {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ml-stack);
  margin: 0;
  padding: var(--ml-section-y) max(var(--ml-gutter), calc((100% - var(--ml-container)) / 2));
  background: var(--ml-white);
}

.website-wrapper .ml-identity__media {
  position: relative;
  min-width: 0;
  margin: 0;
}

.website-wrapper .ml-identity__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--ml-radius);
  background: var(--ml-oak); /* visible tant que la photo n'est pas chargée */
}

/* Badge posé sur la photo : aplat carbone, pas d'ombre */
.website-wrapper .ml-identity__badge {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 24px);
  padding: 10px 14px;
  border-radius: var(--ml-radius);
  background: var(--ml-carbon);
  color: var(--ml-ivory);
  font: 600 .8125rem/1.35 var(--ml-font-body);
}

.website-wrapper .ml-identity :is(.ml-identity__badge, .ml-identity__list) svg {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--ml-ember);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.website-wrapper .ml-identity__body {
  align-self: center;
  min-width: 0;
}

.website-wrapper .ml-identity__body h2 {
  margin: 0 0 20px;
}

.website-wrapper .ml-identity__body p {
  max-width: 36em;
  margin: 0 0 1em;
  color: var(--ml-ink);
}

.website-wrapper .ml-identity__list {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--ml-line);
  list-style: none;
}

.website-wrapper .ml-identity__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  color: var(--ml-ink);
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.45;
}

.website-wrapper .ml-identity__list svg {
  margin-top: 1px;
}


/* ==========================================================================
   14 · QUALITÉ — « Legna secca, misurata. Non promessa. »
   HTML + script dans un widget HTML Elementor (conteneur : padding 0, écart 0).
   Élément signature : jauge d'humidité 0–60 %, trois zones proportionnelles
   (0–20 / 20–35 / 35–60), curseur placé par --value (inline dans le HTML).
   Animation : zones qui se tracent, curseur qui glisse, chiffre qui compte.
   ========================================================================== */

.website-wrapper .ml-quality {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--ml-section-y-sm);
  margin: 0;
  padding: var(--ml-section-y) max(var(--ml-gutter), calc((100% - var(--ml-container)) / 2));
  background: var(--ml-white);
}

.website-wrapper .ml-quality__head {
  min-width: 0;
}
.website-wrapper .ml-quality__head h2 {
  margin: 0 0 20px;
}
.website-wrapper .ml-quality__head > p {
  max-width: 34em;
  margin: 0;
  color: var(--ml-ink);
}

/* Jauge */
.website-wrapper .ml-quality__meter {
  margin: var(--ml-stack) 0 0;
  padding: 24px 20px 20px;
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
}

.website-wrapper .ml-quality__caption {
  color: var(--ml-muted);
  font-size: var(--ml-fs-small);
  font-weight: 600;
  line-height: 1.4;
}

.website-wrapper .ml-quality__value {
  margin: 8px 0 0;
  color: var(--ml-carbon);
  font-family: var(--ml-font-heading);
  font-size: clamp(4.5rem, 3.6rem + 3.6vw, 6.5rem);
  font-weight: 800;
  line-height: .9;
  font-variant-numeric: tabular-nums;
}
.website-wrapper .ml-quality__unit {
  margin-left: .04em;
  font-size: .5em;
  vertical-align: .62em;
}

.website-wrapper .ml-quality__track {
  position: relative;
  display: flex;
  gap: 2px;
  height: 10px;
  margin: 28px 0 10px;
}

.website-wrapper .ml-quality__zone {
  display: block;
  height: 100%;
  transform-origin: left center;
}
.website-wrapper .ml-quality__zone--dry { flex: 20 1 0; background: var(--ml-forest); }
.website-wrapper .ml-quality__zone--mid { flex: 15 1 0; background: var(--ml-oak); }
.website-wrapper .ml-quality__zone--wet { flex: 25 1 0; background: var(--ml-line); }

/* Curseur : trait carbone + losange, position = valeur / 60 */
.website-wrapper .ml-quality__marker {
  position: absolute;
  top: -10px;
  bottom: -6px;
  left: calc(var(--value, 0) / 60 * 100%);
  width: 2px;
  margin-left: -1px;
  background: var(--ml-carbon);
}
.website-wrapper .ml-quality__marker::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -3px;
  width: 8px;
  height: 8px;
  background: var(--ml-carbon);
  transform: rotate(45deg);
}

.website-wrapper .ml-quality__scale {
  display: flex;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.website-wrapper .ml-quality__scale li {
  min-width: 0;
  margin: 0;
  color: var(--ml-muted);
  font-size: .75rem;
  line-height: 1.35;
}
.website-wrapper .ml-quality__scale li:nth-child(1) { flex: 20 1 0; }
.website-wrapper .ml-quality__scale li:nth-child(2) { flex: 15 1 0; }
.website-wrapper .ml-quality__scale li:nth-child(3) { flex: 25 1 0; }
.website-wrapper .ml-quality__scale .ml-quality__scale-dry {
  color: var(--ml-forest);
  font-weight: 700;
}

.website-wrapper .ml-quality__source {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--ml-line);
  color: var(--ml-muted);
  font-size: .75rem;
  line-height: 1.4;
}

/* Points qualité */
.website-wrapper .ml-quality__list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  align-content: start;
}

.website-wrapper .ml-quality__item {
  min-width: 0;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid var(--ml-line);
}

.website-wrapper .ml-quality__icon {
  display: block;
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  color: var(--ml-ember);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.website-wrapper .ml-quality__item h3 {
  margin: 0 0 8px;
  font-size: 1.375rem;
}

.website-wrapper .ml-quality__item p {
  margin: 0;
  color: var(--ml-muted);
  font-size: .9375rem;
  line-height: 1.5;
}

/* Animation propre au bloc (même courbe que 09) */
.website-wrapper .ml-quality.ml-anim .ml-quality__zone {
  transform: scaleX(0);
  transition: transform .5s var(--ml-ease);
  transition-delay: calc(300ms + var(--i, 0) * 120ms);
}
.website-wrapper .ml-quality.ml-anim.is-in .ml-quality__zone {
  transform: none;
}
.website-wrapper .ml-quality.ml-anim .ml-quality__marker {
  left: 0;
  transition: left 1.4s var(--ml-ease) .3s;
}
.website-wrapper .ml-quality.ml-anim.is-in .ml-quality__marker {
  left: calc(var(--value, 0) / 60 * 100%);
}


/* ==========================================================================
   15 · CTA BAS DE PAGE — « Prepari l'inverno con calma. »
   Conteneur parent : 78fac641 (boxed) · enfant : 47bba44f
   Widgets Woodmart : titre 41fd68b5 (balise H2) · bouton 26941e6e
   Fond blanc (le hero reste la seule section colorée) : panneau centré à
   contour fin. Dans Elementor : supprimer l'arrière-plan du conteneur parent.
   ========================================================================== */

.website-wrapper .elementor-element-78fac641 {
  box-sizing: border-box;
  padding: var(--ml-section-y) var(--ml-gutter);
  background-color: var(--ml-white);
}

.website-wrapper .elementor-element-78fac641 > .e-con-inner {
  width: 100%;
  max-width: var(--ml-container);
  margin: 0 auto;
  padding: 0;
}

.website-wrapper .elementor-element-78fac641 .elementor-element-47bba44f {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(40px, 2rem + 3vw, 72px) clamp(20px, 1rem + 3vw, 64px);
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
  text-align: center;
}

.website-wrapper .elementor-element-78fac641 .title-wrapper {
  margin: 0;
}

/* Titre (Woodmart impose sa police et le blanc en 0,2,0 : on les redonne ici) */
.website-wrapper .elementor-element-78fac641 .title-wrapper .title {
  margin: 0 0 16px;
  color: var(--ml-carbon);
  font-family: var(--ml-font-heading);
  font-size: var(--ml-fs-h2);
  font-weight: 800;
  line-height: .95;
  letter-spacing: 0;
  text-transform: uppercase;
}

.website-wrapper .elementor-element-78fac641 .title-after_title {
  max-width: 34em;
  margin: 0 auto;
  color: var(--ml-ink);
  font-size: 1.0625rem;
  line-height: 1.55;
}
.website-wrapper .elementor-element-78fac641 .title-after_title p {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

/* Bouton : style global (section 05), seul l'espacement est local */
.website-wrapper .elementor-element-78fac641 .wd-button-wrapper {
  margin: 28px 0 0;
}


/* ==========================================================================
   16 · GRILLE PRODUITS — page d'accueil
   Conteneur 60c4650d · widget Woodmart « Produits » 2e7fa309
   Le style des cartes est global (section 60) : seul l'espacement est local.
   ========================================================================== */

.website-wrapper .elementor-element-60c4650d {
  box-sizing: border-box;
  padding: var(--ml-section-y) var(--ml-gutter);
}
.website-wrapper .elementor-element-60c4650d > .e-con-inner {
  width: 100%;
  max-width: var(--ml-container);
  margin: 0 auto;
  padding: 0;
}


/* ==========================================================================
   60 · WOOCOMMERCE — CARTES PRODUIT
   S'applique à toutes les grilles Woodmart (accueil, boutique, catégories,
   produits liés) pour garder une seule apparence de carte sur le site.
   Choix : contour fin, image entière sur fond blanc, nom en casse normale
   (les noms italiens sont longs), prix unitaire toujours visible, bouton
   plein carbone (variables --ml-card-btn-* dans :root pour passer à l'orange).
   Le survol Woodmart « fade » (carte qui s'agrandit) est neutralisé.
   ========================================================================== */

.website-wrapper .wd-product .wd-product-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
  background: var(--ml-white);
  overflow: hidden;
  transition: border-color var(--ml-dur) var(--ml-ease);
}
.website-wrapper .wd-product:hover .wd-product-wrapper {
  border-color: var(--ml-line-strong);
}

/* Fond qui s'étire au survol (wd-hover-with-fade) : supprimé */
.website-wrapper .wd-product .wd-product-card-bg {
  display: none;
}

/* Image : carré, produit entier (packshots de formats variés) */
.website-wrapper .wd-product .wd-product-thumb {
  margin: 0;
  border-radius: 0;
  background: var(--ml-white);
}
.website-wrapper .wd-product :is(.wd-product-img-link, .wd-product-img-hover) img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

/* Bloc infos */
.website-wrapper .wd-product .product-element-bottom {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  padding: 14px 14px 16px;
  border-top: 1px solid var(--ml-line);
  text-align: left;
}

/* Catégorie au-dessus du nom */
.website-wrapper .wd-product .wd-product-cats {
  order: -1;
  margin: 0;
  color: var(--ml-muted);
  font-size: .75rem;
  line-height: 1.3;
}
.website-wrapper .wd-product .wd-product-cats a {
  color: inherit;
  text-decoration: none;
}
.website-wrapper .wd-product .wd-product-cats a:hover {
  color: var(--ml-ink);
}

/* Nom : Inter, casse normale, affiché en entier (la quantité est en fin de nom) */
.website-wrapper .wd-product .wd-entities-title {
  margin: 0;
  color: var(--ml-ink);
  font: 600 .9375rem/1.35 var(--ml-font-body);
  letter-spacing: 0;
  text-transform: none;
}
.website-wrapper .wd-product .wd-entities-title a {
  color: inherit;
  text-decoration: none;
}
.website-wrapper .wd-product .wd-entities-title a:hover {
  color: var(--ml-ember-text);
}

/* Prix, poussé en bas de carte pour aligner les cartes d'une même ligne */
.website-wrapper .wd-product .product-rating-price {
  margin-top: auto;
  padding-top: 4px;
}
.website-wrapper .wd-product .price {
  display: block;
  margin: 0;
  color: var(--ml-ink);
  font: 800 1.125rem/1.2 var(--ml-font-body);
}
.website-wrapper .wd-product .price del {
  margin-right: 6px;
  color: var(--ml-muted);
  font-size: .875rem;
  font-weight: 500;
}
.website-wrapper .wd-product .price ins {
  text-decoration: none;
}

/* Bloc de survol rendu statique : toujours visible, sans animation */
.website-wrapper .wd-product.wd-hover-with-fade .wd-product-card-hover,
.website-wrapper .wd-product .wd-product-card-hover {
  position: static;
  margin: 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
}

/* Description courte : seul le dernier paragraphe (prix unitaire) est gardé */
.website-wrapper .wd-product .wd-more-desc {
  max-height: none;
  margin: 0;
  overflow: visible;
}
.website-wrapper .wd-product .wd-more-desc-inner > :not(:last-child),
.website-wrapper .wd-product .wd-more-desc-btn {
  display: none;
}
.website-wrapper .wd-product .wd-more-desc-inner p {
  margin: 0;
  color: var(--ml-muted);
  font-size: .75rem;
  line-height: 1.4;
}
.website-wrapper .wd-product .wd-more-desc-inner strong {
  color: var(--ml-ink);
  font-weight: 700;
}

/* Actions : bouton plein + icônes carrées */
.website-wrapper .wd-product .wd-bottom-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}
.website-wrapper .wd-product .wd-add-btn {
  order: -1;
  flex: 1;
  min-width: 0;
}
.website-wrapper .wd-product .wd-add-btn .button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--ml-card-btn-bg);
  border-radius: var(--ml-radius);
  background: var(--ml-card-btn-bg);
  color: var(--ml-card-btn-text);
  font: 800 .6875rem/1.1 var(--ml-font-body);
  letter-spacing: .04em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color var(--ml-dur) var(--ml-ease), color var(--ml-dur) var(--ml-ease);
}
.website-wrapper .wd-product .wd-add-btn .button:hover {
  border-color: var(--ml-ember-hover);
  background: var(--ml-ember-hover);
  color: var(--ml-carbon);
}
/* Woodmart remplace le texte par une icône au survol : texte fixe, icône masquée */
.website-wrapper .wd-product .wd-add-btn .button .wd-action-icon {
  display: none;
}
.website-wrapper .wd-product .wd-add-btn .button .wd-action-text {
  position: static;
  opacity: 1;
  transform: none;
}
.website-wrapper .wd-product .wd-bottom-actions .wd-action-btn > a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--ml-line);
  border-radius: var(--ml-radius);
  color: var(--ml-ink);
  transition: border-color var(--ml-dur) var(--ml-ease), color var(--ml-dur) var(--ml-ease);
}
.website-wrapper .wd-product .wd-bottom-actions .wd-action-btn > a:hover {
  border-color: var(--ml-line-strong);
  color: var(--ml-ember-text);
}

/* Étiquettes Woodmart (promo, rupture, mis en avant) : rectangulaires, sans orange */
.website-wrapper .product-labels .product-label {
  min-width: 0;
  min-height: 0;
  padding: 6px 8px;
  border-radius: var(--ml-radius);
  font: 800 .6875rem/1 var(--ml-font-body);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.website-wrapper .product-labels .product-label.onsale {
  background: var(--ml-carbon);
  color: var(--ml-ivory);
}
.website-wrapper .product-labels .product-label.featured {
  background: var(--ml-forest);
  color: var(--ml-white);
}
.website-wrapper .product-labels .product-label.out-of-stock {
  border: 1px solid var(--ml-line-strong);
  background: var(--ml-white);
  color: var(--ml-ink);
}

/* Flèches de pagination de la grille */
.website-wrapper .wd-products-element .wd-nav-arrows .wd-arrow-inner {
  color: var(--ml-carbon);
}
.website-wrapper .wd-products-element .wd-nav-arrows .wd-arrow-inner:hover {
  color: var(--ml-ember-text);
}


/* ==========================================================================
   90 · RESPONSIVE
   Les tailles de texte sont fluides (clamp) : rien à redéfinir ici.
   ========================================================================== */

/* Mobile (< 768) : boutons pleine largeur à la demande */
@media (max-width: 767px) {
  .website-wrapper :is(.ml-btn.ml-block-mobile, .ml-block-mobile .elementor-button) {
    width: 100%;
  }
  /* Cartes produit sur 2 colonnes : bouton seul, sans icônes */
  .website-wrapper .wd-product .product-element-bottom {
    padding: 12px 10px 14px;
  }
  .website-wrapper .wd-product .wd-entities-title {
    font-size: .875rem;
  }
  .website-wrapper .wd-product .wd-bottom-actions .wd-action-btn {
    display: none;
  }
}

/* Tablette (≥ 768) */
@media (min-width: 768px) {
  .website-wrapper .ml-reassurance__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .website-wrapper .ml-reassurance__item {
    padding: 24px 20px;
  }
  .website-wrapper .ml-identity__img {
    aspect-ratio: 16 / 9;
  }
  .website-wrapper .ml-quality__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 32px;
  }
  .website-wrapper .ml-quality__meter {
    padding: 28px 28px 24px;
  }
  .website-wrapper .elementor-element-267a8e8 {
    min-height: 460px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

/* Desktop (≥ 1025) */
@media (min-width: 1025px) {
  .website-wrapper .ml-identity {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 64px;
  }
  .website-wrapper .ml-identity__img {
    height: 100%;
    min-height: 440px;
    aspect-ratio: auto;
  }
  .website-wrapper .ml-quality {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: 72px;
    align-items: start;
  }
  .website-wrapper .elementor-element-267a8e8 {
    min-height: 520px;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}