/* Maison de l’Europe — Page Professionnels — CSS autonome nettoyé */
.mde-pages-scope{
  /* Charte tirée des PowerPoint validés */
  --mdle-blue: rgb(27 83 126);
  --mdle-gold: rgb(255 210 95);
  --mdle-yellow: rgb(255 210 95); /* Jaune officiel Banneux N.D., échantillonné sur le logo officiel : #FFD25F. */

  --font-title: Georgia, "Times New Roman", serif;
  --font-body: Arial, Helvetica, sans-serif;

  --content-max: 1200px;
  --page-gutter: clamp(20px, 4vw, 56px);
}

/* Base volontairement légère : la homepage doit rester indépendante de PrestaShop. */
.mde-pages-scope *,
.mde-pages-scope *::before,
.mde-pages-scope *::after{
  box-sizing: border-box;
}

.mde-pages-scope{
  -webkit-text-size-adjust: 100%;
}

.mde-pages-scope{
  margin: 0;
  color: var(--mdle-blue);
  font-family: var(--font-body);
  background: #fff;
}

.mde-pages-scope img{
  display: block;
  max-width: 100%;
}




/* Styles communs réellement utilisés par cette page */


/* Base volontairement légère : la homepage doit rester indépendante de PrestaShop. */


.mde-pages-scope{
  -webkit-text-size-adjust: 100%;
}

.mde-pages-scope{
  margin: 0;
  color: var(--mdle-blue);
  font-family: var(--font-body);
  background: #fff;
}





/* ------------------------------
   01 bis — SAINT / FÊTE DU JOUR
   Petit bandeau éditorial automatique, sans appel commercial.
   ------------------------------ */










/* Écran PC : davantage de respiration verticale sans modifier les formats tablette/mobile. */



/* ------------------------------
   02 — HERO
   ------------------------------ */







/*
  Sur desktop, les deux blocs reprennent les proportions du PowerPoint :
  - bloc gauche : ~17,9 % depuis le bord gauche ;
  - bloc droit : ~15 % depuis le bord droit ;
  - les deux commencent à la même hauteur.
*/








.mde-pages-scope .gold-rule--hero{
  margin-top: 22px;
  margin-bottom: 54px;
}

/* Dans la maquette, le texte de droite est plus léger que le grand titre. */












/* Tablette / petit laptop */


/*
  Smartphone :
  on ne tente pas de conserver artificiellement la composition gauche/droite.
  Les éléments sont regroupés en une composition verticale compacte,
  toujours sur la photo, afin de conserver le caractère du Hero.
*/
@media (max-width: 700px){
  

  

  

  

  

  

  

  .mde-pages-scope .gold-rule--hero{
    margin: 8px auto 0;
    transform: translateY(-8px);
  }

  /*
    Zone volontairement laissée libre devant la Vierge.
    Les boutons commencent plus bas afin de ne plus recouvrir la statue.
  */
  

  

  

  
}



/* Tablette : centrage visuel précis de la Vierge selon l'orientation. */





/* Titres principaux harmonisés */
.mde-pages-scope .section-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-title);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  font-weight: 700;
  color: var(--mdle-blue);
}

/* ------------------------------
   03 — BIENVENUE
   ------------------------------ */







.mde-pages-scope .gold-rule{
  width: 33.782mm;       /* longueur validée dans la maquette */
  max-width: 100%;
  height: 0.847mm;       /* épaisseur harmonisée sur le Hero */
  margin: 22px auto 30px;
  background: var(--mdle-gold);
}









/* Les dessins restent des éléments décoratifs, non cliquables. */






/* Tablette */



/* Tablette portrait : alléger Bienvenue sans toucher au paysage. */




/* Smartphone :
   pas de coordonnées PowerPoint figées ; le contenu reste lisible et fluide. */
@media (max-width: 700px){
  

  

  

  .mde-pages-scope .gold-rule{
    margin-top: 18px;
    margin-bottom: 24px;
  }

  

  

  

  

  

  
}






/* ------------------------------
   04 — CATÉGORIES — DESKTOP
   ------------------------------ */
















/* ------------------------------
   05 — DÉCOUVREZ LA MAISON DE L’EUROPE
   Bloc ajouté après validation de Hero + Bienvenue + Catégories.
   Les règles précédentes ne sont pas modifiées.
   ------------------------------ */



















/* Les mises en scène de « Beaux objets » restent visibles en entier. */


































/* ------------------------------
   06 — AVIS CLIENTS
   Trois témoignages courts et fixes : preuve sociale sans ajouter de carrousel.
   Version recentrée + invitation discrète à laisser un avis.
   ------------------------------ */






























































/* ------------------------------
   07 — NEWSLETTER
   Formulaire visuel prêt pour le futur raccordement à Brevo.
   ------------------------------ */

.mde-pages-scope .newsletter{
  padding: clamp(42px, 5vw, 66px) var(--page-gutter);
  background: var(--mdle-yellow);
  color: #30373c;
}

.mde-pages-scope .newsletter__inner{
  width: min(100%, var(--content-max));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(560px, 1.45fr);
  align-items: center;
  gap: clamp(44px, 6vw, 84px);
}

.mde-pages-scope .newsletter__intro{
  text-align: center;
}

.mde-pages-scope .newsletter__title{ margin:0; }

.mde-pages-scope .newsletter__rule{
  margin-top: 22px;
  margin-bottom: 26px;
}

.mde-pages-scope .newsletter__signup{
  margin: 0 0 8px;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.4;
  font-weight: 700;
}

.mde-pages-scope .newsletter__subtitle{
  margin: 0;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.45;
}

.mde-pages-scope .newsletter__form-wrap,
.mde-pages-scope .newsletter__form{
  width: 100%;
}

.mde-pages-scope .newsletter__fields{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

/* Sur desktop et tablette, le prénom reste volontairement plus court :
   cela allège visuellement le formulaire sans pénaliser la saisie. */
.mde-pages-scope #newsletter-firstname{
  width: 58%;
  justify-self: start;
}

.mde-pages-scope .newsletter__input,
.mde-pages-scope .newsletter__submit{
  min-height: 56px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 16px;
}

.mde-pages-scope .newsletter__input{
  width: 100%;
  padding: 0 18px;
  border: 1px solid #dadad4;
  background: #fff;
  color: #30373c;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.14);
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.mde-pages-scope .newsletter__input::placeholder{
  color: #5a6267;
  opacity: 1;
}

.mde-pages-scope .newsletter__input:focus{
  border-color: var(--mdle-blue);
  box-shadow: 0 0 0 3px rgb(27 83 126 / 0.16), 0 3px 5px rgb(0 0 0 / 0.12);
}

.mde-pages-scope .newsletter__submit{
  min-width: 142px;
  padding: 0 24px;
  border: 2px solid var(--mdle-blue);
  background: var(--mdle-blue);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.16);
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}


.mde-pages-scope .newsletter__consent + .newsletter__submit{
  margin-top: 14px;
}

.mde-pages-scope .newsletter__submit:hover,
.mde-pages-scope .newsletter__submit:focus-visible{
  background: rgb(22 73 112);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 9px rgb(0 0 0 / 0.24);
}

.mde-pages-scope .newsletter__submit:focus-visible{
  outline: 3px solid rgb(27 83 126 / 0.30);
  outline-offset: 3px;
}

.mde-pages-scope .newsletter__submit:active{
  transform: translateY(1px);
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18);
}


.mde-pages-scope .newsletter__audience{ border:0; padding:0; margin:18px 0 0; display:flex; align-items:center; gap:16px 24px; flex-wrap:wrap; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.35; }
.mde-pages-scope .newsletter__audience legend{ float:left; margin:0 8px 0 0; padding:0; font-weight:700; }
.mde-pages-scope .newsletter__audience label{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; }
.mde-pages-scope .newsletter__audience input{ accent-color:var(--mdle-blue); }
@media (max-width:700px){
  .mde-pages-scope .newsletter__audience{
    border:0;
    padding:0;
    margin:20px 0 16px;
    display:grid;
    grid-template-columns: 1fr;
    justify-items:start;
    align-items:start;
    gap:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:1.35;
  }
  .mde-pages-scope .newsletter__audience legend{ width:100%; float:none; margin:0 0 2px; }
  .mde-pages-scope .newsletter__audience label{ width:100%; }
}

/* Smartphone étroit : conserver « Vous êtes : » en place tout en rapprochant
   visuellement les deux choix du bloc de consentement, sans déplacer ce dernier. */
@media (max-width:480px){
  .mde-pages-scope .newsletter__audience label{
    transform: translateY(8px);
  }
}

.mde-pages-scope .newsletter__consent{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.45;
}

.mde-pages-scope .newsletter__checkbox{
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  accent-color: var(--mdle-blue);
  cursor: pointer;
}

.mde-pages-scope .newsletter__consent label{
  cursor: pointer;
}

.mde-pages-scope .newsletter__consent a,
.mde-pages-scope .newsletter__unsubscribe a{
  color: var(--mdle-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mde-pages-scope .newsletter__unsubscribe{
  margin: 4px 0 0 30px;
  font-size: 14px;
  line-height: 1.45;
}

.mde-pages-scope .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1100px) and (min-width: 701px){
  .mde-pages-scope .newsletter__inner{
    grid-template-columns: minmax(240px, 0.8fr) minmax(420px, 1.2fr);
    gap: 38px;
  }

  .mde-pages-scope .newsletter__fields{
    grid-template-columns: 1fr;
  }
}

/* Tablette verticale : contenu recentré en une seule colonne. */
@media (min-width: 701px) and (max-width: 900px) and (orientation: portrait){
  .mde-pages-scope .newsletter__inner{
    grid-template-columns: 1fr;
    max-width: 640px;
    gap: 30px;
  }

  .mde-pages-scope .newsletter__form-wrap{
    max-width: 640px;
    margin-inline: auto;
  }
}

@media (max-width: 700px){
  .mde-pages-scope .newsletter{
    padding: 38px 16px 40px;
  }

  .mde-pages-scope .newsletter__inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .mde-pages-scope .newsletter__title{ margin:0; }

  .mde-pages-scope .newsletter__rule{
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .mde-pages-scope .newsletter__subtitle{
    font-size: 16px;
  }

  .mde-pages-scope .newsletter__fields{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .mde-pages-scope .newsletter__input,
.mde-pages-scope .newsletter__submit,
.mde-pages-scope #newsletter-firstname{
    width: 100%;
  }

  .mde-pages-scope .newsletter__consent{
    margin-top: 12px;
    font-size: 13.5px;
  }

  .mde-pages-scope .newsletter__unsubscribe{
    margin-left: 30px;
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce){
  .mde-pages-scope .newsletter__input,
.mde-pages-scope .newsletter__submit{
    transition: none;
  }
}


/* Brevo — le moteur du formulaire est externe, l'apparence reste celle de la homepage. */
.mde-pages-scope .newsletter__brevo-container{
  width: 100%;
}

.mde-pages-scope .newsletter__field{
  display: grid;
  width: 100%;
}

.mde-pages-scope .newsletter__message-panel{
  display: none;
  width: 100%;
  margin: 0 0 18px;
  padding: 16px 18px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.45;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.08);
}

.mde-pages-scope .newsletter__message-panel--success{
  color: #174d2d;
  background: #eef9f1;
  border-color: #83b993;
}

.mde-pages-scope .newsletter__message-panel--error{
  color: #702020;
  background: #fff1f1;
  border-color: #d69292;
}

.mde-pages-scope .newsletter__message-panel.sib-form-message-panel--active{
  display: block;
}

.mde-pages-scope .newsletter__field-error:empty{
  display: none;
}

.mde-pages-scope .newsletter__field-error:not(:empty){
  display: block;
}

.mde-pages-scope .newsletter__field-error{
  margin: 6px 2px 0;
  color: #702020;
  font-size: 13px;
  line-height: 1.35;
}

.mde-pages-scope .newsletter__brevo-declaration{
  margin: 18px 0 0 30px;
  color: #687484;
  font-size: 12.5px;
  line-height: 1.45;
}

.mde-pages-scope .newsletter__brevo-declaration p{
  margin: 0;
}

.mde-pages-scope .newsletter__brevo-declaration a{
  color: var(--mdle-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mde-pages-scope .newsletter__honeypot{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.mde-pages-scope .newsletter__loader{
  width: 18px;
  height: 18px;
  margin-right: 8px;
  fill: currentColor;
}

.mde-pages-scope .newsletter__loader.sib-hide-loader-icon{
  display: none;
}

.mde-pages-scope .newsletter__loader:not(.sib-hide-loader-icon){
  display: inline-block;
}

.mde-pages-scope .newsletter__consent .checkbox{
  display: none;
}

.mde-pages-scope .newsletter__consent .entry__choice > label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mde-pages-scope .newsletter__consent .entry__choice > label > span:last-child{
  display: block;
}

@media (max-width: 700px){
  .mde-pages-scope .newsletter__brevo-declaration{
    margin-left: 30px;
    font-size: 12px;
  }
}


/* ------------------------------
   07 — LIGHTBOX DES VIGNETTES "DÉCOUVREZ"
   Agrandissement des images de Beaux objets et Notre magasin.
   La vignette vidéo Banneux reste réservée à la lecture vidéo.
   ------------------------------ */
































/* ==========================================================
   10 — HEADER + FOOTER (maquettes PPTX du 23/08/2026)
   Homepage : header et footer préparés pour l’intégration PrestaShop.
   ========================================================== */
.mde-pages-scope .site-header{ background:#fff; color:#666; font-family:Arial,Helvetica,sans-serif; border-bottom:0; }
.mde-pages-scope .site-header a{ color:inherit; text-decoration:none; }
.mde-pages-scope .site-header__utility{ min-height:42px; display:grid; grid-template-columns:auto minmax(360px,1fr) auto auto 128px; align-items:center; gap:18px; padding:0 max(18px,calc((100vw - 1360px)/2)); border-bottom:1px solid #eee; font-size:16px; }
.mde-pages-scope .site-header__contact{ display:flex; align-items:center; gap:9px; white-space:nowrap; }
.mde-pages-scope .site-header__contact-item{ display:inline-flex; align-items:center; gap:7px; color:#555; }
.mde-pages-scope .site-header__contact-item img{ width:24px; height:24px; display:block; object-fit:contain; }
.mde-pages-scope .site-header__contact-item:hover span,
.mde-pages-scope .site-header__contact-item:focus-visible span{ color:var(--mdle-blue); text-decoration:underline; text-underline-offset:3px; }
.mde-pages-scope .site-header__contact-mail{ border-radius:50%; }
.mde-pages-scope .site-header__contact-separator{ color:#bbb; font-size:18px; line-height:1; }
.mde-pages-scope .site-header__hours{ justify-self:center; display:inline-block; padding:5px 11px; border-radius:999px; background:rgb(255 210 95 / .24); color:#4d4d4d; font-weight:700; line-height:1.25; white-space:nowrap; }
.mde-pages-scope .site-header__social{ display:flex; justify-content:center; align-items:center; gap:22px; min-width:170px; }
.mde-pages-scope .site-header__social-item{ width:24px; height:24px; display:grid; place-items:center; }
.mde-pages-scope .site-header__social-item img{ width:24px; height:24px; display:block; object-fit:contain; }
.mde-pages-scope .site-header__account{ justify-self:end; display:flex; align-items:center; gap:12px; white-space:nowrap; color:#111; }
.mde-pages-scope .site-header__user{ color:var(--mdle-blue); font-size:19px; }
.mde-pages-scope .site-header__cart{ align-self:stretch; display:flex; justify-content:center; align-items:center; background:#f7f7f7; }
.mde-pages-scope .site-header__cart img{ width:100%; height:100%; object-fit:contain; }
.mde-pages-scope .site-header__main{ min-height:98px; display:grid; grid-template-columns:190px minmax(560px,1fr) 264px; align-items:center; gap:24px; padding:0 max(18px,calc((100vw - 1100px)/2)); }
.mde-pages-scope .site-header__brand img{ width:160px; max-height:72px; object-fit:contain; }
.mde-pages-scope .site-header__quicklinks{ justify-self:start; display:flex; flex-wrap:nowrap; align-items:center; gap:24px; font-size:16px; text-transform:uppercase; white-space:nowrap; }
.mde-pages-scope .site-header__quicklinks > a{ color:#666; font-weight:700; }
.mde-pages-scope .site-header__quicklinks > a:hover,
.mde-pages-scope .site-header__quicklinks > a:focus-visible{ color:var(--mdle-blue); text-decoration:underline; text-underline-offset:3px; }
.mde-pages-scope .site-header__b2b{ font-size:16px; }
.mde-pages-scope .site-header__b2b span{ display:none; }
.mde-pages-scope .site-header__search{ justify-self:end; width:264px; height:40px; border:0; border-radius:5px; box-shadow:none; background:#f2f2f2; display:flex; align-items:center; gap:10px; padding:0 12px; }
.mde-pages-scope .site-header__search span{ color:var(--mdle-blue); font-size:22px; }
.mde-pages-scope .site-header__search input{ width:100%; border:0; outline:0; font:16px Arial,Helvetica,sans-serif; color:#555; background:transparent; }

.mde-pages-scope .site-footer{ position:relative; background:#fff; color:#666; font-family:Arial,Helvetica,sans-serif; padding:54px max(28px,6vw) 34px; border-top:1px solid #eee; }
.mde-pages-scope .site-footer a{ color:inherit; text-decoration:none; }
.mde-pages-scope .site-footer__columns{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:70px; }
.mde-pages-scope .site-footer__columns section{ display:flex; flex-direction:column; gap:11px; }
.mde-pages-scope .site-footer__columns h2{ margin:0 0 14px; font-size:18px; color:#333; }
.mde-pages-scope .site-footer__columns p{ margin:0; line-height:1.55; }
.mde-pages-scope .site-footer__columns p + p{ margin-top:8px; }
.mde-pages-scope .site-footer__columns p a{ color:#41a7bd; }
.mde-pages-scope .site-footer__reassurance{ max-width:1100px; margin:42px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:70px; text-align:center; }
.mde-pages-scope .site-footer__reassurance > div,
.mde-pages-scope .site-footer__reassurance > a{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.mde-pages-scope .site-footer__reassurance strong{ color:#333; font-size:17px; }
.mde-pages-scope .site-footer__reassurance span{ font-size:14px; }
.mde-pages-scope .footer-badge{ height:58px; margin-bottom:6px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.mde-pages-scope .footer-badge--mollie{ width:58px; border-radius:50%; background:#111; color:#fff; font-weight:400; }
.mde-pages-scope .footer-badge--dpd{ color:#333; font-size:24px; border-top:4px solid #d33; }
.mde-pages-scope .footer-badge--return{ color:#d9a178; font-size:44px; font-weight:400; }
.mde-pages-scope .site-footer__copyright{ margin:34px 0 0; text-align:center; color:#43a8be; font-size:14px; }
.mde-pages-scope .cookie-control{ position:absolute; left:0; bottom:0; border:0; background:#1e35e8; color:#fff; padding:11px 14px; font:14px Arial,Helvetica,sans-serif; cursor:pointer; }

/* Desktop uniquement : photo Hero élargie et recentrée selon réglage validé (+60 px). */


@media (min-width:768px) and (max-width:1199px){
  .mde-pages-scope .site-header__utility{ grid-template-columns:auto 1fr auto; gap:10px 16px; padding:8px 18px; }
  .mde-pages-scope .site-header__contact{ grid-column:1; grid-row:1; }
  .mde-pages-scope .site-header__cart{ grid-column:3; grid-row:1; width:96px; height:42px; }
  .mde-pages-scope .site-header__hours{ grid-column:1 / -1; grid-row:2; justify-self:center; }
  .mde-pages-scope .site-header__social{ grid-column:1; grid-row:3; justify-self:start; }
  .mde-pages-scope .site-header__account{ grid-column:2 / -1; grid-row:3; justify-self:end; flex-wrap:wrap; }
  .mde-pages-scope .site-header{ position:relative; }
  .mde-pages-scope .site-header__main{ min-height:auto; grid-template-columns: 180px minmax(0, 1fr); gap:16px; padding:16px 18px 18px; }
  .mde-pages-scope .site-header__brand img{ width:170px; }
  .mde-pages-scope .site-header__quicklinks{ justify-self:end; justify-content:flex-end; flex-wrap:wrap; white-space:normal; gap:10px 16px; font-size:13px; }
  .mde-pages-scope .site-header__search{ grid-column: 1 / -1; width:100%; height:52px; padding:0 18px; }
  .mde-pages-scope .site-footer__columns{ grid-template-columns:repeat(2,1fr); gap:42px 55px; }
  .mde-pages-scope .site-footer__reassurance{ gap:28px; }
}

@media (max-width:767px){
  .mde-pages-scope .site-header__utility{ display:flex; flex-wrap:wrap; padding:10px 18px; min-height:76px; }
  .mde-pages-scope .site-header__contact{ width:100%; padding-right:105px; white-space:normal; line-height:1.35; }
  .mde-pages-scope .site-header__hours{ width:auto; margin:0 auto; white-space:normal; text-align:center; }
  .mde-pages-scope .site-header__social{ width:100%; justify-content:center; }
  .mde-pages-scope .site-header__account{ width:100%; justify-content:center; font-size:13px; gap:8px; }
  .mde-pages-scope .site-header__cart{ position:absolute; right:12px; top:8px; width:96px; height:42px; }
  .mde-pages-scope .site-header{ position:relative; }
  .mde-pages-scope .site-header__main{ grid-template-columns:1fr auto; min-height:auto; gap:12px; padding:14px 16px 18px; }
  .mde-pages-scope .site-header__brand img{ width:145px; }
  .mde-pages-scope .site-header__quicklinks{ grid-column:2; gap:8px 12px; font-size:12px; }
  .mde-pages-scope .site-header__b2b{ font-size:16px; gap:10px; }
  .mde-pages-scope .site-header__b2b span{ width:40px; height:3px; }
  .mde-pages-scope .site-header__search{ grid-column:1 / -1; width:100%; height:52px; }
  .mde-pages-scope .site-footer{ padding:38px 24px 70px; }
  .mde-pages-scope .site-footer__columns{ grid-template-columns:1fr; gap:34px; }
  .mde-pages-scope .site-footer__reassurance{ grid-template-columns:1fr; gap:32px; }
  .mde-pages-scope .cookie-control{ width:100%; }
}


/* ------------------------------
   PAGE DE CONFIRMATION NEWSLETTER
   ------------------------------ */
.mde-pages-scope .newsletter-confirmation-page{
  min-height: 100vh;
  background: var(--mdle-yellow);
}

.mde-pages-scope .newsletter-confirmation{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px var(--page-gutter);
}

.mde-pages-scope .newsletter-confirmation__card{
  width: min(100%, 760px);
  padding: clamp(34px, 5vw, 58px);
  text-align: center;
  background: #fff;
  border: 1px solid rgb(218 218 212);
  border-radius: 18px;
  box-shadow: 0 8px 22px rgb(0 0 0 / 0.14);
}

.mde-pages-scope .newsletter-confirmation__logo{
  width: min(230px, 70%);
  margin: 0 auto 30px;
}

.mde-pages-scope .newsletter-confirmation__card h1{
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 400;
  color: var(--mdle-blue);
}

.mde-pages-scope .newsletter-confirmation__rule{
  margin-top: 22px;
  margin-bottom: 28px;
}

.mde-pages-scope .newsletter-confirmation__card p{
  margin: 0;
  color: #30373c;
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.55;
}

.mde-pages-scope .newsletter-confirmation__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}

.mde-pages-scope .newsletter-confirmation__actions .btn--primary{
  width: auto;
  min-width: 220px;
}

@media (max-width: 560px){
  .mde-pages-scope .newsletter-confirmation{
    padding: 18px;
  }

  .mde-pages-scope .newsletter-confirmation__card{
    padding: 30px 20px 34px;
  }

  .mde-pages-scope .newsletter-confirmation__actions{
    display: grid;
    grid-template-columns: 1fr;
  }

  .mde-pages-scope .newsletter-confirmation__actions .btn--primary{
    width: 100%;
    min-width: 0;
  }
}

.mde-pages-scope .site-footer__social{ max-width:1100px; margin:30px auto 0; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--mdle-blue); font-weight:700; }
.mde-pages-scope .site-footer__social[hidden],
.mde-pages-scope .site-header__social[hidden]{ display:none !important; }







/* v1.40 — Correctif smartphone étroit (400 px) uniquement.
   Aucun impact sur tablette / desktop. */
@media (max-width: 480px){
  .mde-pages-scope,
.mde-pages-scope{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .mde-pages-scope .site-header,
.mde-pages-scope .site-header__utility,
.mde-pages-scope .site-header__main,
.mde-pages-scope .daily-saint,
.mde-pages-scope .hero{
    width: 100%;
    max-width: 100%;
  }

  .mde-pages-scope .site-header__utility{
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px 12px;
  }

  .mde-pages-scope .site-header__contact{
    padding-right: 92px;
    min-width: 0;
  }

  .mde-pages-scope .site-header__cart{
    right: 8px;
    width: 88px;
  }

  .mde-pages-scope .site-header__social{
    min-width: 0;
    gap: 18px;
  }

  .mde-pages-scope .site-header__account{
    min-width: 0;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .mde-pages-scope .site-header__main{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 12px 14px 16px;
  }

  .mde-pages-scope .site-header__brand{
    display: none;
  }

  .mde-pages-scope .site-header__quicklinks{
    width: 100%;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
    white-space: normal;
    text-align: center;
    font-size: 11px;
    line-height: 1.25;
  }

  .mde-pages-scope .site-header__b2b{
    font-size: 15px;
  }

  .mde-pages-scope .site-header__search{
    width: 100%;
    max-width: 100%;
  }

  

  

  
}

/* v1.44 — micro-corrections typographiques */

.mde-pages-scope .newsletter__intro{ display:flex; flex-direction:column; align-items:center; width:100%; }
.mde-pages-scope .newsletter__title,
.mde-pages-scope .newsletter__signup,
.mde-pages-scope .newsletter__subtitle{ width:100%; text-align:center; }

/* Styles spécifiques à la page Professionnels */

.mde-pages-scope{--pro-blue:#0757a6;--pro-gold:#ffd25f;--pro-cream:#fbfaf5;--pro-line:#e7e1d3;--pro-ink:#222}
.mde-pages-scope .pro-page{font-family:Arial,Helvetica,sans-serif;color:var(--pro-ink);line-height:1.5}.mde-pages-scope .pro-page h1,
.mde-pages-scope .pro-page h2,
.mde-pages-scope .pro-page h3{font-family:Georgia,"Times New Roman",serif;color:var(--pro-blue);font-weight:400}.mde-pages-scope .pro-kicker{text-transform:uppercase;letter-spacing:1.3px;font-size:13px;color:#6f6f6f;margin-bottom:8px}.mde-pages-scope .pro-rule{width:88px;height:3px;background:var(--pro-gold);margin:16px 0 22px}.mde-pages-scope .pro-hero{min-height:430px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:58px max(7%,60px);background:linear-gradient(105deg,#fdfcf7 0 62%,#fff2b8 100%);overflow:hidden;border-bottom:1px solid var(--pro-line)}.mde-pages-scope .pro-hero h1{font-size:48px;margin:0}.mde-pages-scope .pro-hero p{font-size:18px;max-width:780px}.mde-pages-scope .pro-hero__art{height:330px;display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-hero__art img{max-height:100%;max-width:100%;object-fit:contain}.mde-pages-scope .pro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mde-pages-scope .pro-btn{display:inline-block;background:var(--pro-blue);color:#fff!important;text-decoration:none;padding:12px 19px;border-radius:4px;font-weight:700}.mde-pages-scope .pro-btn--secondary{background:#fff;color:var(--pro-blue)!important;border:1px solid var(--pro-blue)}.mde-pages-scope .pro-btn--gold{background:var(--pro-gold);color:#17324c!important}.mde-pages-scope .pro-section{padding:58px max(7%,60px);position:relative}.mde-pages-scope .pro-section--cream{background:var(--pro-cream)}.mde-pages-scope .pro-section h2,
.mde-pages-scope .pro-contact h2{font-size:34px;margin:0}.mde-pages-scope .pro-lead{font-size:17px;max-width:850px}.mde-pages-scope .pro-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.mde-pages-scope .pro-benefits article{border:1px solid var(--pro-line);border-top:4px solid var(--pro-gold);padding:22px;background:#fff;min-height:215px}.mde-pages-scope .pro-benefits h3{font-size:21px;text-align:center;margin:0;height:58px;display:flex;align-items:flex-start;justify-content:center}.mde-pages-scope .pro-benefits p{margin:8px 0 0;font-size:14px}.mde-pages-scope .pro-selection{background:linear-gradient(180deg,#fff 0,#fff 88%,#fff9df 100%)}.mde-pages-scope .pro-selection__ornament{position:absolute;right:7%;top:48px;font-size:46px;color:rgba(7,87,166,.12)}.mde-pages-scope .pro-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.mde-pages-scope .pro-product{border:1px solid var(--pro-line);background:#fff;border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.mde-pages-scope .pro-product:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.mde-pages-scope .pro-product figure{height:245px;margin:0;padding:16px;display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-product figure img{width:100%;height:100%;object-fit:contain}.mde-pages-scope .pro-product__copy{padding:18px;display:flex;flex-direction:column;flex:1}.mde-pages-scope .pro-product h3{font-size:20px;margin:0 0 8px}.mde-pages-scope .pro-product p{font-size:14px;margin:0 0 10px}.mde-pages-scope .pro-tag{display:inline-block;align-self:flex-start;margin-top:auto;padding:4px 8px;background:#edf4fb;color:var(--pro-blue);font-size:12px;border-radius:999px}.mde-pages-scope .pro-candles{background:#fff7d3}.mde-pages-scope .pro-split{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.mde-pages-scope .pro-linkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.mde-pages-scope .pro-linkgrid a{background:#fff;border:1px solid #ded6bf;padding:12px 14px;text-decoration:none;color:var(--pro-blue);border-radius:4px}.mde-pages-scope .pro-linkgrid .wide{grid-column:1/-1;text-align:center}.mde-pages-scope .pro-confirm{margin-top:15px;padding:10px 12px;background:#fff3be;border-left:4px solid var(--pro-gold);font-size:13px;color:#675510}.mde-pages-scope .pro-candle-visual{position:relative;min-height:390px;background:radial-gradient(circle at 50% 45%,#fff 0 25%,#f5e6b4 55%,#d6b15d 100%);border:1px solid #e0c987;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}.mde-pages-scope .pro-candle-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 55%,rgba(7,87,166,.08));}.mde-pages-scope .pro-candle-visual img{position:relative;z-index:1;max-height:330px;max-width:82%;object-fit:contain;mix-blend-mode:multiply}.mde-pages-scope .pro-candle-visual p{position:absolute;bottom:8px;left:12px;right:12px;margin:0;font-size:11px;text-align:center;color:#6a5a32;z-index:2}.mde-pages-scope .pro-season{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:#14324f;color:#fff;border-radius:6px;overflow:hidden;padding-left:36px}.mde-pages-scope .pro-season h2{color:#fff}.mde-pages-scope .pro-season>div:first-child{padding:36px 0}.mde-pages-scope .pro-eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:#d8e5f1}.mde-pages-scope .pro-season__art{height:390px;background:var(--pro-gold);display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-season__art img{max-height:88%;max-width:88%;object-fit:contain}.mde-pages-scope .pro-conditions{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mde-pages-scope .pro-conditions article{border:1px solid var(--pro-line);padding:25px;background:#fff}.mde-pages-scope .pro-conditions h3{font-size:24px;margin:0 0 12px}.mde-pages-scope .pro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.mde-pages-scope .pro-steps article{position:relative;padding:24px 20px 20px 54px;border:1px solid var(--pro-line);background:#fff}.mde-pages-scope .pro-steps b{position:absolute;left:18px;top:20px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--pro-blue);color:#fff}.mde-pages-scope .pro-steps h3{font-size:18px;margin:0 0 7px}.mde-pages-scope .pro-contact{text-align:center;padding:58px max(7%,60px);background:#fff}.mde-pages-scope .pro-contact p{max-width:720px;margin:0 auto 22px}.mde-pages-scope .pro-rule--center{margin-left:auto;margin-right:auto}.mde-pages-scope .pro-actions--center{justify-content:center}.mde-pages-scope .pro-page+.newsletter{}.mde-pages-scope .newsletter{margin-top:0}
@media (max-width:900px){.mde-pages-scope .pro-hero,
.mde-pages-scope .pro-split,
.mde-pages-scope .pro-season,
.mde-pages-scope .pro-conditions{grid-template-columns:1fr}.mde-pages-scope .pro-benefits,
.mde-pages-scope .pro-products{grid-template-columns:repeat(2,1fr)}.mde-pages-scope .pro-hero__art{height:260px}.mde-pages-scope .pro-season{padding-left:0}.mde-pages-scope .pro-season>div:first-child{padding:30px}.mde-pages-scope .pro-season__art{height:280px}.mde-pages-scope .pro-steps{grid-template-columns:1fr}}
@media (max-width:620px){.mde-pages-scope .pro-hero,
.mde-pages-scope .pro-section,
.mde-pages-scope .pro-contact{padding-left:22px;padding-right:22px}.mde-pages-scope .pro-hero h1{font-size:36px}.mde-pages-scope .pro-benefits,
.mde-pages-scope .pro-products,
.mde-pages-scope .pro-linkgrid{grid-template-columns:1fr}.mde-pages-scope .pro-linkgrid .wide{grid-column:auto}.mde-pages-scope .pro-product figure{height:220px}}

/* v4 — correction visuelle directe validée */
.mde-pages-scope .pro-hero{
  background:var(--pro-gold);
}
.mde-pages-scope .pro-hero__art{
  position:relative;
  height:350px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mde-pages-scope .pro-hero__art:before{content:none}
.mde-pages-scope .pro-hero__art img{
  max-height:335px;
  max-width:100%;
  object-fit:contain;
  filter:none;
}

/* Photos catalogue : le blanc des fichiers source se fond dans un décor calme,
   sans faux cadre ni pastilles décoratives. */
.mde-pages-scope .pro-product__scene{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#fffaf0 0%,#f2e6c7 100%);
}
.mde-pages-scope .pro-product__scene:before,
.mde-pages-scope .pro-product__scene:after,
.mde-pages-scope .pro-product__scene-glow{display:none!important}
.mde-pages-scope .pro-product__scene img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:none;
}
.mde-pages-scope .pro-product--3 .pro-product__scene{background:linear-gradient(160deg,#faf7f1,#ece4d8)}
.mde-pages-scope .pro-product--4 .pro-product__scene{background:linear-gradient(160deg,#fff8ea,#f2ddb0)}
.mde-pages-scope .pro-product--5 .pro-product__scene{background:linear-gradient(160deg,#f7fbfd,#eaf2f6)}
.mde-pages-scope .pro-product--6 .pro-product__scene{background:linear-gradient(160deg,#fff9ec,#ead9ad)}

/* Le visuel approuvé est intégré comme une vraie scène, sans montage CSS. */
.mde-pages-scope .pro-candle-visual{
  min-height:390px;
  padding:0;
  border:1px solid #e0c987;
  border-radius:5px;
  overflow:hidden;
  background:#efe1b4;
}
.mde-pages-scope .pro-candle-visual:before{content:none}
.mde-pages-scope .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:center;
}

/* Le produit saisonnier reste exactement la photo source : le blanc est fondu
   dans un décor chaleureux au lieu d'être affiché comme une carte blanche. */
.mde-pages-scope .pro-season{
  background:linear-gradient(120deg,#14324f 0 55%,#ffd25f 55% 100%);
}
.mde-pages-scope .pro-season__art{
  height:390px;
  background:linear-gradient(160deg,#ffe49a,#d4ad53);
  padding:0;
  position:relative;
  overflow:hidden;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 80% 22%,rgba(255,255,255,.62) 0 4px,transparent 5px),
    radial-gradient(circle at 88% 58%,rgba(255,255,255,.55) 0 3px,transparent 4px),
    linear-gradient(180deg,#f9e9b8,#d8b45d);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  inset:auto 8% 13px;
  height:95px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(92,57,20,.22),transparent 68%);
  filter:blur(12px);
}
.mde-pages-scope .pro-season-scene:after{content:none}
.mde-pages-scope .pro-season-scene img{
  position:relative;
  z-index:2;
  width:88%;
  height:82%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:none;
}
.mde-pages-scope .pro-season-scene__light{display:none}

@media (max-width:900px){
  .mde-pages-scope .pro-hero{background:var(--pro-gold)}
  .mde-pages-scope .pro-season{background:#14324f}
  .mde-pages-scope .pro-season__art{background:#ffd25f}
  .mde-pages-scope .pro-candle-scene-approved{min-height:320px}
}

/* v4.1 — trois corrections ciblées du 12/09/2026 */
/* 1. Lampe de sanctuaire : fond de la photo fondu dans la carte. */
.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:linear-gradient(160deg,#fff8ea 0%,#f2ddb0 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:108%;
  height:108%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 63% 63% at 50% 50%,#000 67%,rgba(0,0,0,.96) 78%,transparent 100%);
  mask-image:radial-gradient(ellipse 63% 63% at 50% 50%,#000 67%,rgba(0,0,0,.96) 78%,transparent 100%);
}

/* 2. Scène Bougies : le visuel approuvé doit remplir tout son emplacement. */
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:100%;
  min-width:100%;
  max-width:none;
  min-height:390px;
  max-height:none;
  margin:0;
  padding:0;
  object-fit:cover;
  object-position:center center;
  mix-blend-mode:normal;
}

/* 3. Crèche : décor de Noël sobre, créé en CSS autour de la vraie photo produit. */
.mde-pages-scope .pro-season__art{
  background:linear-gradient(180deg,#f4dfaa 0%,#d1a54d 100%);
}
.mde-pages-scope .pro-season-scene{
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,250,215,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 22% 26%,rgba(255,246,195,.82) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 14%,rgba(255,250,215,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 88% 34%,rgba(255,246,195,.85) 0 2px,transparent 3px),
    radial-gradient(circle at 70% 70%,rgba(255,245,185,.75) 0 2px,transparent 3px),
    linear-gradient(180deg,#f7e8bd 0%,#d6ae59 100%);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  height:auto;
  border-radius:0;
  filter:none;
  background:
    radial-gradient(ellipse at 50% 86%,rgba(70,43,17,.25) 0 12%,transparent 35%),
    conic-gradient(from 125deg at 3% 8%,transparent 0 35deg,rgba(41,76,49,.92) 36deg 48deg,transparent 49deg 64deg,rgba(53,91,57,.82) 65deg 76deg,transparent 77deg 360deg),
    conic-gradient(from 300deg at 97% 10%,transparent 0 35deg,rgba(41,76,49,.92) 36deg 48deg,transparent 49deg 64deg,rgba(53,91,57,.82) 65deg 76deg,transparent 77deg 360deg),
    linear-gradient(0deg,rgba(112,73,25,.20),transparent 28%);
}
.mde-pages-scope .pro-season-scene:after{
  content:"";
  display:block;
  position:absolute;
  z-index:1;
  left:7%;right:7%;bottom:7%;height:18%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(72,45,20,.30),transparent 68%);
  filter:blur(12px);
}
.mde-pages-scope .pro-season-scene img{
  z-index:2;
  width:92%;
  height:86%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 10px 12px rgba(55,34,15,.16));
}

@media (max-width:900px){
  .mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{min-height:320px}
  .mde-pages-scope .pro-season-scene img{width:90%;height:84%}
}

/* v4.2 — corrections finales des trois visuels ciblés */
/* Bougies : image recadrée, sans cadre intégré ni marge parasite. */
.mde-pages-scope .pro-candle-visual{
  min-height:390px;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  overflow:hidden;
}
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:390px;
  min-width:100%;
  min-height:390px;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  object-fit:cover;
  object-position:center center;
  mix-blend-mode:normal;
}

/* Lampe de sanctuaire : détourage réel, plus aucun rectangle photographique. */
.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,255,255,.75) 0 5px,transparent 6px),
    radial-gradient(circle at 20% 25%,rgba(255,244,197,.75) 0 4px,transparent 5px),
    linear-gradient(160deg,#fff7e6 0%,#ecd6a2 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:88%;
  height:88%;
  max-width:88%;
  max-height:88%;
  object-fit:contain;
  -webkit-mask-image:none;
  mask-image:none;
  mix-blend-mode:normal;
  filter:drop-shadow(0 10px 12px rgba(70,43,10,.16));
}

/* Crèche : vraie scène de Noël créée autour du produit détouré. */
.mde-pages-scope .pro-season__art{
  background:#e7c676;
  padding:0;
  position:relative;
  overflow:hidden;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  isolation:isolate;
  width:100%;
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  padding:26px 28px 42px;
  background:
    radial-gradient(ellipse at 4% 4%,rgba(43,75,48,.88) 0 8%,transparent 9%),
    radial-gradient(ellipse at 10% 13%,rgba(61,94,58,.78) 0 5%,transparent 6%),
    radial-gradient(ellipse at 95% 5%,rgba(43,75,48,.88) 0 8%,transparent 9%),
    radial-gradient(ellipse at 90% 15%,rgba(61,94,58,.78) 0 5%,transparent 6%),
    radial-gradient(circle at 16% 19%,rgba(255,245,194,.92) 0 4px,transparent 5px),
    radial-gradient(circle at 25% 12%,rgba(255,250,215,.82) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 14%,rgba(255,245,194,.92) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 24%,rgba(255,250,215,.82) 0 3px,transparent 4px),
    linear-gradient(180deg,#f8e9bf 0%,#e6c16d 72%,#bf8748 72%,#9f6735 100%);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:0;
  height:28%;
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.04) 0 10px,rgba(70,38,15,.06) 10px 12px),
    linear-gradient(180deg,rgba(105,62,27,.08),rgba(60,34,15,.18));
}
.mde-pages-scope .pro-season-scene:after{
  content:"";
  position:absolute;
  z-index:1;
  left:16%;right:16%;bottom:17%;
  height:16%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(52,31,12,.33),transparent 68%);
  filter:blur(14px);
}
.mde-pages-scope .pro-season-scene img{
  position:relative;
  z-index:2;
  width:88%;
  height:auto;
  max-width:88%;
  max-height:82%;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:drop-shadow(0 12px 11px rgba(50,28,10,.22));
}
.mde-pages-scope .pro-season-scene__light{display:none!important}

@media (max-width:900px){
  .mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{height:320px;min-height:320px}
  .mde-pages-scope .pro-season-scene{padding:22px 18px 34px}
  .mde-pages-scope .pro-season-scene img{width:92%;max-width:92%;max-height:80%}
}

/* v4.3 — affinage après contrôle visuel */
.mde-pages-scope .pro-candle-visual{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  overflow:hidden;
}
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  width:100%!important;
  height:100%!important;
  min-height:390px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
}

.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,250,222,.75) 0 4px,transparent 5px),
    radial-gradient(circle at 82% 24%,rgba(255,246,204,.72) 0 3px,transparent 4px),
    linear-gradient(155deg,#fff8e9 0%,#efd9aa 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:84%!important;
  height:84%!important;
  max-width:84%!important;
  max-height:84%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 10px 12px rgba(73,43,9,.16))!important;
}

.mde-pages-scope .pro-season__art{
  background:#e8c676!important;
}
.mde-pages-scope .pro-season-scene{
  padding:24px 28px 34px!important;
  align-items:flex-end!important;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(37,73,47,.46) 0 13%,transparent 34%),
    radial-gradient(ellipse at 100% 0%,rgba(37,73,47,.46) 0 13%,transparent 34%),
    radial-gradient(circle at 16% 20%,rgba(255,246,194,.95) 0 4px,transparent 5px),
    radial-gradient(circle at 26% 12%,rgba(255,251,222,.88) 0 3px,transparent 4px),
    radial-gradient(circle at 76% 13%,rgba(255,246,194,.95) 0 4px,transparent 5px),
    radial-gradient(circle at 87% 25%,rgba(255,251,222,.88) 0 3px,transparent 4px),
    radial-gradient(circle at 67% 30%,rgba(255,238,166,.72) 0 2px,transparent 3px),
    linear-gradient(180deg,#f9eac0 0%,#e6c36f 70%,#b77c41 70%,#9b6032 100%)!important;
}
.mde-pages-scope .pro-season-scene:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;right:0!important;bottom:0!important;top:auto!important;
  height:30%!important;
  border-radius:0!important;
  filter:none!important;
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 12px,rgba(63,33,14,.055) 12px 14px),
    linear-gradient(180deg,rgba(96,54,22,.03),rgba(55,30,12,.18))!important;
}
.mde-pages-scope .pro-season-scene:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:14%!important;right:14%!important;bottom:14%!important;
  height:17%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(51,29,11,.31),transparent 68%)!important;
  filter:blur(13px)!important;
}
.mde-pages-scope .pro-season-scene img{
  width:88%!important;
  height:auto!important;
  max-width:88%!important;
  max-height:76%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 12px 12px rgba(48,27,10,.22))!important;
}

/* v4.3 — ajustements demandés le 12/09/2026 */
/* 1) Le visuel Bougies s'aligne exactement sur la hauteur du bloc texte. */
.mde-pages-scope .pro-candles .pro-split{
  align-items:stretch;
}
.mde-pages-scope .pro-candles .pro-split > div:first-child{
  min-width:0;
}
.mde-pages-scope .pro-candles .pro-candle-visual{
  position:relative;
  height:auto!important;
  min-height:0!important;
  align-self:stretch;
  overflow:hidden;
}
.mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 2) Statue Miraculeuse : plus grande, mais toujours confinée dans sa carte. */
.mde-pages-scope .pro-product--5 .pro-product__scene{
  overflow:hidden;
}
.mde-pages-scope .pro-product--5 .pro-product__scene img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:scale(1.72);
  transform-origin:center center;
  mix-blend-mode:multiply!important;
}

/* 3) Crèche : ambiance de Noël douce, sans sol brun ni formes géométriques. */
.mde-pages-scope .pro-season__art{
  background:#ead39a!important;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center!important;
  justify-content:center;
  overflow:hidden;
  padding:28px 34px 30px!important;
  background:
    radial-gradient(circle at 13% 22%,rgba(255,245,183,.98) 0 4px,rgba(255,245,183,.25) 5px 12px,transparent 21px),
    radial-gradient(circle at 24% 12%,rgba(255,252,220,.92) 0 3px,rgba(255,252,220,.18) 4px 10px,transparent 18px),
    radial-gradient(circle at 81% 16%,rgba(255,244,179,.98) 0 4px,rgba(255,244,179,.24) 5px 12px,transparent 21px),
    radial-gradient(circle at 91% 30%,rgba(255,252,222,.86) 0 3px,rgba(255,252,222,.18) 4px 10px,transparent 17px),
    radial-gradient(circle at 69% 34%,rgba(255,239,158,.72) 0 2px,rgba(255,239,158,.12) 3px 8px,transparent 14px),
    radial-gradient(ellipse at 50% 48%,rgba(255,235,167,.94) 0%,rgba(231,192,105,.70) 39%,rgba(142,103,55,.28) 72%,transparent 100%),
    linear-gradient(180deg,#6b5942 0%,#89704b 20%,#c09a58 55%,#dfbd73 100%)!important;
}
.mde-pages-scope .pro-season-scene:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  filter:none!important;
  background:
    radial-gradient(ellipse at -4% 18%,rgba(27,59,36,.88) 0 12%,transparent 31%),
    radial-gradient(ellipse at 104% 14%,rgba(27,59,36,.88) 0 12%,transparent 31%),
    radial-gradient(ellipse at 4% 45%,rgba(43,76,45,.55) 0 8%,transparent 25%),
    radial-gradient(ellipse at 96% 45%,rgba(43,76,45,.55) 0 8%,transparent 25%),
    linear-gradient(180deg,rgba(34,24,18,.08),transparent 45%)!important;
}
.mde-pages-scope .pro-season-scene:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:12%!important;
  right:12%!important;
  bottom:8%!important;
  height:22%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(59,36,17,.30) 0%,rgba(59,36,17,.14) 35%,transparent 72%)!important;
  filter:blur(14px)!important;
}
.mde-pages-scope .pro-season-scene img{
  position:relative!important;
  z-index:2!important;
  width:91%!important;
  height:auto!important;
  max-width:91%!important;
  max-height:84%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 14px 13px rgba(52,30,12,.28))!important;
}

@media (max-width:900px){
  .mde-pages-scope .pro-candles .pro-candle-visual{min-height:300px!important;height:300px!important}
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{position:absolute!important;height:100%!important}
  .mde-pages-scope .pro-product--5 .pro-product__scene img{transform:scale(1.55)}
  .mde-pages-scope .pro-season-scene{padding:22px 18px 26px!important}
}

/* v4.4 — correction ciblée : suppression du triangle jaune entre texte et visuel saisonnier. */
.mde-pages-scope .pro-season{background:#14324f!important;}


/* v4.5 — correction ciblée : visuel Noël validé, sans autre modification */
.mde-pages-scope .pro-season__art{
  background:transparent!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:390px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:none!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene::before,
.mde-pages-scope .pro-season__art .pro-season-scene::after,
.mde-pages-scope .pro-season__art .pro-season-scene__light{
  display:none!important;
  content:none!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media (max-width:900px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:300px!important;
  }
}

/* v4.7 — ajustements responsive uniquement (Desktop >= 1200 px inchangé)
   Correctifs validés après contrôles 400/768/800/1024/1180 px. */

/* Tablettes et petits desktops : le visuel saisonnier doit épouser exactement
   la hauteur du panneau bleu, sans filet ni décalage en haut/bas. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season{
    align-items:stretch!important;
  }
  .mde-pages-scope .pro-season__art{
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:100%!important;
    min-height:100%!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Tablettes / mobiles : lorsque le bloc saisonnier s'empile, l'image garde
   son ratio naturel et clôt exactement la carte — aucun bandeau bleu dessous. */
@media (max-width:900px){
  .mde-pages-scope .pro-season__art{
    height:auto!important;
    min-height:0!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:auto!important;
    min-height:0!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Formats tablette portrait observés à 768/800 px : montrer le visuel Bougies
   en entier et laisser sa hauteur suivre son ratio, sans rognage ni espace bas. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope .pro-candles .pro-candle-visual{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    align-self:auto!important;
    overflow:hidden!important;
  }
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* v4.9 — correctif ciblé 1024/1180 px uniquement :
   afficher une seule fois l'intégralité du visuel de Noël, sans rognage
   et sans modifier le Desktop >= 1200 px. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    background:none!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* v5.1 NL — ajustements typographiques/responsive uniquement.
   Ces règles sont strictement limitées à index_NL.html via .lang-nl.
   La version FR et la mise en page Desktop validée restent inchangées. */

/* Tablettes, petits desktops et mobile paysage : le néerlandais occupe
   naturellement davantage de hauteur. On réserve donc une vraie zone aux
   titres des cartes pour empêcher tout chevauchement avec les paragraphes. */
@media (min-width:621px) and (max-width:1199px){
  .mde-pages-scope.lang-nl .pro-benefits h3{
    height:auto;
    min-height:78px;
    line-height:1.18;
  }

  /* Les cartes produits gardent des lignes de texte alignées malgré les
     intitulés NL plus longs ; les badges restent déjà repoussés en bas. */
  .mde-pages-scope.lang-nl .pro-product h3{
    display:flex;
    align-items:flex-start;
    line-height:1.25;
  }
}

/* Petit desktop / tablette paysage : trois colonnes produits et étapes. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope.lang-nl .pro-product h3{
    min-height:75px;
  }

  .mde-pages-scope.lang-nl .pro-conditions article{
    display:flex;
    flex-direction:column;
  }
  .mde-pages-scope.lang-nl .pro-conditions article .pro-confirm{
    margin-top:auto;
  }

  .mde-pages-scope.lang-nl .pro-steps h3{
    min-height:52px;
    line-height:1.25;
  }
}

/* Tablettes portrait / mobile paysage : deux colonnes produits.
   On réserve davantage de place aux intitulés tels que la lampe et la statue. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope.lang-nl .pro-product h3{
    min-height:100px;
  }

  /* À ces largeurs les étapes et les conditions sont empilées : aucune
     hauteur artificielle n'est nécessaire. */
  .mde-pages-scope.lang-nl .pro-steps h3{
    min-height:0;
  }
}

/* v5.2 NL — micro-correctif Desktop uniquement.
   Sur la deuxième rangée de produits, les intitulés NL n'occupent pas tous
   le même nombre de lignes. On réserve la même hauteur aux trois titres afin
   d'aligner le début des descriptions, sans toucher à la version FR ni aux
   breakpoints responsive déjà validés. */
@media (min-width:1200px){
  .mde-pages-scope.lang-nl .pro-product--4 h3,
.mde-pages-scope.lang-nl .pro-product--5 h3,
.mde-pages-scope.lang-nl .pro-product--6 h3{
    min-height:50px;
    line-height:1.25;
  }
}


/* Harmonisation des bandeaux avec la palette validée de la page Infos pratiques. */

/* Palette MDE — fonds de sections normalisés (2026-09-19)
   Principe : neutraliser les anciens fonds/dégradés puis appliquer
   une couleur finale opaque, indépendante du fond parent. */
.mde-pages-scope .pro-page .pro-section.pro-pastel-blue,
.mde-pages-scope .pro-page .pro-section.pro-pastel-pink,
.mde-pages-scope .pro-page .pro-section.pro-pastel-yellow,
.mde-pages-scope .pro-page .pro-contact.pro-pastel-pink{
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-blue{
  background: #E5EFEF !important;
  background-color: #E5EFEF !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-pink,
.mde-pages-scope .pro-page .pro-contact.pro-pastel-pink{
  background: #FFEBB9 !important;
  background-color: #FFEBB9 !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-yellow{
  background: #FFD25F !important;
  background-color: #FFD25F !important;
  background-image: none !important;
}

/* --- V2 contenu final Professionnels --- */
.mde-pages-scope .pro-benefits article{display:flex;flex-direction:column}
.mde-pages-scope .pro-benefits p{text-align:center}
.mde-pages-scope .pro-benefit-link{margin-top:auto;padding-top:14px;text-align:center;font-weight:700;color:var(--pro-blue);text-decoration:none}
.mde-pages-scope .pro-benefit-link:hover{text-decoration:underline}
.mde-pages-scope .pro-product{cursor:default}
.mde-pages-scope .pro-product-links{margin-top:auto;padding-top:8px;display:flex;gap:7px;flex-wrap:wrap}
.mde-pages-scope .pro-product-links a{font-size:12px;font-weight:700;color:var(--pro-blue);text-decoration:none;background:#edf4fb;border-radius:999px;padding:5px 9px}
.mde-pages-scope .pro-product-links a:hover{text-decoration:underline}
.mde-pages-scope .pro-conditions--three{grid-template-columns:repeat(3,1fr)}
.mde-pages-scope .pro-condition-contact{font-weight:700;color:var(--pro-blue)}
.mde-pages-scope .pro-steps--two{grid-template-columns:repeat(2,1fr)}
.mde-pages-scope .pro-account-visual{margin:24px auto 0;max-width:950px;text-align:center}
.mde-pages-scope .pro-account-visual img{display:block;width:100%;height:auto;border:1px solid var(--pro-line);background:#fff}
.mde-pages-scope .pro-account-visual figcaption{font-size:13px;color:#666;margin-top:8px}
.mde-pages-scope .pro-contact p .pro-contact-break{display:block;height:1em}
@media (max-width:900px){.mde-pages-scope .pro-conditions--three,
.mde-pages-scope .pro-steps--two{grid-template-columns:1fr}}


/* V2.1 — passe finale après contrôle Desktop + responsive */
.mde-pages-scope .pro-home-nav{padding:14px max(7%,60px);background:#fff}
.mde-pages-scope .pro-home-nav a{color:var(--pro-blue);font-weight:700;text-decoration:none}
.mde-pages-scope .pro-home-nav a:hover{text-decoration:underline}
.mde-pages-scope .pro-home-nav--bottom{padding-top:20px;padding-bottom:20px}
.mde-pages-scope .pro-condition-contact span,
.mde-pages-scope .pro-contact-lines strong{display:block}
.mde-pages-scope .pro-contact-lines{display:block;margin-top:5px}
.mde-pages-scope .pro-nowrap{white-space:nowrap}

/* Alignement des débuts de paragraphes dans les 3 cartes Conditions. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-conditions--three h3{min-height:72px;display:flex;align-items:flex-start}
}
/* À 768/800 px, certains titres produit passent sur deux lignes : on réserve
   la même hauteur pour garder les textes descriptifs parfaitement alignés. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope .pro-products .pro-product__copy h3{min-height:48px}
}
@media (max-width:620px){
  .mde-pages-scope .pro-home-nav{padding-left:22px;padding-right:22px}
}

/* Desktop : retrouver le cadrage complet validé du visuel Bougies. */
@media (min-width:901px){
  .mde-pages-scope .pro-candles .pro-split{align-items:center}
  .mde-pages-scope .pro-candles .pro-candle-visual{
    align-self:auto!important;
    width:100%;
    aspect-ratio:952/630;
    min-height:0!important;
    padding:0!important;
    background:none!important;
  }
  .mde-pages-scope .pro-candles .pro-candle-visual::before{display:none!important}
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center center!important;
    mix-blend-mode:normal!important;
  }
  /* Mariage : conserver toute la composition (croix, alliances et fleurs). */
  .mde-pages-scope .pro-season__art{height:auto!important;align-self:stretch!important;background:#fff!important}
  .mde-pages-scope .pro-season__art .pro-season-scene{height:100%!important;min-height:390px!important;background:#fff!important}
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;
  }
}

/* V2.2 — bandeau Mariage : aux largeurs desktop/intermédiaires, conserver
   l'image entière sans déformation et fondre les bandes résiduelles dans le
   bleu du panneau texte plutôt que de laisser du blanc. */
@media (min-width:901px){
  .mde-pages-scope .pro-season__art,
.mde-pages-scope .pro-season__art .pro-season-scene{
    background:#14324f!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    background:transparent!important;
  }
}

/* V2.3 — uniquement petits desktops (901–1199 px) : le visuel Mariage
   reste intact et se décale vers la gauche. Une marge bleue volontaire à
   droite équilibre visuellement les bandes bleues haute et basse. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding-right:72px!important;
    box-sizing:border-box!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:0 1 auto!important;
  }
}

/* V2.4 — équilibrage fin du cadre bleu autour du visuel Mariage.
   Les réglages restent limités à la plage 901–1199 px déjà ciblée en V2.3.
   Deux sous-plages permettent d'obtenir une bordure droite visuellement égale
   aux bandes haute et basse, sans zoom, étirement ni recadrage de l'image. */
@media (min-width:901px) and (max-width:1099px){
  .mde-pages-scope .pro-season__art .pro-season-scene{padding-right:58px!important}
}
@media (min-width:1100px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{padding-right:52px!important}
}
/* V2.5 — lien discret vers la page « Qui sommes-nous ? » */
.mde-pages-scope .pro-history-link{margin:16px 0 0;font-size:15px;line-height:1.35;font-weight:700;}
.mde-pages-scope .pro-history-link a{display:inline-flex;align-items:center;gap:5px;color:var(--pro-blue);text-decoration:none;text-underline-offset:3px;}
.mde-pages-scope .pro-history-link a:hover,
.mde-pages-scope .pro-history-link a:focus-visible{text-decoration:underline;}



/* ===== FINAL VALIDATED PAGE CSS ===== */
/* Maison de l’Europe — Page Professionnels — CSS autonome nettoyé */
.mde-pages-scope{
  /* Charte tirée des PowerPoint validés */
  --mdle-blue: rgb(27 83 126);
  --mdle-gold: rgb(255 210 95);
  --mdle-yellow: rgb(255 210 95); /* Jaune officiel Banneux N.D., échantillonné sur le logo officiel : #FFD25F. */

  --font-title: Georgia, "Times New Roman", serif;
  --font-body: Arial, Helvetica, sans-serif;

  --content-max: 1200px;
  --page-gutter: clamp(20px, 4vw, 56px);
}

/* Base volontairement légère : la homepage doit rester indépendante de PrestaShop. */
.mde-pages-scope *,.mde-pages-scope *::before,.mde-pages-scope *::after{
  box-sizing: border-box;
}

.mde-pages-scope{
  -webkit-text-size-adjust: 100%;
}

.mde-pages-scope{
  margin: 0;
  color: var(--mdle-blue);
  font-family: var(--font-body);
  background: #fff;
}

.mde-pages-scope img{
  display: block;
  max-width: 100%;
}




/* Styles communs réellement utilisés par cette page */


/* Base volontairement légère : la homepage doit rester indépendante de PrestaShop. */


.mde-pages-scope{
  -webkit-text-size-adjust: 100%;
}

.mde-pages-scope{
  margin: 0;
  color: var(--mdle-blue);
  font-family: var(--font-body);
  background: #fff;
}





/* ------------------------------
   01 bis — SAINT / FÊTE DU JOUR
   Petit bandeau éditorial automatique, sans appel commercial.
   ------------------------------ */










/* Écran PC : davantage de respiration verticale sans modifier les formats tablette/mobile. */



/* ------------------------------
   02 — HERO
   ------------------------------ */







/*
  Sur desktop, les deux blocs reprennent les proportions du PowerPoint :
  - bloc gauche : ~17,9 % depuis le bord gauche ;
  - bloc droit : ~15 % depuis le bord droit ;
  - les deux commencent à la même hauteur.
*/








.mde-pages-scope .gold-rule--hero{
  margin-top: 22px;
  margin-bottom: 54px;
}

/* Dans la maquette, le texte de droite est plus léger que le grand titre. */












/* Tablette / petit laptop */


/*
  Smartphone :
  on ne tente pas de conserver artificiellement la composition gauche/droite.
  Les éléments sont regroupés en une composition verticale compacte,
  toujours sur la photo, afin de conserver le caractère du Hero.
*/
@media (max-width: 700px){
  

  

  

  

  

  

  

  .mde-pages-scope .gold-rule--hero{
    margin: 8px auto 0;
    transform: translateY(-8px);
  }

  /*
    Zone volontairement laissée libre devant la Vierge.
    Les boutons commencent plus bas afin de ne plus recouvrir la statue.
  */
  

  

  

  
}



/* Tablette : centrage visuel précis de la Vierge selon l'orientation. */





/* Titres principaux harmonisés */
.mde-pages-scope .section-title{
  margin: 0;
  text-align: center;
  font-family: var(--font-title);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  font-weight: 700;
  color: var(--mdle-blue);
}

/* ------------------------------
   03 — BIENVENUE
   ------------------------------ */







.mde-pages-scope .gold-rule{
  width: 33.782mm;       /* longueur validée dans la maquette */
  max-width: 100%;
  height: 0.847mm;       /* épaisseur harmonisée sur le Hero */
  margin: 22px auto 30px;
  background: var(--mdle-gold);
}









/* Les dessins restent des éléments décoratifs, non cliquables. */






/* Tablette */



/* Tablette portrait : alléger Bienvenue sans toucher au paysage. */




/* Smartphone :
   pas de coordonnées PowerPoint figées ; le contenu reste lisible et fluide. */
@media (max-width: 700px){
  

  

  

  .mde-pages-scope .gold-rule{
    margin-top: 18px;
    margin-bottom: 24px;
  }

  

  

  

  

  

  
}






/* ------------------------------
   04 — CATÉGORIES — DESKTOP
   ------------------------------ */
















/* ------------------------------
   05 — DÉCOUVREZ LA MAISON DE L’EUROPE
   Bloc ajouté après validation de Hero + Bienvenue + Catégories.
   Les règles précédentes ne sont pas modifiées.
   ------------------------------ */



















/* Les mises en scène de « Beaux objets » restent visibles en entier. */


































/* ------------------------------
   06 — AVIS CLIENTS
   Trois témoignages courts et fixes : preuve sociale sans ajouter de carrousel.
   Version recentrée + invitation discrète à laisser un avis.
   ------------------------------ */






























































/* ------------------------------
   07 — NEWSLETTER
   Formulaire visuel prêt pour le futur raccordement à Brevo.
   ------------------------------ */

.mde-pages-scope .newsletter{
  padding: clamp(42px, 5vw, 66px) var(--page-gutter);
  background: var(--mdle-yellow);
  color: #30373c;
}

.mde-pages-scope .newsletter__inner{
  width: min(100%, var(--content-max));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(560px, 1.45fr);
  align-items: center;
  gap: clamp(44px, 6vw, 84px);
}

.mde-pages-scope .newsletter__intro{
  text-align: center;
}

.mde-pages-scope .newsletter__title{ margin:0; }

.mde-pages-scope .newsletter__rule{
  margin-top: 22px;
  margin-bottom: 26px;
}

.mde-pages-scope .newsletter__signup{
  margin: 0 0 8px;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.4;
  font-weight: 700;
}

.mde-pages-scope .newsletter__subtitle{
  margin: 0;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.45;
}

.mde-pages-scope .newsletter__form-wrap,.mde-pages-scope .newsletter__form{
  width: 100%;
}

.mde-pages-scope .newsletter__fields{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: stretch;
}

/* Sur desktop et tablette, le prénom reste volontairement plus court :
   cela allège visuellement le formulaire sans pénaliser la saisie. */
.mde-pages-scope #newsletter-firstname{
  width: 58%;
  justify-self: start;
}

.mde-pages-scope .newsletter__input,.mde-pages-scope .newsletter__submit{
  min-height: 56px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 16px;
}

.mde-pages-scope .newsletter__input{
  width: 100%;
  padding: 0 18px;
  border: 1px solid #dadad4;
  background: #fff;
  color: #30373c;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.14);
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.mde-pages-scope .newsletter__input::placeholder{
  color: #5a6267;
  opacity: 1;
}

.mde-pages-scope .newsletter__input:focus{
  border-color: var(--mdle-blue);
  box-shadow: 0 0 0 3px rgb(27 83 126 / 0.16), 0 3px 5px rgb(0 0 0 / 0.12);
}

.mde-pages-scope .newsletter__submit{
  min-width: 142px;
  padding: 0 24px;
  border: 2px solid var(--mdle-blue);
  background: var(--mdle-blue);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.16);
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}


.mde-pages-scope .newsletter__consent + .newsletter__submit{
  margin-top: 14px;
}

.mde-pages-scope .newsletter__submit:hover,.mde-pages-scope .newsletter__submit:focus-visible{
  background: rgb(22 73 112);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 9px rgb(0 0 0 / 0.24);
}

.mde-pages-scope .newsletter__submit:focus-visible{
  outline: 3px solid rgb(27 83 126 / 0.30);
  outline-offset: 3px;
}

.mde-pages-scope .newsletter__submit:active{
  transform: translateY(1px);
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.18);
}


.mde-pages-scope .newsletter__audience{ border:0; padding:0; margin:18px 0 0; display:flex; align-items:center; gap:16px 24px; flex-wrap:wrap; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.35; }
.mde-pages-scope .newsletter__audience legend{ float:left; margin:0 8px 0 0; padding:0; font-weight:700; }
.mde-pages-scope .newsletter__audience label{ display:inline-flex; align-items:center; gap:7px; cursor:pointer; }
.mde-pages-scope .newsletter__audience input{ accent-color:var(--mdle-blue); }
@media (max-width:700px){
  .mde-pages-scope .newsletter__audience{
    border:0;
    padding:0;
    margin:20px 0 16px;
    display:grid;
    grid-template-columns: 1fr;
    justify-items:start;
    align-items:start;
    gap:10px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:1.35;
  }
  .mde-pages-scope .newsletter__audience legend{ width:100%; float:none; margin:0 0 2px; }
  .mde-pages-scope .newsletter__audience label{ width:100%; }
}

/* Smartphone étroit : conserver « Vous êtes : » en place tout en rapprochant
   visuellement les deux choix du bloc de consentement, sans déplacer ce dernier. */
@media (max-width:480px){
  .mde-pages-scope .newsletter__audience label{
    transform: translateY(8px);
  }
}

.mde-pages-scope .newsletter__consent{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.45;
}

.mde-pages-scope .newsletter__checkbox{
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
  accent-color: var(--mdle-blue);
  cursor: pointer;
}

.mde-pages-scope .newsletter__consent label{
  cursor: pointer;
}

.mde-pages-scope .newsletter__consent a,.mde-pages-scope .newsletter__unsubscribe a{
  color: var(--mdle-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mde-pages-scope .newsletter__unsubscribe{
  margin: 4px 0 0 30px;
  font-size: 14px;
  line-height: 1.45;
}

.mde-pages-scope .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1100px) and (min-width: 701px){
  .mde-pages-scope .newsletter__inner{
    grid-template-columns: minmax(240px, 0.8fr) minmax(420px, 1.2fr);
    gap: 38px;
  }

  .mde-pages-scope .newsletter__fields{
    grid-template-columns: 1fr;
  }
}

/* Tablette verticale : contenu recentré en une seule colonne. */
@media (min-width: 701px) and (max-width: 900px) and (orientation: portrait){
  .mde-pages-scope .newsletter__inner{
    grid-template-columns: 1fr;
    max-width: 640px;
    gap: 30px;
  }

  .mde-pages-scope .newsletter__form-wrap{
    max-width: 640px;
    margin-inline: auto;
  }
}

@media (max-width: 700px){
  .mde-pages-scope .newsletter{
    padding: 38px 16px 40px;
  }

  .mde-pages-scope .newsletter__inner{
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .mde-pages-scope .newsletter__title{ margin:0; }

  .mde-pages-scope .newsletter__rule{
    margin-top: 18px;
    margin-bottom: 22px;
  }

  .mde-pages-scope .newsletter__subtitle{
    font-size: 16px;
  }

  .mde-pages-scope .newsletter__fields{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .mde-pages-scope .newsletter__input,.mde-pages-scope .newsletter__submit,.mde-pages-scope #newsletter-firstname{
    width: 100%;
  }

  .mde-pages-scope .newsletter__consent{
    margin-top: 12px;
    font-size: 13.5px;
  }

  .mde-pages-scope .newsletter__unsubscribe{
    margin-left: 30px;
    font-size: 13.5px;
  }
}

@media (prefers-reduced-motion: reduce){
  .mde-pages-scope .newsletter__input,.mde-pages-scope .newsletter__submit{
    transition: none;
  }
}


/* Brevo — le moteur du formulaire est externe, l'apparence reste celle de la homepage. */
.mde-pages-scope .newsletter__brevo-container{
  width: 100%;
}

.mde-pages-scope .newsletter__field{
  display: grid;
  width: 100%;
}

.mde-pages-scope .newsletter__message-panel{
  display: none;
  width: 100%;
  margin: 0 0 18px;
  padding: 16px 18px;
  border: 1px solid;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1.45;
  box-shadow: 0 3px 5px rgb(0 0 0 / 0.08);
}

.mde-pages-scope .newsletter__message-panel--success{
  color: #174d2d;
  background: #eef9f1;
  border-color: #83b993;
}

.mde-pages-scope .newsletter__message-panel--error{
  color: #702020;
  background: #fff1f1;
  border-color: #d69292;
}

.mde-pages-scope .newsletter__message-panel.sib-form-message-panel--active{
  display: block;
}

.mde-pages-scope .newsletter__field-error:empty{
  display: none;
}

.mde-pages-scope .newsletter__field-error:not(:empty){
  display: block;
}

.mde-pages-scope .newsletter__field-error{
  margin: 6px 2px 0;
  color: #702020;
  font-size: 13px;
  line-height: 1.35;
}

.mde-pages-scope .newsletter__brevo-declaration{
  margin: 18px 0 0 30px;
  color: #687484;
  font-size: 12.5px;
  line-height: 1.45;
}

.mde-pages-scope .newsletter__brevo-declaration p{
  margin: 0;
}

.mde-pages-scope .newsletter__brevo-declaration a{
  color: var(--mdle-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.mde-pages-scope .newsletter__honeypot{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.mde-pages-scope .newsletter__loader{
  width: 18px;
  height: 18px;
  margin-right: 8px;
  fill: currentColor;
}

.mde-pages-scope .newsletter__loader.sib-hide-loader-icon{
  display: none;
}

.mde-pages-scope .newsletter__loader:not(.sib-hide-loader-icon){
  display: inline-block;
}

.mde-pages-scope .newsletter__consent .checkbox{
  display: none;
}

.mde-pages-scope .newsletter__consent .entry__choice > label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mde-pages-scope .newsletter__consent .entry__choice > label > span:last-child{
  display: block;
}

@media (max-width: 700px){
  .mde-pages-scope .newsletter__brevo-declaration{
    margin-left: 30px;
    font-size: 12px;
  }
}


/* ------------------------------
   07 — LIGHTBOX DES VIGNETTES "DÉCOUVREZ"
   Agrandissement des images de Beaux objets et Notre magasin.
   La vignette vidéo Banneux reste réservée à la lecture vidéo.
   ------------------------------ */
































/* ==========================================================
   10 — HEADER + FOOTER (maquettes PPTX du 23/08/2026)
   Homepage : header et footer préparés pour l’intégration PrestaShop.
   ========================================================== */
.mde-pages-scope .site-header{ background:#fff; color:#666; font-family:Arial,Helvetica,sans-serif; border-bottom:0; }
.mde-pages-scope .site-header a{ color:inherit; text-decoration:none; }
.mde-pages-scope .site-header__utility{ min-height:42px; display:grid; grid-template-columns:auto minmax(360px,1fr) auto auto 128px; align-items:center; gap:18px; padding:0 max(18px,calc((100vw - 1360px)/2)); border-bottom:1px solid #eee; font-size:16px; }
.mde-pages-scope .site-header__contact{ display:flex; align-items:center; gap:9px; white-space:nowrap; }
.mde-pages-scope .site-header__contact-item{ display:inline-flex; align-items:center; gap:7px; color:#555; }
.mde-pages-scope .site-header__contact-item img{ width:24px; height:24px; display:block; object-fit:contain; }
.mde-pages-scope .site-header__contact-item:hover span,.mde-pages-scope .site-header__contact-item:focus-visible span{ color:var(--mdle-blue); text-decoration:underline; text-underline-offset:3px; }
.mde-pages-scope .site-header__contact-mail{ border-radius:50%; }
.mde-pages-scope .site-header__contact-separator{ color:#bbb; font-size:18px; line-height:1; }
.mde-pages-scope .site-header__hours{ justify-self:center; display:inline-block; padding:5px 11px; border-radius:999px; background:rgb(255 210 95 / .24); color:#4d4d4d; font-weight:700; line-height:1.25; white-space:nowrap; }
.mde-pages-scope .site-header__social{ display:flex; justify-content:center; align-items:center; gap:22px; min-width:170px; }
.mde-pages-scope .site-header__social-item{ width:24px; height:24px; display:grid; place-items:center; }
.mde-pages-scope .site-header__social-item img{ width:24px; height:24px; display:block; object-fit:contain; }
.mde-pages-scope .site-header__account{ justify-self:end; display:flex; align-items:center; gap:12px; white-space:nowrap; color:#111; }
.mde-pages-scope .site-header__user{ color:var(--mdle-blue); font-size:19px; }
.mde-pages-scope .site-header__cart{ align-self:stretch; display:flex; justify-content:center; align-items:center; background:#f7f7f7; }
.mde-pages-scope .site-header__cart img{ width:100%; height:100%; object-fit:contain; }
.mde-pages-scope .site-header__main{ min-height:98px; display:grid; grid-template-columns:190px minmax(560px,1fr) 264px; align-items:center; gap:24px; padding:0 max(18px,calc((100vw - 1100px)/2)); }
.mde-pages-scope .site-header__brand img{ width:160px; max-height:72px; object-fit:contain; }
.mde-pages-scope .site-header__quicklinks{ justify-self:start; display:flex; flex-wrap:nowrap; align-items:center; gap:24px; font-size:16px; text-transform:uppercase; white-space:nowrap; }
.mde-pages-scope .site-header__quicklinks > a{ color:#666; font-weight:700; }
.mde-pages-scope .site-header__quicklinks > a:hover,.mde-pages-scope .site-header__quicklinks > a:focus-visible{ color:var(--mdle-blue); text-decoration:underline; text-underline-offset:3px; }
.mde-pages-scope .site-header__b2b{ font-size:16px; }
.mde-pages-scope .site-header__b2b span{ display:none; }
.mde-pages-scope .site-header__search{ justify-self:end; width:264px; height:40px; border:0; border-radius:5px; box-shadow:none; background:#f2f2f2; display:flex; align-items:center; gap:10px; padding:0 12px; }
.mde-pages-scope .site-header__search span{ color:var(--mdle-blue); font-size:22px; }
.mde-pages-scope .site-header__search input{ width:100%; border:0; outline:0; font:16px Arial,Helvetica,sans-serif; color:#555; background:transparent; }

.mde-pages-scope .site-footer{ position:relative; background:#fff; color:#666; font-family:Arial,Helvetica,sans-serif; padding:54px max(28px,6vw) 34px; border-top:1px solid #eee; }
.mde-pages-scope .site-footer a{ color:inherit; text-decoration:none; }
.mde-pages-scope .site-footer__columns{ max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:70px; }
.mde-pages-scope .site-footer__columns section{ display:flex; flex-direction:column; gap:11px; }
.mde-pages-scope .site-footer__columns h2{ margin:0 0 14px; font-size:18px; color:#333; }
.mde-pages-scope .site-footer__columns p{ margin:0; line-height:1.55; }
.mde-pages-scope .site-footer__columns p + p{ margin-top:8px; }
.mde-pages-scope .site-footer__columns p a{ color:#41a7bd; }
.mde-pages-scope .site-footer__reassurance{ max-width:1100px; margin:42px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:70px; text-align:center; }
.mde-pages-scope .site-footer__reassurance > div,.mde-pages-scope .site-footer__reassurance > a{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.mde-pages-scope .site-footer__reassurance strong{ color:#333; font-size:17px; }
.mde-pages-scope .site-footer__reassurance span{ font-size:14px; }
.mde-pages-scope .footer-badge{ height:58px; margin-bottom:6px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.mde-pages-scope .footer-badge--mollie{ width:58px; border-radius:50%; background:#111; color:#fff; font-weight:400; }
.mde-pages-scope .footer-badge--dpd{ color:#333; font-size:24px; border-top:4px solid #d33; }
.mde-pages-scope .footer-badge--return{ color:#d9a178; font-size:44px; font-weight:400; }
.mde-pages-scope .site-footer__copyright{ margin:34px 0 0; text-align:center; color:#43a8be; font-size:14px; }
.mde-pages-scope .cookie-control{ position:absolute; left:0; bottom:0; border:0; background:#1e35e8; color:#fff; padding:11px 14px; font:14px Arial,Helvetica,sans-serif; cursor:pointer; }

/* Desktop uniquement : photo Hero élargie et recentrée selon réglage validé (+60 px). */


@media (min-width:768px) and (max-width:1199px){
  .mde-pages-scope .site-header__utility{ grid-template-columns:auto 1fr auto; gap:10px 16px; padding:8px 18px; }
  .mde-pages-scope .site-header__contact{ grid-column:1; grid-row:1; }
  .mde-pages-scope .site-header__cart{ grid-column:3; grid-row:1; width:96px; height:42px; }
  .mde-pages-scope .site-header__hours{ grid-column:1 / -1; grid-row:2; justify-self:center; }
  .mde-pages-scope .site-header__social{ grid-column:1; grid-row:3; justify-self:start; }
  .mde-pages-scope .site-header__account{ grid-column:2 / -1; grid-row:3; justify-self:end; flex-wrap:wrap; }
  .mde-pages-scope .site-header{ position:relative; }
  .mde-pages-scope .site-header__main{ min-height:auto; grid-template-columns: 180px minmax(0, 1fr); gap:16px; padding:16px 18px 18px; }
  .mde-pages-scope .site-header__brand img{ width:170px; }
  .mde-pages-scope .site-header__quicklinks{ justify-self:end; justify-content:flex-end; flex-wrap:wrap; white-space:normal; gap:10px 16px; font-size:13px; }
  .mde-pages-scope .site-header__search{ grid-column: 1 / -1; width:100%; height:52px; padding:0 18px; }
  .mde-pages-scope .site-footer__columns{ grid-template-columns:repeat(2,1fr); gap:42px 55px; }
  .mde-pages-scope .site-footer__reassurance{ gap:28px; }
}

@media (max-width:767px){
  .mde-pages-scope .site-header__utility{ display:flex; flex-wrap:wrap; padding:10px 18px; min-height:76px; }
  .mde-pages-scope .site-header__contact{ width:100%; padding-right:105px; white-space:normal; line-height:1.35; }
  .mde-pages-scope .site-header__hours{ width:auto; margin:0 auto; white-space:normal; text-align:center; }
  .mde-pages-scope .site-header__social{ width:100%; justify-content:center; }
  .mde-pages-scope .site-header__account{ width:100%; justify-content:center; font-size:13px; gap:8px; }
  .mde-pages-scope .site-header__cart{ position:absolute; right:12px; top:8px; width:96px; height:42px; }
  .mde-pages-scope .site-header{ position:relative; }
  .mde-pages-scope .site-header__main{ grid-template-columns:1fr auto; min-height:auto; gap:12px; padding:14px 16px 18px; }
  .mde-pages-scope .site-header__brand img{ width:145px; }
  .mde-pages-scope .site-header__quicklinks{ grid-column:2; gap:8px 12px; font-size:12px; }
  .mde-pages-scope .site-header__b2b{ font-size:16px; gap:10px; }
  .mde-pages-scope .site-header__b2b span{ width:40px; height:3px; }
  .mde-pages-scope .site-header__search{ grid-column:1 / -1; width:100%; height:52px; }
  .mde-pages-scope .site-footer{ padding:38px 24px 70px; }
  .mde-pages-scope .site-footer__columns{ grid-template-columns:1fr; gap:34px; }
  .mde-pages-scope .site-footer__reassurance{ grid-template-columns:1fr; gap:32px; }
  .mde-pages-scope .cookie-control{ width:100%; }
}


/* ------------------------------
   PAGE DE CONFIRMATION NEWSLETTER
   ------------------------------ */
.mde-pages-scope .newsletter-confirmation-page{
  min-height: 100vh;
  background: var(--mdle-yellow);
}

.mde-pages-scope .newsletter-confirmation{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px var(--page-gutter);
}

.mde-pages-scope .newsletter-confirmation__card{
  width: min(100%, 760px);
  padding: clamp(34px, 5vw, 58px);
  text-align: center;
  background: #fff;
  border: 1px solid rgb(218 218 212);
  border-radius: 18px;
  box-shadow: 0 8px 22px rgb(0 0 0 / 0.14);
}

.mde-pages-scope .newsletter-confirmation__logo{
  width: min(230px, 70%);
  margin: 0 auto 30px;
}

.mde-pages-scope .newsletter-confirmation__card h1{
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.12;
  font-weight: 400;
  color: var(--mdle-blue);
}

.mde-pages-scope .newsletter-confirmation__rule{
  margin-top: 22px;
  margin-bottom: 28px;
}

.mde-pages-scope .newsletter-confirmation__card p{
  margin: 0;
  color: #30373c;
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.55;
}

.mde-pages-scope .newsletter-confirmation__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 34px;
}

.mde-pages-scope .newsletter-confirmation__actions .btn--primary{
  width: auto;
  min-width: 220px;
}

@media (max-width: 560px){
  .mde-pages-scope .newsletter-confirmation{
    padding: 18px;
  }

  .mde-pages-scope .newsletter-confirmation__card{
    padding: 30px 20px 34px;
  }

  .mde-pages-scope .newsletter-confirmation__actions{
    display: grid;
    grid-template-columns: 1fr;
  }

  .mde-pages-scope .newsletter-confirmation__actions .btn--primary{
    width: 100%;
    min-width: 0;
  }
}

.mde-pages-scope .site-footer__social{ max-width:1100px; margin:30px auto 0; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--mdle-blue); font-weight:700; }
.mde-pages-scope .site-footer__social[hidden],.mde-pages-scope .site-header__social[hidden]{ display:none !important; }







/* v1.40 — Correctif smartphone étroit (400 px) uniquement.
   Aucun impact sur tablette / desktop. */
@media (max-width: 480px){
  .mde-pages-scope,.mde-pages-scope{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .mde-pages-scope .site-header,.mde-pages-scope .site-header__utility,.mde-pages-scope .site-header__main,.mde-pages-scope .daily-saint,.mde-pages-scope .hero{
    width: 100%;
    max-width: 100%;
  }

  .mde-pages-scope .site-header__utility{
    padding-left: 14px;
    padding-right: 14px;
    gap: 10px 12px;
  }

  .mde-pages-scope .site-header__contact{
    padding-right: 92px;
    min-width: 0;
  }

  .mde-pages-scope .site-header__cart{
    right: 8px;
    width: 88px;
  }

  .mde-pages-scope .site-header__social{
    min-width: 0;
    gap: 18px;
  }

  .mde-pages-scope .site-header__account{
    min-width: 0;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .mde-pages-scope .site-header__main{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 12px 14px 16px;
  }

  .mde-pages-scope .site-header__brand{
    display: none;
  }

  .mde-pages-scope .site-header__quicklinks{
    width: 100%;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
    white-space: normal;
    text-align: center;
    font-size: 11px;
    line-height: 1.25;
  }

  .mde-pages-scope .site-header__b2b{
    font-size: 15px;
  }

  .mde-pages-scope .site-header__search{
    width: 100%;
    max-width: 100%;
  }

  

  

  
}

/* v1.44 — micro-corrections typographiques */

.mde-pages-scope .newsletter__intro{ display:flex; flex-direction:column; align-items:center; width:100%; }
.mde-pages-scope .newsletter__title,.mde-pages-scope .newsletter__signup,.mde-pages-scope .newsletter__subtitle{ width:100%; text-align:center; }

/* Styles spécifiques à la page Professionnels */

.mde-pages-scope{--pro-blue:#1B537E;--pro-gold:#FFD25F;--pro-cream:#FFFDF6;--pro-line:#d9d5ca;--pro-ink:#2F3D49}
.mde-pages-scope .pro-page{font-family:Arial,Helvetica,sans-serif;color:var(--pro-ink);line-height:1.5}.mde-pages-scope .pro-page h1,.mde-pages-scope .pro-page h2,.mde-pages-scope .pro-page h3{font-family:Georgia,"Times New Roman",serif;color:var(--pro-blue);font-weight:400}.mde-pages-scope .pro-kicker{text-transform:uppercase;letter-spacing:1.3px;font-size:13px;color:#6f6f6f;margin-bottom:8px}.mde-pages-scope .pro-rule{width:88px;height:3px;background:var(--pro-gold);margin:16px 0 22px}.mde-pages-scope .pro-hero{min-height:430px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;padding:58px max(7%,60px);background:linear-gradient(105deg,#fdfcf7 0 62%,#fff2b8 100%);overflow:hidden;border-bottom:1px solid var(--pro-line)}.mde-pages-scope .pro-hero h1{font-size:48px;margin:0}.mde-pages-scope .pro-hero p{font-size:18px;max-width:780px}.mde-pages-scope .pro-hero__art{height:330px;display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-hero__art img{max-height:100%;max-width:100%;object-fit:contain}.mde-pages-scope .pro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mde-pages-scope .pro-btn{display:inline-block;background:var(--pro-blue);color:#fff!important;text-decoration:none;padding:12px 19px;border-radius:4px;font-weight:700}.mde-pages-scope .pro-btn--secondary{background:#fff;color:var(--pro-blue)!important;border:1px solid var(--pro-blue)}.mde-pages-scope .pro-btn--gold{background:var(--pro-gold);color:#17324c!important}.mde-pages-scope .pro-section{padding:58px max(7%,60px);position:relative}.mde-pages-scope .pro-section--cream{background:var(--pro-cream)}.mde-pages-scope .pro-section h2,.mde-pages-scope .pro-contact h2{font-size:34px;margin:0}.mde-pages-scope .pro-lead{font-size:17px;max-width:850px}.mde-pages-scope .pro-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.mde-pages-scope .pro-benefits article{border:1px solid var(--pro-line);border-top:4px solid var(--pro-gold);padding:22px;background:#fff;min-height:215px}.mde-pages-scope .pro-benefits h3{font-size:21px;text-align:center;margin:0;height:58px;display:flex;align-items:flex-start;justify-content:center}.mde-pages-scope .pro-benefits p{margin:8px 0 0;font-size:14px}.mde-pages-scope .pro-selection{background:linear-gradient(180deg,#fff 0,#fff 88%,#fff9df 100%)}.mde-pages-scope .pro-selection__ornament{position:absolute;right:7%;top:48px;font-size:46px;color:rgba(7,87,166,.12)}.mde-pages-scope .pro-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.mde-pages-scope .pro-product{border:1px solid var(--pro-line);background:#fff;border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.mde-pages-scope .pro-product:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.mde-pages-scope .pro-product figure{height:245px;margin:0;padding:16px;display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-product figure img{width:100%;height:100%;object-fit:contain}.mde-pages-scope .pro-product__copy{padding:18px;display:flex;flex-direction:column;flex:1}.mde-pages-scope .pro-product h3{font-size:20px;margin:0 0 8px}.mde-pages-scope .pro-product p{font-size:14px;margin:0 0 10px}.mde-pages-scope .pro-tag{display:inline-block;align-self:flex-start;margin-top:auto;padding:4px 8px;background:#edf4fb;color:var(--pro-blue);font-size:12px;border-radius:999px}.mde-pages-scope .pro-candles{background:#fff7d3}.mde-pages-scope .pro-split{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.mde-pages-scope .pro-linkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.mde-pages-scope .pro-linkgrid a{background:#fff;border:1px solid #ded6bf;padding:12px 14px;text-decoration:none;color:var(--pro-blue);border-radius:4px}.mde-pages-scope .pro-linkgrid .wide{grid-column:1/-1;text-align:center}.mde-pages-scope .pro-confirm{margin-top:15px;padding:10px 12px;background:#fff3be;border-left:4px solid var(--pro-gold);font-size:13px;color:#675510}.mde-pages-scope .pro-candle-visual{position:relative;min-height:390px;background:radial-gradient(circle at 50% 45%,#fff 0 25%,#f5e6b4 55%,#d6b15d 100%);border:1px solid #e0c987;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}.mde-pages-scope .pro-candle-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 55%,rgba(7,87,166,.08));}.mde-pages-scope .pro-candle-visual img{position:relative;z-index:1;max-height:330px;max-width:82%;object-fit:contain;mix-blend-mode:multiply}.mde-pages-scope .pro-candle-visual p{position:absolute;bottom:8px;left:12px;right:12px;margin:0;font-size:11px;text-align:center;color:#6a5a32;z-index:2}.mde-pages-scope .pro-season{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:#14324f;color:#fff;border-radius:6px;overflow:hidden;padding-left:36px}.mde-pages-scope .pro-season h2{color:#fff}.mde-pages-scope .pro-season>div:first-child{padding:36px 0}.mde-pages-scope .pro-eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:#d8e5f1}.mde-pages-scope .pro-season__art{height:390px;background:var(--pro-gold);display:flex;align-items:center;justify-content:center}.mde-pages-scope .pro-season__art img{max-height:88%;max-width:88%;object-fit:contain}.mde-pages-scope .pro-conditions{display:grid;grid-template-columns:1fr 1fr;gap:26px}.mde-pages-scope .pro-conditions article{border:1px solid var(--pro-line);padding:25px;background:#fff}.mde-pages-scope .pro-conditions h3{font-size:24px;margin:0 0 12px}.mde-pages-scope .pro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.mde-pages-scope .pro-steps article{position:relative;padding:24px 20px 20px 54px;border:1px solid var(--pro-line);background:#fff}.mde-pages-scope .pro-steps b{position:absolute;left:18px;top:20px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%;background:var(--pro-blue);color:#fff}.mde-pages-scope .pro-steps h3{font-size:18px;margin:0 0 7px}.mde-pages-scope .pro-contact{text-align:center;padding:58px max(7%,60px);background:#fff}.mde-pages-scope .pro-contact p{max-width:720px;margin:0 auto 22px}.mde-pages-scope .pro-rule--center{margin-left:auto;margin-right:auto}.mde-pages-scope .pro-actions--center{justify-content:center}.mde-pages-scope .pro-page+.newsletter{}.mde-pages-scope .newsletter{margin-top:0}
@media (max-width:900px){.mde-pages-scope .pro-hero,.mde-pages-scope .pro-split,.mde-pages-scope .pro-season,.mde-pages-scope .pro-conditions{grid-template-columns:1fr}.mde-pages-scope .pro-benefits,.mde-pages-scope .pro-products{grid-template-columns:repeat(2,1fr)}.mde-pages-scope .pro-hero__art{height:260px}.mde-pages-scope .pro-season{padding-left:0}.mde-pages-scope .pro-season>div:first-child{padding:30px}.mde-pages-scope .pro-season__art{height:280px}.mde-pages-scope .pro-steps{grid-template-columns:1fr}}
@media (max-width:620px){.mde-pages-scope .pro-hero,.mde-pages-scope .pro-section,.mde-pages-scope .pro-contact{padding-left:22px;padding-right:22px}.mde-pages-scope .pro-hero h1{font-size:36px}.mde-pages-scope .pro-benefits,.mde-pages-scope .pro-products,.mde-pages-scope .pro-linkgrid{grid-template-columns:1fr}.mde-pages-scope .pro-linkgrid .wide{grid-column:auto}.mde-pages-scope .pro-product figure{height:220px}}

/* v4 — correction visuelle directe validée */
.mde-pages-scope .pro-hero{
  background:var(--pro-gold);
}
.mde-pages-scope .pro-hero__art{
  position:relative;
  height:350px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mde-pages-scope .pro-hero__art:before{content:none}
.mde-pages-scope .pro-hero__art img{
  max-height:335px;
  max-width:100%;
  object-fit:contain;
  filter:none;
}

/* Photos catalogue : le blanc des fichiers source se fond dans un décor calme,
   sans faux cadre ni pastilles décoratives. */
.mde-pages-scope .pro-product__scene{
  position:relative;
  overflow:hidden;
  background:linear-gradient(160deg,#fffaf0 0%,#f2e6c7 100%);
}
.mde-pages-scope .pro-product__scene:before,.mde-pages-scope .pro-product__scene:after,.mde-pages-scope .pro-product__scene-glow{display:none!important}
.mde-pages-scope .pro-product__scene img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:none;
}
.mde-pages-scope .pro-product--3 .pro-product__scene{background:linear-gradient(160deg,#faf7f1,#ece4d8)}
.mde-pages-scope .pro-product--4 .pro-product__scene{background:linear-gradient(160deg,#fff8ea,#f2ddb0)}
.mde-pages-scope .pro-product--5 .pro-product__scene{background:linear-gradient(160deg,#f7fbfd,#eaf2f6)}
.mde-pages-scope .pro-product--6 .pro-product__scene{background:linear-gradient(160deg,#fff9ec,#ead9ad)}

/* Le visuel approuvé est intégré comme une vraie scène, sans montage CSS. */
.mde-pages-scope .pro-candle-visual{
  min-height:390px;
  padding:0;
  border:1px solid #e0c987;
  border-radius:5px;
  overflow:hidden;
  background:#efe1b4;
}
.mde-pages-scope .pro-candle-visual:before{content:none}
.mde-pages-scope .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  object-position:center;
}

/* Le produit saisonnier reste exactement la photo source : le blanc est fondu
   dans un décor chaleureux au lieu d'être affiché comme une carte blanche. */
.mde-pages-scope .pro-season{
  background:linear-gradient(120deg,#14324f 0 55%,#ffd25f 55% 100%);
}
.mde-pages-scope .pro-season__art{
  height:390px;
  background:linear-gradient(160deg,#ffe49a,#d4ad53);
  padding:0;
  position:relative;
  overflow:hidden;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.70) 0 3px,transparent 4px),
    radial-gradient(circle at 80% 22%,rgba(255,255,255,.62) 0 4px,transparent 5px),
    radial-gradient(circle at 88% 58%,rgba(255,255,255,.55) 0 3px,transparent 4px),
    linear-gradient(180deg,#f9e9b8,#d8b45d);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  inset:auto 8% 13px;
  height:95px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(92,57,20,.22),transparent 68%);
  filter:blur(12px);
}
.mde-pages-scope .pro-season-scene:after{content:none}
.mde-pages-scope .pro-season-scene img{
  position:relative;
  z-index:2;
  width:88%;
  height:82%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:none;
}
.mde-pages-scope .pro-season-scene__light{display:none}

@media (max-width:900px){
  .mde-pages-scope .pro-hero{background:var(--pro-gold)}
  .mde-pages-scope .pro-season{background:#14324f}
  .mde-pages-scope .pro-season__art{background:#ffd25f}
  .mde-pages-scope .pro-candle-scene-approved{min-height:320px}
}

/* v4.1 — trois corrections ciblées du 12/09/2026 */
/* 1. Lampe de sanctuaire : fond de la photo fondu dans la carte. */
.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:linear-gradient(160deg,#fff8ea 0%,#f2ddb0 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:108%;
  height:108%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  -webkit-mask-image:radial-gradient(ellipse 63% 63% at 50% 50%,#000 67%,rgba(0,0,0,.96) 78%,transparent 100%);
  mask-image:radial-gradient(ellipse 63% 63% at 50% 50%,#000 67%,rgba(0,0,0,.96) 78%,transparent 100%);
}

/* 2. Scène Bougies : le visuel approuvé doit remplir tout son emplacement. */
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:100%;
  min-width:100%;
  max-width:none;
  min-height:390px;
  max-height:none;
  margin:0;
  padding:0;
  object-fit:cover;
  object-position:center center;
  mix-blend-mode:normal;
}

/* 3. Crèche : décor de Noël sobre, créé en CSS autour de la vraie photo produit. */
.mde-pages-scope .pro-season__art{
  background:linear-gradient(180deg,#f4dfaa 0%,#d1a54d 100%);
}
.mde-pages-scope .pro-season-scene{
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,250,215,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 22% 26%,rgba(255,246,195,.82) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 14%,rgba(255,250,215,.95) 0 3px,transparent 4px),
    radial-gradient(circle at 88% 34%,rgba(255,246,195,.85) 0 2px,transparent 3px),
    radial-gradient(circle at 70% 70%,rgba(255,245,185,.75) 0 2px,transparent 3px),
    linear-gradient(180deg,#f7e8bd 0%,#d6ae59 100%);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  height:auto;
  border-radius:0;
  filter:none;
  background:
    radial-gradient(ellipse at 50% 86%,rgba(70,43,17,.25) 0 12%,transparent 35%),
    conic-gradient(from 125deg at 3% 8%,transparent 0 35deg,rgba(41,76,49,.92) 36deg 48deg,transparent 49deg 64deg,rgba(53,91,57,.82) 65deg 76deg,transparent 77deg 360deg),
    conic-gradient(from 300deg at 97% 10%,transparent 0 35deg,rgba(41,76,49,.92) 36deg 48deg,transparent 49deg 64deg,rgba(53,91,57,.82) 65deg 76deg,transparent 77deg 360deg),
    linear-gradient(0deg,rgba(112,73,25,.20),transparent 28%);
}
.mde-pages-scope .pro-season-scene:after{
  content:"";
  display:block;
  position:absolute;
  z-index:1;
  left:7%;right:7%;bottom:7%;height:18%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(72,45,20,.30),transparent 68%);
  filter:blur(12px);
}
.mde-pages-scope .pro-season-scene img{
  z-index:2;
  width:92%;
  height:86%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 10px 12px rgba(55,34,15,.16));
}

@media (max-width:900px){
  .mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{min-height:320px}
  .mde-pages-scope .pro-season-scene img{width:90%;height:84%}
}

/* v4.2 — corrections finales des trois visuels ciblés */
/* Bougies : image recadrée, sans cadre intégré ni marge parasite. */
.mde-pages-scope .pro-candle-visual{
  min-height:390px;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  overflow:hidden;
}
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  display:block;
  width:100%;
  height:390px;
  min-width:100%;
  min-height:390px;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  object-fit:cover;
  object-position:center center;
  mix-blend-mode:normal;
}

/* Lampe de sanctuaire : détourage réel, plus aucun rectangle photographique. */
.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,255,255,.75) 0 5px,transparent 6px),
    radial-gradient(circle at 20% 25%,rgba(255,244,197,.75) 0 4px,transparent 5px),
    linear-gradient(160deg,#fff7e6 0%,#ecd6a2 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:88%;
  height:88%;
  max-width:88%;
  max-height:88%;
  object-fit:contain;
  -webkit-mask-image:none;
  mask-image:none;
  mix-blend-mode:normal;
  filter:drop-shadow(0 10px 12px rgba(70,43,10,.16));
}

/* Crèche : vraie scène de Noël créée autour du produit détouré. */
.mde-pages-scope .pro-season__art{
  background:#e7c676;
  padding:0;
  position:relative;
  overflow:hidden;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  isolation:isolate;
  width:100%;
  height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  padding:26px 28px 42px;
  background:
    radial-gradient(ellipse at 4% 4%,rgba(43,75,48,.88) 0 8%,transparent 9%),
    radial-gradient(ellipse at 10% 13%,rgba(61,94,58,.78) 0 5%,transparent 6%),
    radial-gradient(ellipse at 95% 5%,rgba(43,75,48,.88) 0 8%,transparent 9%),
    radial-gradient(ellipse at 90% 15%,rgba(61,94,58,.78) 0 5%,transparent 6%),
    radial-gradient(circle at 16% 19%,rgba(255,245,194,.92) 0 4px,transparent 5px),
    radial-gradient(circle at 25% 12%,rgba(255,250,215,.82) 0 3px,transparent 4px),
    radial-gradient(circle at 78% 14%,rgba(255,245,194,.92) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 24%,rgba(255,250,215,.82) 0 3px,transparent 4px),
    linear-gradient(180deg,#f8e9bf 0%,#e6c16d 72%,#bf8748 72%,#9f6735 100%);
}
.mde-pages-scope .pro-season-scene:before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;bottom:0;
  height:28%;
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.04) 0 10px,rgba(70,38,15,.06) 10px 12px),
    linear-gradient(180deg,rgba(105,62,27,.08),rgba(60,34,15,.18));
}
.mde-pages-scope .pro-season-scene:after{
  content:"";
  position:absolute;
  z-index:1;
  left:16%;right:16%;bottom:17%;
  height:16%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(52,31,12,.33),transparent 68%);
  filter:blur(14px);
}
.mde-pages-scope .pro-season-scene img{
  position:relative;
  z-index:2;
  width:88%;
  height:auto;
  max-width:88%;
  max-height:82%;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:drop-shadow(0 12px 11px rgba(50,28,10,.22));
}
.mde-pages-scope .pro-season-scene__light{display:none!important}

@media (max-width:900px){
  .mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{height:320px;min-height:320px}
  .mde-pages-scope .pro-season-scene{padding:22px 18px 34px}
  .mde-pages-scope .pro-season-scene img{width:92%;max-width:92%;max-height:80%}
}

/* v4.3 — affinage après contrôle visuel */
.mde-pages-scope .pro-candle-visual{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  overflow:hidden;
}
.mde-pages-scope .pro-candle-visual .pro-candle-scene-approved{
  width:100%!important;
  height:100%!important;
  min-height:390px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
}

.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:
    radial-gradient(circle at 18% 18%,rgba(255,250,222,.75) 0 4px,transparent 5px),
    radial-gradient(circle at 82% 24%,rgba(255,246,204,.72) 0 3px,transparent 4px),
    linear-gradient(155deg,#fff8e9 0%,#efd9aa 100%);
}
.mde-pages-scope .pro-product--4 .pro-product__scene img{
  width:84%!important;
  height:84%!important;
  max-width:84%!important;
  max-height:84%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 10px 12px rgba(73,43,9,.16))!important;
}

.mde-pages-scope .pro-season__art{
  background:#e8c676!important;
}
.mde-pages-scope .pro-season-scene{
  padding:24px 28px 34px!important;
  align-items:flex-end!important;
  background:
    radial-gradient(ellipse at 0% 0%,rgba(37,73,47,.46) 0 13%,transparent 34%),
    radial-gradient(ellipse at 100% 0%,rgba(37,73,47,.46) 0 13%,transparent 34%),
    radial-gradient(circle at 16% 20%,rgba(255,246,194,.95) 0 4px,transparent 5px),
    radial-gradient(circle at 26% 12%,rgba(255,251,222,.88) 0 3px,transparent 4px),
    radial-gradient(circle at 76% 13%,rgba(255,246,194,.95) 0 4px,transparent 5px),
    radial-gradient(circle at 87% 25%,rgba(255,251,222,.88) 0 3px,transparent 4px),
    radial-gradient(circle at 67% 30%,rgba(255,238,166,.72) 0 2px,transparent 3px),
    linear-gradient(180deg,#f9eac0 0%,#e6c36f 70%,#b77c41 70%,#9b6032 100%)!important;
}
.mde-pages-scope .pro-season-scene:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;right:0!important;bottom:0!important;top:auto!important;
  height:30%!important;
  border-radius:0!important;
  filter:none!important;
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 12px,rgba(63,33,14,.055) 12px 14px),
    linear-gradient(180deg,rgba(96,54,22,.03),rgba(55,30,12,.18))!important;
}
.mde-pages-scope .pro-season-scene:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:14%!important;right:14%!important;bottom:14%!important;
  height:17%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(51,29,11,.31),transparent 68%)!important;
  filter:blur(13px)!important;
}
.mde-pages-scope .pro-season-scene img{
  width:88%!important;
  height:auto!important;
  max-width:88%!important;
  max-height:76%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 12px 12px rgba(48,27,10,.22))!important;
}

/* v4.3 — ajustements demandés le 12/09/2026 */
/* 1) Le visuel Bougies s'aligne exactement sur la hauteur du bloc texte. */
.mde-pages-scope .pro-candles .pro-split{
  align-items:stretch;
}
.mde-pages-scope .pro-candles .pro-split > div:first-child{
  min-width:0;
}
.mde-pages-scope .pro-candles .pro-candle-visual{
  position:relative;
  height:auto!important;
  min-height:0!important;
  align-self:stretch;
  overflow:hidden;
}
.mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 2) Statue Miraculeuse : plus grande, mais toujours confinée dans sa carte. */
.mde-pages-scope .pro-product--5 .pro-product__scene{
  overflow:hidden;
}
.mde-pages-scope .pro-product--5 .pro-product__scene img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:scale(1.72);
  transform-origin:center center;
  mix-blend-mode:multiply!important;
}

/* 3) Crèche : ambiance de Noël douce, sans sol brun ni formes géométriques. */
.mde-pages-scope .pro-season__art{
  background:#ead39a!important;
}
.mde-pages-scope .pro-season-scene{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center!important;
  justify-content:center;
  overflow:hidden;
  padding:28px 34px 30px!important;
  background:
    radial-gradient(circle at 13% 22%,rgba(255,245,183,.98) 0 4px,rgba(255,245,183,.25) 5px 12px,transparent 21px),
    radial-gradient(circle at 24% 12%,rgba(255,252,220,.92) 0 3px,rgba(255,252,220,.18) 4px 10px,transparent 18px),
    radial-gradient(circle at 81% 16%,rgba(255,244,179,.98) 0 4px,rgba(255,244,179,.24) 5px 12px,transparent 21px),
    radial-gradient(circle at 91% 30%,rgba(255,252,222,.86) 0 3px,rgba(255,252,222,.18) 4px 10px,transparent 17px),
    radial-gradient(circle at 69% 34%,rgba(255,239,158,.72) 0 2px,rgba(255,239,158,.12) 3px 8px,transparent 14px),
    radial-gradient(ellipse at 50% 48%,rgba(255,235,167,.94) 0%,rgba(231,192,105,.70) 39%,rgba(142,103,55,.28) 72%,transparent 100%),
    linear-gradient(180deg,#6b5942 0%,#89704b 20%,#c09a58 55%,#dfbd73 100%)!important;
}
.mde-pages-scope .pro-season-scene:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  filter:none!important;
  background:
    radial-gradient(ellipse at -4% 18%,rgba(27,59,36,.88) 0 12%,transparent 31%),
    radial-gradient(ellipse at 104% 14%,rgba(27,59,36,.88) 0 12%,transparent 31%),
    radial-gradient(ellipse at 4% 45%,rgba(43,76,45,.55) 0 8%,transparent 25%),
    radial-gradient(ellipse at 96% 45%,rgba(43,76,45,.55) 0 8%,transparent 25%),
    linear-gradient(180deg,rgba(34,24,18,.08),transparent 45%)!important;
}
.mde-pages-scope .pro-season-scene:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:12%!important;
  right:12%!important;
  bottom:8%!important;
  height:22%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(59,36,17,.30) 0%,rgba(59,36,17,.14) 35%,transparent 72%)!important;
  filter:blur(14px)!important;
}
.mde-pages-scope .pro-season-scene img{
  position:relative!important;
  z-index:2!important;
  width:91%!important;
  height:auto!important;
  max-width:91%!important;
  max-height:84%!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 14px 13px rgba(52,30,12,.28))!important;
}

@media (max-width:900px){
  .mde-pages-scope .pro-candles .pro-candle-visual{min-height:300px!important;height:300px!important}
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{position:absolute!important;height:100%!important}
  .mde-pages-scope .pro-product--5 .pro-product__scene img{transform:scale(1.55)}
  .mde-pages-scope .pro-season-scene{padding:22px 18px 26px!important}
}

/* v4.4 — correction ciblée : suppression du triangle jaune entre texte et visuel saisonnier. */
.mde-pages-scope .pro-season{background:#14324f!important;}


/* v4.5 — correction ciblée : visuel Noël validé, sans autre modification */
.mde-pages-scope .pro-season__art{
  background:transparent!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:390px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:none!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene::before,.mde-pages-scope .pro-season__art .pro-season-scene::after,.mde-pages-scope .pro-season__art .pro-season-scene__light{
  display:none!important;
  content:none!important;
}
.mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media (max-width:900px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:300px!important;
  }
}

/* v4.7 — ajustements responsive uniquement (Desktop >= 1200 px inchangé)
   Correctifs validés après contrôles 400/768/800/1024/1180 px. */

/* Tablettes et petits desktops : le visuel saisonnier doit épouser exactement
   la hauteur du panneau bleu, sans filet ni décalage en haut/bas. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season{
    align-items:stretch!important;
  }
  .mde-pages-scope .pro-season__art{
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:100%!important;
    min-height:100%!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Tablettes / mobiles : lorsque le bloc saisonnier s'empile, l'image garde
   son ratio naturel et clôt exactement la carte — aucun bandeau bleu dessous. */
@media (max-width:900px){
  .mde-pages-scope .pro-season__art{
    height:auto!important;
    min-height:0!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene{
    height:auto!important;
    min-height:0!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Formats tablette portrait observés à 768/800 px : montrer le visuel Bougies
   en entier et laisser sa hauteur suivre son ratio, sans rognage ni espace bas. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope .pro-candles .pro-candle-visual{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    align-self:auto!important;
    overflow:hidden!important;
  }
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* v4.9 — correctif ciblé 1024/1180 px uniquement :
   afficher une seule fois l'intégralité du visuel de Noël, sans rognage
   et sans modifier le Desktop >= 1200 px. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    background:none!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* v5.1 NL — ajustements typographiques/responsive uniquement.
   Ces règles sont strictement limitées à index_NL.html via .lang-nl.
   La version FR et la mise en page Desktop validée restent inchangées. */

/* Tablettes, petits desktops et mobile paysage : le néerlandais occupe
   naturellement davantage de hauteur. On réserve donc une vraie zone aux
   titres des cartes pour empêcher tout chevauchement avec les paragraphes. */
@media (min-width:621px) and (max-width:1199px){
  .mde-pages-scope .lang-nl .pro-benefits h3{
    height:auto;
    min-height:78px;
    line-height:1.18;
  }

  /* Les cartes produits gardent des lignes de texte alignées malgré les
     intitulés NL plus longs ; les badges restent déjà repoussés en bas. */
  .mde-pages-scope .lang-nl .pro-product h3{
    display:flex;
    align-items:flex-start;
    line-height:1.25;
  }
}

/* Petit desktop / tablette paysage : trois colonnes produits et étapes. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .lang-nl .pro-product h3{
    min-height:75px;
  }

  .mde-pages-scope .lang-nl .pro-conditions article{
    display:flex;
    flex-direction:column;
  }
  .mde-pages-scope .lang-nl .pro-conditions article .pro-confirm{
    margin-top:auto;
  }

  .mde-pages-scope .lang-nl .pro-steps h3{
    min-height:52px;
    line-height:1.25;
  }
}

/* Tablettes portrait / mobile paysage : deux colonnes produits.
   On réserve davantage de place aux intitulés tels que la lampe et la statue. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope .lang-nl .pro-product h3{
    min-height:100px;
  }

  /* À ces largeurs les étapes et les conditions sont empilées : aucune
     hauteur artificielle n'est nécessaire. */
  .mde-pages-scope .lang-nl .pro-steps h3{
    min-height:0;
  }
}

/* v5.2 NL — micro-correctif Desktop uniquement.
   Sur la deuxième rangée de produits, les intitulés NL n'occupent pas tous
   le même nombre de lignes. On réserve la même hauteur aux trois titres afin
   d'aligner le début des descriptions, sans toucher à la version FR ni aux
   breakpoints responsive déjà validés. */
@media (min-width:1200px){
  .mde-pages-scope .lang-nl .pro-product--4 h3,.mde-pages-scope .lang-nl .pro-product--5 h3,.mde-pages-scope .lang-nl .pro-product--6 h3{
    min-height:50px;
    line-height:1.25;
  }
}


/* Harmonisation des bandeaux avec la palette validée de la page Infos pratiques. */

/* Palette MDE — fonds de sections normalisés (2026-09-19)
   Principe : neutraliser les anciens fonds/dégradés puis appliquer
   une couleur finale opaque, indépendante du fond parent. */
.mde-pages-scope .pro-page .pro-section.pro-pastel-blue,.mde-pages-scope .pro-page .pro-section.pro-pastel-pink,.mde-pages-scope .pro-page .pro-section.pro-pastel-yellow,.mde-pages-scope .pro-page .pro-contact.pro-pastel-pink{
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-blue{
  background: #E5EFEF !important;
  background-color: #E5EFEF !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-pink,.mde-pages-scope .pro-page .pro-contact.pro-pastel-pink{
  background: #FFEBB9 !important;
  background-color: #FFEBB9 !important;
  background-image: none !important;
}
.mde-pages-scope .pro-page .pro-section.pro-pastel-yellow{
  background: #FFD25F !important;
  background-color: #FFD25F !important;
  background-image: none !important;
}

/* --- V2 contenu final Professionnels --- */
.mde-pages-scope .pro-benefits article{display:flex;flex-direction:column}
.mde-pages-scope .pro-benefits p{text-align:center}
.mde-pages-scope .pro-benefit-link{margin-top:auto;padding-top:14px;text-align:center;font-weight:700;color:var(--pro-blue);text-decoration:none}
.mde-pages-scope .pro-benefit-link:hover{text-decoration:underline}
.mde-pages-scope .pro-product{cursor:default}
.mde-pages-scope .pro-product-links{margin-top:auto;padding-top:8px;display:flex;gap:7px;flex-wrap:wrap}
.mde-pages-scope .pro-product-links a{font-size:12px;font-weight:700;color:var(--pro-blue);text-decoration:none;background:#edf4fb;border-radius:999px;padding:5px 9px}
.mde-pages-scope .pro-product-links a:hover{text-decoration:underline}
.mde-pages-scope .pro-conditions--three{grid-template-columns:repeat(3,1fr)}
.mde-pages-scope .pro-condition-contact{font-weight:700;color:var(--pro-blue)}
.mde-pages-scope .pro-steps--two{grid-template-columns:repeat(2,1fr)}
.mde-pages-scope .pro-account-visual{margin:24px auto 0;max-width:950px;text-align:center}
.mde-pages-scope .pro-account-visual img{display:block;width:100%;height:auto;border:1px solid var(--pro-line);background:#fff}
.mde-pages-scope .pro-account-visual figcaption{font-size:13px;color:#666;margin-top:8px}
.mde-pages-scope .pro-contact p .pro-contact-break{display:block;height:1em}
@media (max-width:900px){.mde-pages-scope .pro-conditions--three,.mde-pages-scope .pro-steps--two{grid-template-columns:1fr}}


/* V2.1 — passe finale après contrôle Desktop + responsive */
.mde-pages-scope .pro-home-nav{padding:14px max(7%,60px);background:#fff}
.mde-pages-scope .pro-home-nav a{color:var(--pro-blue);font-weight:700;text-decoration:none}
.mde-pages-scope .pro-home-nav a:hover{text-decoration:underline}
.mde-pages-scope .pro-home-nav--bottom{padding-top:20px;padding-bottom:20px}
.mde-pages-scope .pro-condition-contact span,.mde-pages-scope .pro-contact-lines strong{display:block}
.mde-pages-scope .pro-contact-lines{display:block;margin-top:5px}
.mde-pages-scope .pro-nowrap{white-space:nowrap}

/* Alignement des débuts de paragraphes dans les 3 cartes Conditions. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-conditions--three h3{min-height:72px;display:flex;align-items:flex-start}
}
/* À 768/800 px, certains titres produit passent sur deux lignes : on réserve
   la même hauteur pour garder les textes descriptifs parfaitement alignés. */
@media (min-width:621px) and (max-width:900px){
  .mde-pages-scope .pro-products .pro-product__copy h3{min-height:48px}
}
@media (max-width:620px){
  .mde-pages-scope .pro-home-nav{padding-left:22px;padding-right:22px}
}

/* Desktop : retrouver le cadrage complet validé du visuel Bougies. */
@media (min-width:901px){
  .mde-pages-scope .pro-candles .pro-split{align-items:center}
  .mde-pages-scope .pro-candles .pro-candle-visual{
    align-self:auto!important;
    width:100%;
    aspect-ratio:952/630;
    min-height:0!important;
    padding:0!important;
    background:none!important;
  }
  .mde-pages-scope .pro-candles .pro-candle-visual::before{display:none!important}
  .mde-pages-scope .pro-candles .pro-candle-visual .pro-candle-scene-approved{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center center!important;
    mix-blend-mode:normal!important;
  }
  /* Mariage : conserver toute la composition (croix, alliances et fleurs). */
  .mde-pages-scope .pro-season__art{height:auto!important;align-self:stretch!important;background:#fff!important}
  .mde-pages-scope .pro-season__art .pro-season-scene{height:100%!important;min-height:390px!important;background:#fff!important}
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#fff!important;
  }
}

/* V2.2 — bandeau Mariage : aux largeurs desktop/intermédiaires, conserver
   l'image entière sans déformation et fondre les bandes résiduelles dans le
   bleu du panneau texte plutôt que de laisser du blanc. */
@media (min-width:901px){
  .mde-pages-scope .pro-season__art,.mde-pages-scope .pro-season__art .pro-season-scene{
    background:#14324f!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    background:transparent!important;
  }
}

/* V2.3 — uniquement petits desktops (901–1199 px) : le visuel Mariage
   reste intact et se décale vers la gauche. Une marge bleue volontaire à
   droite équilibre visuellement les bandes bleues haute et basse. */
@media (min-width:901px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding-right:72px!important;
    box-sizing:border-box!important;
  }
  .mde-pages-scope .pro-season__art .pro-season-scene img.pro-season-scene-approved{
    position:static!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:0 1 auto!important;
  }
}

/* V2.4 — équilibrage fin du cadre bleu autour du visuel Mariage.
   Les réglages restent limités à la plage 901–1199 px déjà ciblée en V2.3.
   Deux sous-plages permettent d'obtenir une bordure droite visuellement égale
   aux bandes haute et basse, sans zoom, étirement ni recadrage de l'image. */
@media (min-width:901px) and (max-width:1099px){
  .mde-pages-scope .pro-season__art .pro-season-scene{padding-right:58px!important}
}
@media (min-width:1100px) and (max-width:1199px){
  .mde-pages-scope .pro-season__art .pro-season-scene{padding-right:52px!important}
}
/* V2.5 — lien discret vers la page « Qui sommes-nous ? » */
.mde-pages-scope .pro-history-link{margin:16px 0 0;font-size:15px;line-height:1.35;font-weight:700;}
.mde-pages-scope .pro-history-link a{display:inline-flex;align-items:center;gap:5px;color:var(--pro-blue);text-decoration:none;text-underline-offset:3px;}
.mde-pages-scope .pro-history-link a:hover,.mde-pages-scope .pro-history-link a:focus-visible{text-decoration:underline;}



/* ==========================================================
   V2.8 — Harmonisation MDE ciblée
   Base visuelle V2.6 conservée ; apports techniques de V2.7
   repris sélectivement sans la surcouche graphique générale.
   ========================================================== */

.mde-pages-scope .pro-home-nav{
  padding:18px max(7%,60px);
  background:#FFD25F;
}
.mde-pages-scope .pro-home-nav a{
  display:inline;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#1B537E;
  font-weight:700;
  text-decoration:none;
}
.mde-pages-scope .pro-home-nav a:hover{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.mde-pages-scope .pro-home-nav a:focus-visible{
  outline:none;
  background:transparent;
  box-shadow:none;
  text-decoration:underline;
  text-decoration-thickness:3px;
  text-underline-offset:5px;
}

.mde-pages-scope .pro-page{
  overflow-wrap:anywhere;
}
.mde-pages-scope .pro-page :is(h1,h2,h3){
  text-wrap:balance;
}

.mde-pages-scope .pro-btn--secondary{
  background:#E5EFEF;
  color:#1B537E!important;
  border:1px solid #1B537E;
}
.mde-pages-scope .pro-btn--secondary:hover,.mde-pages-scope .pro-btn--secondary:focus-visible{
  background:#1B537E;
  color:#fff!important;
}

.mde-pages-scope .pro-benefits h3{
  height:auto;
  min-height:58px;
}

@media (prefers-reduced-motion:reduce){
  .mde-pages-scope .pro-page{
    scroll-behavior:auto;
  }
  .mde-pages-scope .pro-page *{
    transition:none!important;
  }
}

@media (max-width:620px){
  .mde-pages-scope .pro-home-nav{
    padding:16px 22px;
  }
  .mde-pages-scope .pro-benefits h3{
    min-height:0;
  }
}


/* ==========================================================
   V2.9 — Harmonisation finale de la page Professionnels
   - largeur alignée sur les autres pages harmonisées
   - cartes type Infos pratiques
   - section produits moins neutre / moins blanchâtre
   ========================================================== */

/* La page devient un canevas centré, comme les autres pages annexes. */
.mde-pages-scope .pro-page{
  max-width:1180px;
  margin:0 auto;
  background:#fff;
}

/* Les sections gardent leur respiration mais à l'intérieur du cadre commun. */
.mde-pages-scope .pro-hero,.mde-pages-scope .pro-section,.mde-pages-scope .pro-contact,.mde-pages-scope .pro-home-nav{
  width:100%;
}

/* La sélection produits retrouve plus de chaleur et moins de neutralité. */
.mde-pages-scope .pro-selection{
  background:linear-gradient(180deg,#FFFDF6 0 55%,#FFF4C9 100%);
}
.mde-pages-scope .pro-selection__ornament{
  color:rgba(27,83,126,.12);
}

/* Cartes MDE : liseré bleu plus présent et alternance chromatique. */
.mde-pages-scope .pro-benefits article,.mde-pages-scope .pro-product,.mde-pages-scope .pro-conditions article,.mde-pages-scope .pro-steps article{
  border:2px solid #1B537E;
  border-radius:6px;
  overflow:hidden;
}

.mde-pages-scope .pro-benefits article:nth-child(3n/**/+1),.mde-pages-scope .pro-conditions article:nth-child(3n/**/+1),.mde-pages-scope .pro-steps article:nth-child(3n/**/+1),.mde-pages-scope .pro-product:nth-child(3n/**/+1){
  background:#FFFDF6;
}
.mde-pages-scope .pro-benefits article:nth-child(3n/**/+2),.mde-pages-scope .pro-conditions article:nth-child(3n/**/+2),.mde-pages-scope .pro-steps article:nth-child(3n/**/+2),.mde-pages-scope .pro-product:nth-child(3n/**/+2){
  background:#E5EFEF;
}
.mde-pages-scope .pro-benefits article:nth-child(3n),.mde-pages-scope .pro-conditions article:nth-child(3n),.mde-pages-scope .pro-steps article:nth-child(3n),.mde-pages-scope .pro-product:nth-child(3n){
  background:#FFEBB9;
}

/* Les pavés de bénéfices, conditions et étapes s'approchent du langage d'Infos pratiques. */
.mde-pages-scope .pro-benefits article,.mde-pages-scope .pro-conditions article,.mde-pages-scope .pro-steps article{
  box-shadow:none;
}

/* Dans les cartes produits, seule la partie texte hérite du fond coloré ;
   la scène visuelle garde sa propre mise en scène. */
.mde-pages-scope .pro-product__copy{
  background:transparent;
}

/* Liens de la section bougies : comme sur Infos pratiques. */
.mde-pages-scope .pro-linkgrid a{
  background:#E5EFEF;
  color:#1B537E;
  border:1px solid #1B537E;
}
.mde-pages-scope .pro-linkgrid a:hover,.mde-pages-scope .pro-linkgrid a:focus-visible{
  background:#1B537E;
  color:#fff;
  text-decoration:none;
}

/* Le visuel du compte pro reste neutre mais son cadre suit la charte. */
.mde-pages-scope .pro-account-visual img{
  border:2px solid #1B537E;
  border-radius:6px;
}

/* Le bandeau saisonnier conserve sa personnalité sombre. */
.mde-pages-scope .pro-season{
  border:2px solid #1B537E;
}

/* Ajustement mobile pour garder de l'air. */
@media (max-width:620px){
  .mde-pages-scope .pro-page{max-width:100%;}
}


/* ==========================================================
   V2.11 — finitions visuelles demandées
   ========================================================== */

/* 1. Transition plus nette entre la sélection et la zone Bougies :
   davantage de respiration + un filet bleu discret qui annonce
   un nouveau chapitre sans casser la fluidité de la page. */
.mde-pages-scope .pro-selection{
  padding-bottom:76px;
}
.mde-pages-scope .pro-candles{
  border-top:2px solid #1B537E;
  padding-top:66px;
}

/* 2. Les quatre accès Bougies deviennent de vraies actions équilibrées :
   texte centré horizontalement et verticalement. */
.mde-pages-scope .pro-linkgrid a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:74px;
  text-align:center;
  line-height:1.45;
}

/* 3. "Comment devenir client professionnel ?" :
   le fond de section est déjà bleu pâle ; on évite donc le bleu sur bleu.
   Les deux cartes utilisent les deux autres tons de la palette MDE. */
.mde-pages-scope #devenir-client .pro-steps article:nth-child(1){
  background:#FFFDF6;
}
.mde-pages-scope #devenir-client .pro-steps article:nth-child(2){
  background:#FFEBB9;
}

/* La lecture reste confortable sur smartphone. */
@media (max-width:620px){
  .mde-pages-scope .pro-selection{
    padding-bottom:58px;
  }
  .mde-pages-scope .pro-candles{
    padding-top:58px;
  }
  .mde-pages-scope .pro-linkgrid a{
    min-height:64px;
  }
}


/* ==========================================================
   V2.12 — finitions chromatiques finales
   ========================================================== */

/* 1) Pourquoi choisir la Maison de l'Europe ?
   Sur fond bleu pâle, on évite toute carte bleu pâle. */
.mde-pages-scope .pro-benefits article:nth-child(1),.mde-pages-scope .pro-benefits article:nth-child(3){
  background:#FFFDF6;
}
.mde-pages-scope .pro-benefits article:nth-child(2),.mde-pages-scope .pro-benefits article:nth-child(4){
  background:#FFEBB9;
}

/* 2) Section produits : uniquement les 3 teintes MDE,
   avec deux zones par carte (image + texte) toujours différentes. */
.mde-pages-scope .pro-product{
  background:transparent;
}
.mde-pages-scope .pro-product__scene,.mde-pages-scope .pro-product__copy{
  background-image:none !important;
}

/* Cartes 1 et 4 : image champagne / texte crème */
.mde-pages-scope .pro-product--1 .pro-product__scene,.mde-pages-scope .pro-product--4 .pro-product__scene{
  background:#FFEBB9 !important;
}
.mde-pages-scope .pro-product--1 .pro-product__copy,.mde-pages-scope .pro-product--4 .pro-product__copy{
  background:#FFFDF6 !important;
}

/* Cartes 2 et 5 : image crème / texte bleu pâle */
.mde-pages-scope .pro-product--2 .pro-product__scene,.mde-pages-scope .pro-product--5 .pro-product__scene{
  background:#FFFDF6 !important;
}
.mde-pages-scope .pro-product--2 .pro-product__copy,.mde-pages-scope .pro-product--5 .pro-product__copy{
  background:#E5EFEF !important;
}

/* Cartes 3 et 6 : image bleu pâle / texte champagne */
.mde-pages-scope .pro-product--3 .pro-product__scene,.mde-pages-scope .pro-product--6 .pro-product__scene{
  background:#E5EFEF !important;
}
.mde-pages-scope .pro-product--3 .pro-product__copy,.mde-pages-scope .pro-product--6 .pro-product__copy{
  background:#FFEBB9 !important;
}


/* ==========================================================
   V2.13 — harmonisation transversale du héros MDE
   ========================================================== */
.mde-pages-scope .pro-hero{
  min-height:390px;
  padding:48px 42px;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  gap:28px;
}
.mde-pages-scope .pro-hero h1{
  font-size:54px;
  line-height:1.04;
  text-wrap:balance;
}
.mde-pages-scope .pro-hero p{font-size:19px;line-height:1.5;}
.mde-pages-scope .pro-hero__art{height:300px;}
.mde-pages-scope .pro-hero__art img{max-height:290px;}
.mde-pages-scope .pro-hero .pro-kicker{font-size:14px;letter-spacing:.9px;margin-bottom:10px;}
@media (max-width:900px){
  .mde-pages-scope .pro-hero{min-height:0;padding:42px 32px;grid-template-columns:1fr;}
  .mde-pages-scope .pro-hero__art{height:220px;}
  .mde-pages-scope .pro-hero__art img{max-height:210px;}
}
@media (max-width:620px){
  .mde-pages-scope .pro-hero{padding:36px 24px;gap:18px;}
  .mde-pages-scope .pro-hero h1{font-size:40px;line-height:1.08;}
  .mde-pages-scope .pro-hero p{font-size:18px;line-height:1.45;}
  .mde-pages-scope .pro-hero__art{height:150px;}
  .mde-pages-scope .pro-hero__art img{max-height:150px;}
}


/* ==========================================================
   V2.14 — alignement du lien supérieur sur le contenu du hero
   ========================================================== */

/* Desktop : même retrait gauche que le hero (42 px). */
.mde-pages-scope .pro-home-nav--top{
  padding-left:42px;
  padding-right:42px;
}

/* Tablette / responsive horizontal : même retrait que le hero (32 px). */
@media (max-width:900px){
  .mde-pages-scope .pro-home-nav--top{
    padding-left:32px;
    padding-right:32px;
  }
}

/* Smartphone / responsive vertical : même retrait que le hero (24 px). */
@media (max-width:620px){
  .mde-pages-scope .pro-home-nav--top{
    padding-left:24px;
    padding-right:24px;
  }
}


/* ==========================================================
   MDE Pages 1.1.2 — Professionnels v2.16
   ========================================================== */

/* Bandeau d'accès rapide : jaune MDE, liens bleus, séparateur |. */
.mde-pages-scope .pro-quicklinks{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:0 14px;
  padding:14px 24px;
  background:#FFD25F;
  color:#1B537E;
  text-align:center;
}
.mde-pages-scope .pro-quicklinks a{
  color:#1B537E;
  font-weight:700;
  text-decoration:none;
  line-height:1.35;
}
.mde-pages-scope .pro-quicklinks a:hover,
.mde-pages-scope .pro-quicklinks a:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}
.mde-pages-scope .pro-quicklinks__sep{
  color:#1B537E;
  font-weight:400;
  opacity:.72;
}

/* Bougies, cierges & neuvaines :
   fond bleu pâle, sans liseré supérieur,
   liens en champagne avec bord bleu MDE. */
.mde-pages-scope .pro-page .pro-section.pro-candles.pro-pastel-pink{
  background:#E5EFEF !important;
  background-color:#E5EFEF !important;
  background-image:none !important;
  border-top:0 !important;
}
.mde-pages-scope .pro-candles{
  border-top:0 !important;
}
.mde-pages-scope .pro-candles .pro-linkgrid a{
  background:#FFEBB9;
  color:#1B537E;
  border:1px solid #1B537E;
}
.mde-pages-scope .pro-candles .pro-linkgrid a:hover,
.mde-pages-scope .pro-candles .pro-linkgrid a:focus-visible{
  background:#1B537E;
  color:#fff;
  text-decoration:none;
}

/* Les six cartes produits restent fixes au survol. */
.mde-pages-scope .pro-product{
  transition:box-shadow .15s ease;
}
.mde-pages-scope .pro-product:hover,
.mde-pages-scope .pro-product:focus-within{
  transform:none !important;
}

@media(max-width:760px){
  .mde-pages-scope .pro-quicklinks{
    gap:8px 10px;
    padding:13px 18px;
  }
}
@media(max-width:620px){
  .mde-pages-scope .pro-quicklinks{
    flex-direction:column;
    gap:7px;
    padding:13px 16px;
  }
  .mde-pages-scope .pro-quicklinks__sep{
    display:none;
  }
}

/* V2.19 — création du compte professionnel : procédure automatisée.
   Le rappel du parcours client est désormais illustré par la capture fournie par Alain,
   placée directement dans le cadre champagne. */
#devenir-client .pro-account-card{
  max-width:950px;
  margin:28px auto 0;
  padding:28px 30px;
  background:#FFEBB9;
  border:2px solid var(--pro-blue);
  border-radius:12px;
  box-sizing:border-box;
}
#devenir-client .pro-account-card__step{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:16px;
  align-items:start;
}
#devenir-client .pro-account-card__step>b{
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  border-radius:50%;
  background:var(--pro-blue);
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
}
#devenir-client .pro-account-card h3{
  margin:0 0 10px;
  font-size:24px;
}
#devenir-client .pro-account-card p{
  margin:0 0 10px;
}
#devenir-client .pro-account-form-visual{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid rgba(27,83,126,.28);
}
#devenir-client .pro-account-form-visual img{
  display:block;
  width:100%;
  max-width:950px;
  height:auto;
  margin:0 auto;
  border:0;
  border-radius:8px;
  background:#fff;
}
@media(max-width:620px){
  #devenir-client .pro-account-card{padding:22px 18px}
  #devenir-client .pro-account-card__step{grid-template-columns:30px 1fr;gap:12px}
}