/*
  Infos pratiques — page annexe alone FR
  Page annexe autonome destinée à être publiée dans /infopage/ sur Combell.
*/
.mde-pages-scope .infos-pratiques{
  --ip-blue: rgb(27 83 126);
  --ip-blue-dark: rgb(18 63 97);
  --ip-yellow: #FFD25F;
  --ip-yellow-soft: rgb(255 210 95 / .28);
  --ip-pale-blue: #eaf5fb;
  --ip-pale-blue-strong: #dceff8;
  --ip-ink: #2f3d49;
  --ip-muted: #637486;
  --ip-line: rgb(27 83 126 / .14);
  --ip-card: #fff;
  --ip-soft-blue: var(--ip-pale-blue);
  color: var(--ip-ink);
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.mde-pages-scope .infos-pratiques *,
.mde-pages-scope .infos-pratiques *::before,
.mde-pages-scope .infos-pratiques *::after{ box-sizing: border-box; }

.mde-pages-scope .ip-shell{
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.mde-pages-scope .ip-hero{
  position: relative;
  min-height: 360px;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: var(--ip-blue-dark);
}

.mde-pages-scope .ip-hero__image{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.mde-pages-scope .ip-hero__veil{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(8 44 72 / .90) 0%, rgb(8 44 72 / .72) 32%, rgb(8 44 72 / .18) 52%, rgb(8 44 72 / .30) 68%, rgb(8 44 72 / .72) 86%, rgb(8 44 72 / .88) 100%);
}

.mde-pages-scope .ip-hero__inner{ position: relative; z-index: 1; padding-block: 62px; }
.mde-pages-scope .ip-eyebrow{
  display: inline-block;
  margin: 0 0 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ip-yellow);
  color: var(--ip-blue-dark);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.mde-pages-scope .ip-hero h1,
.mde-pages-scope .ip-section-title,
.mde-pages-scope .ip-card-title,
.mde-pages-scope .ip-card h3{
  font-family: Georgia, "Times New Roman", serif;
  color: var(--ip-blue);
}

.mde-pages-scope .ip-hero h1{
  margin: 0;
  max-width: 650px;
  color: var(--ip-yellow);
  font-size: clamp(42px, 6vw, 72px);
  line-height: .98;
  font-weight: 400;
}

.mde-pages-scope .ip-hero__lead{
  max-width: 660px;
  margin: 18px 0 0;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.35;
  color: #fff;
}

.mde-pages-scope .ip-gold-rule{ width: 86px; height: 4px; margin-top: 24px; background: var(--ip-yellow); }

.mde-pages-scope .ip-section{ padding: 34px 0; }
.mde-pages-scope .ip-section--essential{ padding-top: 30px; background: #fff; }
.mde-pages-scope .ip-section--mobility{ background: #fff; }
.mde-pages-scope .ip-section--nearby{ padding: 44px 0 50px; background: var(--ip-pale-blue); }

.mde-pages-scope .ip-section-title{ margin: 0 0 18px; font-size: clamp(27px, 3vw, 38px); line-height: 1.08; font-weight: 400; }
.mde-pages-scope .ip-card-title{ margin: 12px 0 12px; font-size: 24px; line-height: 1.15; font-weight: 400; }

.mde-pages-scope .ip-grid{ display: grid; gap: 18px; }
.mde-pages-scope .ip-grid--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.mde-pages-scope .ip-card,
.mde-pages-scope .ip-photo-card{
  border: 1px solid var(--ip-line);
  border-radius: 14px;
  background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue) 100%);
  box-shadow: 0 10px 24px rgb(31 62 84 / .06);
}

.mde-pages-scope .ip-card{ padding: 24px; }
.mde-pages-scope .ip-card--essential{ display: grid; grid-template-columns: 48px 1fr; gap: 15px; min-height: 245px; }
.mde-pages-scope .ip-card--essential h3{ margin: 2px 0 12px; font-size: 24px; font-weight: 400; }
.mde-pages-scope .ip-card p,
.mde-pages-scope .ip-photo-card p{ margin: 0 0 14px; line-height: 1.55; }
.mde-pages-scope .ip-card ul{ margin: 0 0 16px; padding-left: 21px; line-height: 1.55; }
.mde-pages-scope .ip-note{ color: var(--ip-muted); font-size: 14px; }
.mde-pages-scope .ip-highlight{ color: var(--ip-blue); font-weight: 700; }

.mde-pages-scope .ip-icon{
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ip-blue);
  color: #fff;
  font: 700 22px/1 Arial, Helvetica, sans-serif;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .18);
}
.mde-pages-scope .ip-icon--gold{ background: var(--ip-blue); }

.mde-pages-scope .ip-title-row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mde-pages-scope .ip-title-row h2,
.mde-pages-scope .ip-title-row h3{ min-width: 0; }
.mde-pages-scope .ip-status{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--ip-yellow);
  color: #5b561e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.mde-pages-scope .ip-status--photo{ background: #eef2f5; color: #52616f; }

.mde-pages-scope .ip-actions{ display: grid; gap: 9px; margin-top: 14px; }
.mde-pages-scope .ip-btn{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.mde-pages-scope .ip-btn--primary{ color: #fff; background: var(--ip-blue); border: 1px solid var(--ip-blue); }
.mde-pages-scope .ip-btn--outline{ color: var(--ip-blue); background: #fff; border: 1px solid var(--ip-blue); }
.mde-pages-scope .ip-btn--primary:hover,
.mde-pages-scope .ip-btn--primary:focus-visible{ background: var(--ip-blue-dark); }
.mde-pages-scope .ip-btn--outline:hover,
.mde-pages-scope .ip-btn--outline:focus-visible{ background: var(--ip-soft-blue); }
.mde-pages-scope .ip-btn:focus-visible{ outline: 3px solid var(--ip-yellow); outline-offset: 2px; }

.mde-pages-scope .ip-split{ display: grid; gap: 20px; }
.mde-pages-scope .ip-split--photo{ grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr); align-items: stretch; }
.mde-pages-scope .ip-photo-card{ padding: 24px; background: linear-gradient(145deg, #fff 0%, var(--ip-yellow-soft) 100%); }
.mde-pages-scope .ip-title-row--photo{ align-items: center; }
.mde-pages-scope .ip-heading-with-icon,
.mde-pages-scope .ip-parking-heading{ display: flex; align-items: center; gap: 14px; }
.mde-pages-scope .ip-heading-with-icon .ip-section-title,
.mde-pages-scope .ip-parking-heading .ip-section-title{ margin: 0; }
.mde-pages-scope .ip-heading-icon{ width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; border-radius: 50%; background: var(--ip-blue); }
.mde-pages-scope .ip-heading-icon img{ width: 31px; height: 31px; display: block; }
.mde-pages-scope .ip-parking-heading{ margin-bottom: 18px; }
.mde-pages-scope .ip-photo-card figure{ margin: 20px 18px -4px; }
.mde-pages-scope .ip-photo-card img{ width: 100%; aspect-ratio: 16 / 8.8; max-height: 520px; object-fit: cover; object-position: center 48%; display: block; border-radius: 13px; border: 1px solid rgb(27 83 126 / .12); box-shadow: 0 12px 28px rgb(31 62 84 / .12); }
.mde-pages-scope .ip-photo-card figcaption{ margin-top: 8px; color: var(--ip-muted); font-size: 12px; line-height: 1.4; }

.mde-pages-scope .ip-card--parking{ background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue-strong) 100%); }
.mde-pages-scope .ip-info-box{ margin-top: 18px; padding: 14px 15px; border-left: 4px solid var(--ip-blue); border-radius: 7px; background: rgb(27 83 126 / .07); line-height: 1.48; }
.mde-pages-scope .ip-card--pmr{ background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue) 100%); }

.mde-pages-scope .ip-nearby-heading{ display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: start; margin-bottom: 22px; }
.mde-pages-scope .ip-nearby-heading .ip-section-title{ margin-bottom: 8px; }
.mde-pages-scope .ip-nearby-heading p{ margin: 0; line-height: 1.5; }
.mde-pages-scope .ip-nearby-grid{ display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 8px; }
.mde-pages-scope .ip-nearby-item{
  min-height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 6px;
  border: 1px solid rgb(27 83 126 / .14);
  border-radius: 11px;
  background: #fff;
  text-align: center;
  color: var(--ip-blue-dark);
  font-size: 12px;
  line-height: 1.24;
}
.mde-pages-scope .ip-nearby-item span{ min-height: 54px; display: grid; place-items: center; color: var(--ip-blue); font-weight: 700; line-height: 1; }
.mde-pages-scope .ip-nearby-item .ip-picto{ width: 54px; height: 54px; }
.mde-pages-scope .ip-nearby-item .ip-picto *{ vector-effect: non-scaling-stroke; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto{
  width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center;
  min-height: 58px; color: var(--ip-blue);
}
.mde-pages-scope .ip-nearby-item .ip-nearby-picto svg{ width: 52px; height: 52px; display: block; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--info svg{ width: 52px; height: 52px; }
.mde-pages-scope .ip-nearby-footer{ margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 18px; }
.mde-pages-scope .ip-nearby-footer p{ margin: 0; line-height: 1.5; }
.mde-pages-scope .ip-btn--future{ flex: 0 0 auto; color: var(--ip-blue-dark); background: var(--ip-yellow); border: 1px solid var(--ip-yellow); cursor: default; }

@media (max-width: 900px){
  .mde-pages-scope .ip-shell{ width: min(100% - 30px, 760px); }
  .mde-pages-scope .ip-hero{ min-height: 310px; }
  .mde-pages-scope .ip-hero__veil{ background: linear-gradient(90deg, rgb(8 44 72 / .88), rgb(8 44 72 / .55)); }
  .mde-pages-scope .ip-grid--3{ grid-template-columns: 1fr; }
  .mde-pages-scope .ip-card--essential{ min-height: 0; }
  .mde-pages-scope .ip-split--photo{ grid-template-columns: 1fr; }
  .mde-pages-scope .ip-nearby-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mde-pages-scope .ip-nearby-footer{ flex-direction: column; align-items: stretch; }
}

@media (max-width: 620px){
  .mde-pages-scope .ip-shell{ width: calc(100% - 24px); }
  .mde-pages-scope .ip-hero{ min-height: 290px; }
  .mde-pages-scope .ip-hero__inner{ padding-block: 42px; }
  .mde-pages-scope .ip-hero__image{ object-position: center center; }
  .mde-pages-scope .ip-hero__veil{ background: rgb(8 44 72 / .72); }
  .mde-pages-scope .ip-eyebrow{ font-size: 12px; }
  .mde-pages-scope .ip-hero h1{ font-size: 43px; }
  .mde-pages-scope .ip-hero__lead{ font-size: 18px; }
  .mde-pages-scope .ip-section{ padding: 25px 0; }
  .mde-pages-scope .ip-section-title{ font-size: 29px; }
  .mde-pages-scope .ip-card{ padding: 19px; }
  .mde-pages-scope .ip-card--essential{ grid-template-columns: 42px 1fr; gap: 12px; }
  .mde-pages-scope .ip-card--essential h3,
.mde-pages-scope .ip-card-title{ font-size: 21px; }
  .mde-pages-scope .ip-icon{ width: 42px; height: 42px; font-size: 19px; }
  .mde-pages-scope .ip-title-row{ flex-direction: column; gap: 6px; }
  .mde-pages-scope .ip-status{ align-self: flex-start; }
  .mde-pages-scope .ip-photo-card{ padding: 18px; }
  .mde-pages-scope .ip-nearby-heading{ grid-template-columns: 44px 1fr; gap: 12px; }
  .mde-pages-scope .ip-nearby-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mde-pages-scope .ip-nearby-item{ min-height: 104px; }
  .mde-pages-scope .ip-btn--future{ width: 100%; }
}

/* v0.5 — pictogrammes alignés avec les titres des cartes d’accès */
.mde-pages-scope .ip-card-heading{ display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.mde-pages-scope .ip-card-heading .ip-card-title{ margin: 0; }


/* v0.6 — ajustements demandés */
.mde-pages-scope .ip-hero__lead + .ip-eyebrow{
  margin: 22px 0 0;
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--ip-yellow);
  color: var(--ip-blue-dark);
  font-size: 14px;
  font-weight: 700;
}
.mde-pages-scope .ip-icon-svg{ width: 28px; height: 28px; display: block; }
.mde-pages-scope .ip-nearby-footer{ justify-content: center; padding-top: 0; }
@media (max-width: 900px){
  .mde-pages-scope .ip-nearby-footer{ align-items: center; }
}
@media (max-width: 620px){
  .mde-pages-scope .ip-hero__lead + .ip-eyebrow{ margin-top: 18px; padding: 9px 14px; }
}

/* v0.7 — breathing room below the recognition heading */
.mde-pages-scope .ip-photo-card > .ip-title-row{ margin-bottom: 14px; }

/* v0.13: pictogrammes extraits de la maquette de référence */
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact{ width: 60px; height: 60px; min-height: 60px; display:grid; place-items:center; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact img{ width: 58px; height: 58px; object-fit: contain; display:block; }

/* v0.21 — navigation Combell, nouveau héros, liens magasin/Banneux et PMR */
.mde-pages-scope .ip-back-home{ padding-block: 12px; }
.mde-pages-scope .ip-back-home a,
.mde-pages-scope .ip-photo-more a{ color: var(--ip-blue); font-weight: 700; text-decoration: none; }
.mde-pages-scope .ip-back-home a:hover,
.mde-pages-scope .ip-back-home a:focus-visible,
.mde-pages-scope .ip-photo-more a:hover,
.mde-pages-scope .ip-photo-more a:focus-visible{ text-decoration: underline; }
.mde-pages-scope .ip-back-home--bottom{ padding-block: 20px 28px; }
.mde-pages-scope .ip-photo-more{ margin: 14px 18px 0 !important; }
.mde-pages-scope .ip-nearby-item{ text-decoration: none; }
.mde-pages-scope .ip-nearby-item:hover,
.mde-pages-scope .ip-nearby-item:focus-visible{ border-color: rgb(27 83 126 / .38); box-shadow: 0 7px 16px rgb(31 62 84 / .10); transform: translateY(-1px); }
.mde-pages-scope .ip-nearby-item:focus-visible{ outline: 3px solid var(--ip-yellow); outline-offset: 2px; }
.mde-pages-scope .ip-btn--future{ cursor: pointer; }
.mde-pages-scope .ip-btn--future:hover,
.mde-pages-scope .ip-btn--future:focus-visible{ background: #ffca3a; border-color: #ffca3a; }

/* IMG_9600 : privilégier le visage et le haut de la statue dans le bandeau panoramique. */
.mde-pages-scope .ip-hero__image{ object-position: center 22%; }

@media (max-width: 760px){
  .mde-pages-scope .ip-back-home{ padding-block: 10px; }
  .mde-pages-scope .ip-hero__image{ object-position: 48% center; }
}

/* v0.23 — héro : lignes maîtrisées et photo légèrement éclaircie. */
.mde-pages-scope .ip-hero__image{ filter: brightness(1.18) saturate(1.03); }

/* v0.25 — mise en valeur MDE et éclaircissement local doux de la Vierge. */
.mde-pages-scope .ip-hero__lead strong{ font-weight: 700; color: #fff; }
.mde-pages-scope .ip-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 62% 43%, rgb(255 255 255 / .17) 0%, rgb(255 255 255 / .08) 19%, rgb(255 255 255 / 0) 43%);
}
.mde-pages-scope .ip-hero__veil{ z-index: 0; }
.mde-pages-scope .ip-hero__inner{ z-index: 1; }
@media (max-width: 760px){
  .mde-pages-scope .ip-hero::after{ background: radial-gradient(ellipse at 52% 42%, rgb(255 255 255 / .13) 0%, rgb(255 255 255 / 0) 42%); }
}

/* v0.26 — IMG_9601 : cadrage validé, tête et mains de la Vierge visibles dans le héros. */
.mde-pages-scope .ip-hero__image{ object-position: center 20%; }
.mde-pages-scope .ip-hero::after{
  background: radial-gradient(ellipse at 52% 40%, rgb(255 255 255 / .17) 0%, rgb(255 255 255 / .08) 19%, rgb(255 255 255 / 0) 43%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: 50% 22%; }
  .mde-pages-scope .ip-hero::after{ background: radial-gradient(ellipse at 50% 40%, rgb(255 255 255 / .13) 0%, rgb(255 255 255 / 0) 42%); }
}

/* v0.26 correctif cadrage — IMG_9601 rapprochée selon la référence validée. */
@media (min-width: 761px){
  .mde-pages-scope .ip-hero__image{
    object-position: 50% 28%;
    transform: scale(1.62);
    transform-origin: 52% 34%;
  }
}

/* v0.29 — Harmonisation verticale des cartes FR/NL */
.mde-pages-scope .ip-grid--3 > .ip-card{
  display: flex;
  flex-direction: column;
}
.mde-pages-scope .ip-grid--3 > .ip-card > .ip-btn:last-child{
  margin-top: auto;
}


/* v0.30 — nouveau héros panoramique validé : cadrage naturel, texte à gauche sous voile bleu. */
.mde-pages-scope .ip-hero__image{
  object-position: center 43%;
  transform: none;
  filter: brightness(1.10) saturate(1.03);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg, rgb(8 44 72 / .90) 0%, rgb(8 44 72 / .72) 31%, rgb(8 44 72 / .30) 54%, rgb(8 44 72 / .08) 70%, rgb(8 44 72 / .02) 100%);
}
.mde-pages-scope .ip-hero::after{
  background: radial-gradient(ellipse at 52% 42%, rgb(255 255 255 / .12) 0%, rgb(255 255 255 / 0) 40%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: 52% center; transform: none; }
  .mde-pages-scope .ip-hero__veil{ background: linear-gradient(90deg, rgb(8 44 72 / .88), rgb(8 44 72 / .50)); }
}

/* v0.32 — essai héros plus lumineux : voile étroit et léger, image ancrée en haut, ombre discrète sur le texte. */
.mde-pages-scope .ip-hero__image{
  object-position: center top;
  filter: brightness(1.06) saturate(1.02);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg,
    rgb(8 44 72 / .58) 0%,
    rgb(8 44 72 / .44) 24%,
    rgb(8 44 72 / .20) 42%,
    rgb(8 44 72 / .06) 52%,
    rgb(8 44 72 / 0) 58%,
    rgb(8 44 72 / 0) 100%);
}
.mde-pages-scope .ip-hero h1,
.mde-pages-scope .ip-hero__lead{
  text-shadow: 0 2px 5px rgb(0 0 0 / .42);
}
.mde-pages-scope .ip-hero::after{
  background: none;
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: center top; }
  .mde-pages-scope .ip-hero__veil{
    background: linear-gradient(90deg,
      rgb(8 44 72 / .66) 0%,
      rgb(8 44 72 / .48) 46%,
      rgb(8 44 72 / .20) 72%,
      rgb(8 44 72 / .08) 100%);
  }
}

/* v0.33 — héros depuis la panoramique d’origine : Vierge entière, plus grande et centrée. */
.mde-pages-scope .ip-hero__image{
  object-position: center 36%;
  transform: none;
  filter: brightness(1.14) saturate(1.16) contrast(1.03);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg,
    rgb(8 44 72 / .54) 0%,
    rgb(8 44 72 / .40) 23%,
    rgb(8 44 72 / .17) 40%,
    rgb(8 44 72 / .04) 50%,
    rgb(8 44 72 / 0) 57%,
    rgb(8 44 72 / 0) 100%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: center 36%; }
}

/* v0.34 — micro-ajustement desktop : voile légèrement allégé. */
@media (min-width: 761px){
  .mde-pages-scope .ip-hero__veil{
    background: linear-gradient(90deg,
      rgb(8 44 72 / .46) 0%,
      rgb(8 44 72 / .34) 23%,
      rgb(8 44 72 / .14) 40%,
      rgb(8 44 72 / .03) 50%,
      rgb(8 44 72 / 0) 57%,
      rgb(8 44 72 / 0) 100%);
  }
}


/* v0.35 — responsive : conserver la composition desktop, recentrer visuellement Marie et donner de l’air au texte.
   Le cadrage vertical, les tailles typographiques et le voile restent inchangés. */
@media (max-width: 1180px){
  .mde-pages-scope .ip-hero__image{
    width: 107%;
    left: -7%;
    right: auto;
    object-position: center 36%;
    transform: none;
  }
  .mde-pages-scope .ip-hero__inner{
    padding-left: clamp(18px, 4vw, 42px);
  }
}

/* v0.36 — responsive héros : conserver Marie au centre et la rapprocher sur les écrans plus étroits.
   Le texte, le voile, les tailles typographiques et le cadrage vertical restent inchangés. */
@media (max-width: 1180px){
  .mde-pages-scope .ip-hero__image{
    width: 100%;
    left: 0;
    right: 0;
    object-position: center 36%;
    transform: scale(1.22);
    transform-origin: 50% 36%;
  }
}

@media (max-width: 900px){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.40);
    transform-origin: 50% 36%;
  }
}

@media (max-width: 620px){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.58);
    transform-origin: 50% 36%;
  }
}


/* v0.37 — smartphone portrait uniquement : cadrage du héros rééquilibré et titre maintenu entièrement visible.
   Les autres formats restent strictement identiques à la v0.36. */
@media (max-width: 620px) and (orientation: portrait){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.36);
    transform-origin: 54% 36%;
    object-position: 54% 36%;
  }
  .mde-pages-scope .ip-hero h1{
    font-size: 39px;
  }
  .mde-pages-scope .ip-hero__inner{
    transform: translateY(34px);
  }
}

/* v0.46 — correction fidèle au langage graphique Saint Louis */
.mde-pages-scope{
  --mde-page-yellow:#FFD25F;
  --mde-blue:#0B4F8A;
  --mde-pastel-yellow:#fffef1;
  --mde-pastel-blue:rgba(226,242,255,.90);
  --mde-pastel-rose:rgba(255,255,255,.56);
}

/* Le JAUNE MDE est le fond réel de toute la page de contenu. */
.mde-pages-scope,
.mde-pages-scope main{
  background:#FFD25F !important;
}

/* Aucun grand cadre englobant. */
.mde-pages-scope .ip-section{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Cadres individuels : même bordure que Saint Louis. */
.mde-pages-scope .ip-card,
.mde-pages-scope .ip-photo-card,
.mde-pages-scope .ip-nearby-item{
  border:2px solid #0B4F8A !important;
  border-radius:12px !important;
  box-shadow:none !important;
  box-sizing:border-box;
}

/* Trois pastels distincts dans les cases — jamais le jaune chaud du fond. */
.mde-pages-scope .ip-card:nth-child(3n/**/+1),
.mde-pages-scope .ip-nearby-item:nth-child(3n/**/+1){
  background:#fffef1 !important;
}
.mde-pages-scope .ip-card:nth-child(3n/**/+2),
.mde-pages-scope .ip-nearby-item:nth-child(3n/**/+2){
  background:rgba(226,242,255,.90) !important;
}
.mde-pages-scope .ip-card:nth-child(3n),
.mde-pages-scope .ip-nearby-item:nth-child(3n){
  background:rgba(255,255,255,.56) !important;
}

.mde-pages-scope .ip-photo-card{
  background:#fffef1 !important;
}

.mde-pages-scope .ip-section-title,
.mde-pages-scope .ip-nearby-heading{
  text-decoration:none !important;
  box-shadow:none !important;
}

.mde-pages-scope .ip-heading-icon,
.mde-pages-scope .ip-nearby-picto{
  box-shadow:none !important;
}







/* v0.49 — même distance titre → cadres que pour « À proximité » */
.mde-pages-scope .ip-section--essential .ip-grid{
  margin-top:24px !important;
}


/* v0.51 — zone « Préparez votre visite à Banneux » */
.mde-pages-scope .ip-nearby-heading{ align-items: start; }
.mde-pages-scope .ip-nearby-heading .ip-section-title{ margin-bottom: 5px; }
.mde-pages-scope .ip-nearby-intro{ margin: 0; line-height: 1.45; color: var(--ip-blue-dark); }
@media (min-width: 901px){
  .mde-pages-scope .ip-nearby-item{ min-height: 140px; padding-top: 14px; padding-bottom: 14px; }
  .mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact{ width: 72px; height: 72px; min-height: 72px; flex-basis: 72px; }
  .mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact img{ width: 68px; height: 68px; object-fit: contain; display: block; }
}


/* ===== FINAL VALIDATED PAGE CSS ===== */
/*
  Infos pratiques — page annexe alone FR
  Page annexe autonome destinée à être publiée dans /infopage/ sur Combell.
*/
.mde-pages-scope .infos-pratiques{
  --ip-blue: rgb(27 83 126);
  --ip-blue-dark: rgb(18 63 97);
  --ip-yellow: #FFD25F;
  --ip-yellow-soft: rgb(255 210 95 / .28);
  --ip-pale-blue: #eaf5fb;
  --ip-pale-blue-strong: #dceff8;
  --ip-ink: #2f3d49;
  --ip-muted: #637486;
  --ip-line: rgb(27 83 126 / .14);
  --ip-card: #fff;
  --ip-soft-blue: var(--ip-pale-blue);
  color: var(--ip-ink);
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.mde-pages-scope .infos-pratiques *,.mde-pages-scope .infos-pratiques *::before,.mde-pages-scope .infos-pratiques *::after{ box-sizing: border-box; }

.mde-pages-scope .ip-shell{
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.mde-pages-scope .ip-hero{
  position: relative;
  min-height: 360px;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: var(--ip-blue-dark);
}

.mde-pages-scope .ip-hero__image{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.mde-pages-scope .ip-hero__veil{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgb(8 44 72 / .90) 0%, rgb(8 44 72 / .72) 32%, rgb(8 44 72 / .18) 52%, rgb(8 44 72 / .30) 68%, rgb(8 44 72 / .72) 86%, rgb(8 44 72 / .88) 100%);
}

.mde-pages-scope .ip-hero__inner{ position: relative; z-index: 1; padding-block: 62px; }
.mde-pages-scope .ip-eyebrow{
  display: inline-block;
  margin: 0 0 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ip-yellow);
  color: var(--ip-blue-dark);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.mde-pages-scope .ip-hero h1,.mde-pages-scope .ip-section-title,.mde-pages-scope .ip-card-title,.mde-pages-scope .ip-card h3{
  font-family: Georgia, "Times New Roman", serif;
  color: var(--ip-blue);
}

.mde-pages-scope .ip-hero h1{
  margin: 0;
  max-width: 650px;
  color: var(--ip-yellow);
  font-size: clamp(42px, 6vw, 72px);
  line-height: .98;
  font-weight: 400;
}

.mde-pages-scope .ip-hero__lead{
  max-width: 660px;
  margin: 18px 0 0;
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.35;
  color: #fff;
}

.mde-pages-scope .ip-gold-rule{ width: 86px; height: 4px; margin-top: 24px; background: var(--ip-yellow); }

.mde-pages-scope .ip-section{ padding: 34px 0; }
.mde-pages-scope .ip-section--essential{ padding-top: 30px; background: #fff; }
.mde-pages-scope .ip-section--mobility{ background: #fff; }
.mde-pages-scope .ip-section--nearby{ padding: 44px 0 50px; background: var(--ip-pale-blue); }

.mde-pages-scope .ip-section-title{ margin: 0 0 18px; font-size: clamp(27px, 3vw, 38px); line-height: 1.08; font-weight: 400; }
.mde-pages-scope .ip-card-title{ margin: 12px 0 12px; font-size: 24px; line-height: 1.15; font-weight: 400; }

.mde-pages-scope .ip-grid{ display: grid; gap: 18px; }
.mde-pages-scope .ip-grid--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.mde-pages-scope .ip-card,.mde-pages-scope .ip-photo-card{
  border: 1px solid var(--ip-line);
  border-radius: 14px;
  background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue) 100%);
  box-shadow: 0 10px 24px rgb(31 62 84 / .06);
}

.mde-pages-scope .ip-card{ padding: 24px; }
.mde-pages-scope .ip-card--essential{ display: grid; grid-template-columns: 48px 1fr; gap: 15px; min-height: 245px; }
.mde-pages-scope .ip-card--essential h3{ margin: 2px 0 12px; font-size: 24px; font-weight: 400; }
.mde-pages-scope .ip-card p,.mde-pages-scope .ip-photo-card p{ margin: 0 0 14px; line-height: 1.55; }
.mde-pages-scope .ip-card ul{ margin: 0 0 16px; padding-left: 21px; line-height: 1.55; }
.mde-pages-scope .ip-note{ color: var(--ip-muted); font-size: 14px; }
.mde-pages-scope .ip-highlight{ color: var(--ip-blue); font-weight: 700; }

.mde-pages-scope .ip-icon{
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ip-blue);
  color: #fff;
  font: 700 22px/1 Arial, Helvetica, sans-serif;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .18);
}
.mde-pages-scope .ip-icon--gold{ background: var(--ip-blue); }

.mde-pages-scope .ip-title-row{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mde-pages-scope .ip-title-row h2,.mde-pages-scope .ip-title-row h3{ min-width: 0; }
.mde-pages-scope .ip-status{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--ip-yellow);
  color: #5b561e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.mde-pages-scope .ip-status--photo{ background: #eef2f5; color: #52616f; }

.mde-pages-scope .ip-actions{ display: grid; gap: 9px; margin-top: 14px; }
.mde-pages-scope .ip-btn{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.mde-pages-scope .ip-btn--primary{ color: #fff; background: var(--ip-blue); border: 1px solid var(--ip-blue); }
.mde-pages-scope .ip-btn--outline{ color: var(--ip-blue); background: #fff; border: 1px solid var(--ip-blue); }
.mde-pages-scope .ip-btn--primary:hover,.mde-pages-scope .ip-btn--primary:focus-visible{ background: var(--ip-blue-dark); }
.mde-pages-scope .ip-btn--outline:hover,.mde-pages-scope .ip-btn--outline:focus-visible{ background: var(--ip-soft-blue); }
.mde-pages-scope .ip-btn:focus-visible{ outline: 3px solid var(--ip-yellow); outline-offset: 2px; }

.mde-pages-scope .ip-split{ display: grid; gap: 20px; }
.mde-pages-scope .ip-split--photo{ grid-template-columns: minmax(0, 1.16fr) minmax(340px, .84fr); align-items: stretch; }
.mde-pages-scope .ip-photo-card{ padding: 24px; background: linear-gradient(145deg, #fff 0%, var(--ip-yellow-soft) 100%); }
.mde-pages-scope .ip-title-row--photo{ align-items: center; }
.mde-pages-scope .ip-heading-with-icon,.mde-pages-scope .ip-parking-heading{ display: flex; align-items: center; gap: 14px; }
.mde-pages-scope .ip-heading-with-icon .ip-section-title,.mde-pages-scope .ip-parking-heading .ip-section-title{ margin: 0; }
.mde-pages-scope .ip-heading-icon{ width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; border-radius: 50%; background: var(--ip-blue); }
.mde-pages-scope .ip-heading-icon img{ width: 31px; height: 31px; display: block; }
.mde-pages-scope .ip-parking-heading{ margin-bottom: 18px; }
.mde-pages-scope .ip-photo-card figure{ margin: 20px 18px -4px; }
.mde-pages-scope .ip-photo-card img{ width: 100%; aspect-ratio: 16 / 8.8; max-height: 520px; object-fit: cover; object-position: center 48%; display: block; border-radius: 13px; border: 1px solid rgb(27 83 126 / .12); box-shadow: 0 12px 28px rgb(31 62 84 / .12); }
.mde-pages-scope .ip-photo-card figcaption{ margin-top: 8px; color: var(--ip-muted); font-size: 12px; line-height: 1.4; }

.mde-pages-scope .ip-card--parking{ background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue-strong) 100%); }
.mde-pages-scope .ip-info-box{ margin-top: 18px; padding: 14px 15px; border-left: 4px solid var(--ip-blue); border-radius: 7px; background: rgb(27 83 126 / .07); line-height: 1.48; }
.mde-pages-scope .ip-card--pmr{ background: linear-gradient(145deg, #fff 0%, var(--ip-pale-blue) 100%); }

.mde-pages-scope .ip-nearby-heading{ display: grid; grid-template-columns: 56px 1fr; gap: 16px; align-items: start; margin-bottom: 22px; }
.mde-pages-scope .ip-nearby-heading .ip-section-title{ margin-bottom: 8px; }
.mde-pages-scope .ip-nearby-heading p{ margin: 0; line-height: 1.5; }
.mde-pages-scope .ip-nearby-grid{ display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 8px; }
.mde-pages-scope .ip-nearby-item{
  min-height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 6px;
  border: 1px solid rgb(27 83 126 / .14);
  border-radius: 11px;
  background: #fff;
  text-align: center;
  color: var(--ip-blue-dark);
  font-size: 12px;
  line-height: 1.24;
}
.mde-pages-scope .ip-nearby-item span{ min-height: 54px; display: grid; place-items: center; color: var(--ip-blue); font-weight: 700; line-height: 1; }
.mde-pages-scope .ip-nearby-item .ip-picto{ width: 54px; height: 54px; }
.mde-pages-scope .ip-nearby-item .ip-picto *{ vector-effect: non-scaling-stroke; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto{
  width: 58px; height: 58px; flex: 0 0 58px; display: grid; place-items: center;
  min-height: 58px; color: var(--ip-blue);
}
.mde-pages-scope .ip-nearby-item .ip-nearby-picto svg{ width: 52px; height: 52px; display: block; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--info svg{ width: 52px; height: 52px; }
.mde-pages-scope .ip-nearby-footer{ margin-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 18px; }
.mde-pages-scope .ip-nearby-footer p{ margin: 0; line-height: 1.5; }
.mde-pages-scope .ip-btn--future{ flex: 0 0 auto; color: var(--ip-blue-dark); background: var(--ip-yellow); border: 1px solid var(--ip-yellow); cursor: default; }

@media (max-width: 900px){
  .mde-pages-scope .ip-shell{ width: min(100% - 30px, 760px); }
  .mde-pages-scope .ip-hero{ min-height: 310px; }
  .mde-pages-scope .ip-hero__veil{ background: linear-gradient(90deg, rgb(8 44 72 / .88), rgb(8 44 72 / .55)); }
  .mde-pages-scope .ip-grid--3{ grid-template-columns: 1fr; }
  .mde-pages-scope .ip-card--essential{ min-height: 0; }
  .mde-pages-scope .ip-split--photo{ grid-template-columns: 1fr; }
  .mde-pages-scope .ip-nearby-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mde-pages-scope .ip-nearby-footer{ flex-direction: column; align-items: stretch; }
}

@media (max-width: 620px){
  .mde-pages-scope .ip-shell{ width: calc(100% - 24px); }
  .mde-pages-scope .ip-hero{ min-height: 290px; }
  .mde-pages-scope .ip-hero__inner{ padding-block: 42px; }
  .mde-pages-scope .ip-hero__image{ object-position: center center; }
  .mde-pages-scope .ip-hero__veil{ background: rgb(8 44 72 / .72); }
  .mde-pages-scope .ip-eyebrow{ font-size: 12px; }
  .mde-pages-scope .ip-hero h1{ font-size: 43px; }
  .mde-pages-scope .ip-hero__lead{ font-size: 18px; }
  .mde-pages-scope .ip-section{ padding: 25px 0; }
  .mde-pages-scope .ip-section-title{ font-size: 29px; }
  .mde-pages-scope .ip-card{ padding: 19px; }
  .mde-pages-scope .ip-card--essential{ grid-template-columns: 42px 1fr; gap: 12px; }
  .mde-pages-scope .ip-card--essential h3,.mde-pages-scope .ip-card-title{ font-size: 21px; }
  .mde-pages-scope .ip-icon{ width: 42px; height: 42px; font-size: 19px; }
  .mde-pages-scope .ip-title-row{ flex-direction: column; gap: 6px; }
  .mde-pages-scope .ip-status{ align-self: flex-start; }
  .mde-pages-scope .ip-photo-card{ padding: 18px; }
  .mde-pages-scope .ip-nearby-heading{ grid-template-columns: 44px 1fr; gap: 12px; }
  .mde-pages-scope .ip-nearby-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mde-pages-scope .ip-nearby-item{ min-height: 104px; }
  .mde-pages-scope .ip-btn--future{ width: 100%; }
}

/* v0.5 — pictogrammes alignés avec les titres des cartes d’accès */
.mde-pages-scope .ip-card-heading{ display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.mde-pages-scope .ip-card-heading .ip-card-title{ margin: 0; }


/* v0.6 — ajustements demandés */
.mde-pages-scope .ip-hero__lead + .ip-eyebrow{
  margin: 22px 0 0;
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--ip-yellow);
  color: var(--ip-blue-dark);
  font-size: 14px;
  font-weight: 700;
}
.mde-pages-scope .ip-icon-svg{ width: 28px; height: 28px; display: block; }
.mde-pages-scope .ip-nearby-footer{ justify-content: center; padding-top: 0; }
@media (max-width: 900px){
  .mde-pages-scope .ip-nearby-footer{ align-items: center; }
}
@media (max-width: 620px){
  .mde-pages-scope .ip-hero__lead + .ip-eyebrow{ margin-top: 18px; padding: 9px 14px; }
}

/* v0.7 — breathing room below the recognition heading */
.mde-pages-scope .ip-photo-card > .ip-title-row{ margin-bottom: 14px; }

/* v0.13: pictogrammes extraits de la maquette de référence */
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact{ width: 60px; height: 60px; min-height: 60px; display:grid; place-items:center; }
.mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact img{ width: 58px; height: 58px; object-fit: contain; display:block; }

/* v0.21 — navigation Combell, nouveau héros, liens magasin/Banneux et PMR */
.mde-pages-scope .ip-back-home{ padding-block: 12px; }
.mde-pages-scope .ip-back-home a,.mde-pages-scope .ip-photo-more a{ color: var(--ip-blue); font-weight: 700; text-decoration: none; }
.mde-pages-scope .ip-back-home a:hover,.mde-pages-scope .ip-back-home a:focus-visible,.mde-pages-scope .ip-photo-more a:hover,.mde-pages-scope .ip-photo-more a:focus-visible{ text-decoration: underline; }
.mde-pages-scope .ip-back-home--bottom{ padding-block: 20px 28px; }
.mde-pages-scope .ip-photo-more{ margin: 14px 18px 0 !important; }
.mde-pages-scope .ip-nearby-item{ text-decoration: none; }
.mde-pages-scope .ip-nearby-item:hover,.mde-pages-scope .ip-nearby-item:focus-visible{ border-color: rgb(27 83 126 / .38); box-shadow: 0 7px 16px rgb(31 62 84 / .10); transform: translateY(-1px); }
.mde-pages-scope .ip-nearby-item:focus-visible{ outline: 3px solid var(--ip-yellow); outline-offset: 2px; }
.mde-pages-scope .ip-btn--future{ cursor: pointer; }
.mde-pages-scope .ip-btn--future:hover,.mde-pages-scope .ip-btn--future:focus-visible{ background: #ffca3a; border-color: #ffca3a; }

/* IMG_9600 : privilégier le visage et le haut de la statue dans le bandeau panoramique. */
.mde-pages-scope .ip-hero__image{ object-position: center 22%; }

@media (max-width: 760px){
  .mde-pages-scope .ip-back-home{ padding-block: 10px; }
  .mde-pages-scope .ip-hero__image{ object-position: 48% center; }
}

/* v0.23 — héro : lignes maîtrisées et photo légèrement éclaircie. */
.mde-pages-scope .ip-hero__image{ filter: brightness(1.18) saturate(1.03); }

/* v0.25 — mise en valeur MDE et éclaircissement local doux de la Vierge. */
.mde-pages-scope .ip-hero__lead strong{ font-weight: 700; color: #fff; }
.mde-pages-scope .ip-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 62% 43%, rgb(255 255 255 / .17) 0%, rgb(255 255 255 / .08) 19%, rgb(255 255 255 / 0) 43%);
}
.mde-pages-scope .ip-hero__veil{ z-index: 0; }
.mde-pages-scope .ip-hero__inner{ z-index: 1; }
@media (max-width: 760px){
  .mde-pages-scope .ip-hero::after{ background: radial-gradient(ellipse at 52% 42%, rgb(255 255 255 / .13) 0%, rgb(255 255 255 / 0) 42%); }
}

/* v0.26 — IMG_9601 : cadrage validé, tête et mains de la Vierge visibles dans le héros. */
.mde-pages-scope .ip-hero__image{ object-position: center 20%; }
.mde-pages-scope .ip-hero::after{
  background: radial-gradient(ellipse at 52% 40%, rgb(255 255 255 / .17) 0%, rgb(255 255 255 / .08) 19%, rgb(255 255 255 / 0) 43%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: 50% 22%; }
  .mde-pages-scope .ip-hero::after{ background: radial-gradient(ellipse at 50% 40%, rgb(255 255 255 / .13) 0%, rgb(255 255 255 / 0) 42%); }
}

/* v0.26 correctif cadrage — IMG_9601 rapprochée selon la référence validée. */
@media (min-width: 761px){
  .mde-pages-scope .ip-hero__image{
    object-position: 50% 28%;
    transform: scale(1.62);
    transform-origin: 52% 34%;
  }
}

/* v0.29 — Harmonisation verticale des cartes FR/NL */
.mde-pages-scope .ip-grid--3 > .ip-card{
  display: flex;
  flex-direction: column;
}
.mde-pages-scope .ip-grid--3 > .ip-card > .ip-btn:last-child{
  margin-top: auto;
}


/* v0.30 — nouveau héros panoramique validé : cadrage naturel, texte à gauche sous voile bleu. */
.mde-pages-scope .ip-hero__image{
  object-position: center 43%;
  transform: none;
  filter: brightness(1.10) saturate(1.03);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg, rgb(8 44 72 / .90) 0%, rgb(8 44 72 / .72) 31%, rgb(8 44 72 / .30) 54%, rgb(8 44 72 / .08) 70%, rgb(8 44 72 / .02) 100%);
}
.mde-pages-scope .ip-hero::after{
  background: radial-gradient(ellipse at 52% 42%, rgb(255 255 255 / .12) 0%, rgb(255 255 255 / 0) 40%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: 52% center; transform: none; }
  .mde-pages-scope .ip-hero__veil{ background: linear-gradient(90deg, rgb(8 44 72 / .88), rgb(8 44 72 / .50)); }
}

/* v0.32 — essai héros plus lumineux : voile étroit et léger, image ancrée en haut, ombre discrète sur le texte. */
.mde-pages-scope .ip-hero__image{
  object-position: center top;
  filter: brightness(1.06) saturate(1.02);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg,
    rgb(8 44 72 / .58) 0%,
    rgb(8 44 72 / .44) 24%,
    rgb(8 44 72 / .20) 42%,
    rgb(8 44 72 / .06) 52%,
    rgb(8 44 72 / 0) 58%,
    rgb(8 44 72 / 0) 100%);
}
.mde-pages-scope .ip-hero h1,.mde-pages-scope .ip-hero__lead{
  text-shadow: 0 2px 5px rgb(0 0 0 / .42);
}
.mde-pages-scope .ip-hero::after{
  background: none;
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: center top; }
  .mde-pages-scope .ip-hero__veil{
    background: linear-gradient(90deg,
      rgb(8 44 72 / .66) 0%,
      rgb(8 44 72 / .48) 46%,
      rgb(8 44 72 / .20) 72%,
      rgb(8 44 72 / .08) 100%);
  }
}

/* v0.33 — héros depuis la panoramique d’origine : Vierge entière, plus grande et centrée. */
.mde-pages-scope .ip-hero__image{
  object-position: center 36%;
  transform: none;
  filter: brightness(1.14) saturate(1.16) contrast(1.03);
}
.mde-pages-scope .ip-hero__veil{
  background: linear-gradient(90deg,
    rgb(8 44 72 / .54) 0%,
    rgb(8 44 72 / .40) 23%,
    rgb(8 44 72 / .17) 40%,
    rgb(8 44 72 / .04) 50%,
    rgb(8 44 72 / 0) 57%,
    rgb(8 44 72 / 0) 100%);
}
@media (max-width: 760px){
  .mde-pages-scope .ip-hero__image{ object-position: center 36%; }
}

/* v0.34 — micro-ajustement desktop : voile légèrement allégé. */
@media (min-width: 761px){
  .mde-pages-scope .ip-hero__veil{
    background: linear-gradient(90deg,
      rgb(8 44 72 / .46) 0%,
      rgb(8 44 72 / .34) 23%,
      rgb(8 44 72 / .14) 40%,
      rgb(8 44 72 / .03) 50%,
      rgb(8 44 72 / 0) 57%,
      rgb(8 44 72 / 0) 100%);
  }
}


/* v0.35 — responsive : conserver la composition desktop, recentrer visuellement Marie et donner de l’air au texte.
   Le cadrage vertical, les tailles typographiques et le voile restent inchangés. */
@media (max-width: 1180px){
  .mde-pages-scope .ip-hero__image{
    width: 107%;
    left: -7%;
    right: auto;
    object-position: center 36%;
    transform: none;
  }
  .mde-pages-scope .ip-hero__inner{
    padding-left: clamp(18px, 4vw, 42px);
  }
}

/* v0.36 — responsive héros : conserver Marie au centre et la rapprocher sur les écrans plus étroits.
   Le texte, le voile, les tailles typographiques et le cadrage vertical restent inchangés. */
@media (max-width: 1180px){
  .mde-pages-scope .ip-hero__image{
    width: 100%;
    left: 0;
    right: 0;
    object-position: center 36%;
    transform: scale(1.22);
    transform-origin: 50% 36%;
  }
}

@media (max-width: 900px){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.40);
    transform-origin: 50% 36%;
  }
}

@media (max-width: 620px){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.58);
    transform-origin: 50% 36%;
  }
}


/* v0.37 — smartphone portrait uniquement : cadrage du héros rééquilibré et titre maintenu entièrement visible.
   Les autres formats restent strictement identiques à la v0.36. */
@media (max-width: 620px) and (orientation: portrait){
  .mde-pages-scope .ip-hero__image{
    transform: scale(1.36);
    transform-origin: 54% 36%;
    object-position: 54% 36%;
  }
  .mde-pages-scope .ip-hero h1{
    font-size: 39px;
  }
  .mde-pages-scope .ip-hero__inner{
    transform: translateY(34px);
  }
}

/* v0.46 — correction fidèle au langage graphique Saint Louis */
.mde-pages-scope{
  --mde-page-yellow:#FFD25F;
  --mde-blue:#0B4F8A;
  --mde-pastel-yellow:#fffef1;
  --mde-pastel-blue:rgba(226,242,255,.90);
  --mde-pastel-rose:rgba(255,255,255,.56);
}

/* Le JAUNE MDE est le fond réel de toute la page de contenu.
   v0.56 : règle volontairement limitée au composant MDE pour ne pas
   contaminer le body/main natif de PrestaShop lors de l’intégration. */
.mde-pages-scope .mde-design[data-mde-page="infos"],.mde-pages-scope .mde-design[data-mde-page="infos"] .infos-pratiques{
  background:#FFD25F !important;
}

/* Aucun grand cadre englobant. */
.mde-pages-scope .ip-section{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Cadres individuels : même bordure que Saint Louis. */
.mde-pages-scope .ip-card,.mde-pages-scope .ip-photo-card,.mde-pages-scope .ip-nearby-item{
  border:2px solid #0B4F8A !important;
  border-radius:12px !important;
  box-shadow:none !important;
  box-sizing:border-box;
}

/* Trois pastels distincts dans les cases — jamais le jaune chaud du fond. */
.mde-pages-scope .ip-card:nth-child(3n/**/+1),.mde-pages-scope .ip-nearby-item:nth-child(3n/**/+1){
  background:#fffef1 !important;
}
.mde-pages-scope .ip-card:nth-child(3n/**/+2),.mde-pages-scope .ip-nearby-item:nth-child(3n/**/+2){
  background:rgba(226,242,255,.90) !important;
}
.mde-pages-scope .ip-card:nth-child(3n),.mde-pages-scope .ip-nearby-item:nth-child(3n){
  background:rgba(255,255,255,.56) !important;
}

.mde-pages-scope .ip-photo-card{
  background:#fffef1 !important;
}

.mde-pages-scope .ip-section-title,.mde-pages-scope .ip-nearby-heading{
  text-decoration:none !important;
  box-shadow:none !important;
}

.mde-pages-scope .ip-heading-icon,.mde-pages-scope .ip-nearby-picto{
  box-shadow:none !important;
}







/* v0.49 — même distance titre → cadres que pour « À proximité » */
.mde-pages-scope .ip-section--essential .ip-grid{
  margin-top:24px !important;
}


/* v0.51 — zone « Préparez votre visite à Banneux » */
.mde-pages-scope .ip-nearby-heading{ align-items: start; }
.mde-pages-scope .ip-nearby-heading .ip-section-title{ margin-bottom: 5px; }
.mde-pages-scope .ip-nearby-intro{ margin: 0; line-height: 1.45; color: var(--ip-blue-dark); }
@media (min-width: 901px){
  .mde-pages-scope .ip-nearby-item{ min-height: 140px; padding-top: 14px; padding-bottom: 14px; }
  .mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact{ width: 72px; height: 72px; min-height: 72px; flex-basis: 72px; }
  .mde-pages-scope .ip-nearby-item .ip-nearby-picto--exact img{ width: 68px; height: 68px; object-fit: contain; display: block; }
}


/* ==========================================================
   v0.59 — harmonisation transversale des héros MDE
   ========================================================== */
.mde-pages-scope .ip-hero{
  width:min(1180px,100%);
  margin-inline:auto;
  min-height:390px;
}
.mde-pages-scope .ip-hero__inner{
  padding-block:54px;
  padding-inline:42px;
}
.mde-pages-scope .ip-hero h1{
  max-width:760px;
  font-size:clamp(46px,4.6vw,54px);
  line-height:1.04;
  text-wrap:balance;
}
.mde-pages-scope .ip-hero__lead{
  margin-top:18px;
  max-width:720px;
  font-size:20px;
  line-height:1.45;
}
.mde-pages-scope .ip-hero__veil{
  background:linear-gradient(90deg,
    rgb(7 57 103 / .88) 0%,
    rgb(7 57 103 / .68) 34%,
    rgb(7 57 103 / .25) 62%,
    rgb(7 57 103 / .08) 100%);
}
@media (max-width:760px){
  .mde-pages-scope .ip-hero{min-height:320px;}
  .mde-pages-scope .ip-hero__inner{padding:42px 24px;transform:none;}
  .mde-pages-scope .ip-hero h1{font-size:40px;line-height:1.08;}
  .mde-pages-scope .ip-hero__lead{font-size:18px;line-height:1.45;}
  .mde-pages-scope .ip-hero__veil{
    background:linear-gradient(90deg,rgb(7 57 103 / .82),rgb(7 57 103 / .38));
  }
}


/* v0.60 — aligner les liens Retour à l'accueil sur le bord du hero */
.mde-pages-scope .ip-back-home.ip-shell{
  width:min(1180px,100%);
}

/* v0.61 — correction réelle de l'alignement de la navigation.
   Le lien reprend exactement la même largeur de conteneur que le hero :
   20 px de marge de chaque côté sous 1180 px. */
.mde-pages-scope .ip-back-home.ip-shell{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}


/* ===== FINAL VALIDATED MDE HARMONISATION ===== */
/* Maison de l’Europe — harmonisation locale, septembre 2026.
   Chargé après les styles de chaque page. Photos et contenu conservés.
   Les sélecteurs sont limités au corps MDE pour préparer l’intégration au thème. */
.mde-pages-scope .mde-design{
  --mde-brand: #1b537e;
  --mde-deep: #123f61;
  --mde-gold: #ffd25f;
  --mde-paper: #fffdf6;
  --mde-mist: #e5efef;
  --mde-text: #2f3d49;
  --mde-border: rgba(27,83,126,.23);
  --mdle-blue: var(--mde-brand);
  --mdle-gold: var(--mde-gold);
  --mdle-yellow: var(--mde-gold);
  --ip-blue: var(--mde-brand);
  --ip-blue-dark: var(--mde-deep);
  --vb-blue: var(--mde-brand);
  --vb-blue-dark: var(--mde-deep);
  --pro-blue: var(--mde-brand);
  --mde-blue: var(--mde-brand);
  --mde-blue-dark: var(--mde-deep);
  --mde-line: 1px;
  --mde-radius: 14px;
  --mde-gap: 24px;
  margin: 0;
  background: #fff !important;
  color: var(--mde-text);
  font: 17px/1.6 Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
}
.mde-pages-scope .mde-design *,.mde-pages-scope .mde-design *::before,.mde-pages-scope .mde-design *::after{ box-sizing: border-box; }
.mde-pages-scope .mde-design :is(h1,h2,h3){ text-wrap: balance; }
.mde-pages-scope .mde-design p,.mde-pages-scope .mde-design li{ color: inherit; }
.mde-pages-scope .mde-design :is(a,button,input,summary):focus-visible{ outline: 3px solid var(--mde-brand); outline-offset: 4px; }
.mde-pages-scope .mde-design a{ text-underline-offset: .2em; }
.mde-pages-scope .mde-design :is(.ip-shell,.vb-shell){ width: min(1200px, calc(100% - 48px)); }
.mde-pages-scope .mde-design :is(.infos-pratiques,.vb-page,.pro-page){ width:min(1280px,100%); max-width:1280px; margin-inline:auto; }
.mde-pages-scope .mde-design :is(.mde-about,.mde-saint-page){ max-width: 1280px; margin-inline: auto; box-shadow: none; clip-path: none; background: var(--mde-paper); }
.mde-pages-scope .mde-design :is(.ip-hero h1,.vb-hero h1,.pro-hero h1,.about-hero h1,.saint-hero h1){
  font-family: Georgia,"Times New Roman",serif; font-size: clamp(40px,4.2vw,56px); font-weight: 400; line-height: 1.1;
}
.mde-pages-scope .mde-design :is(.ip-section-title,.vb-section h2,.vb-region h2,.pro-section h2,.pro-contact h2,.about-section-title,.about-timeline-head h2,.about-today-copy h2,.about-closing h2,.section-title){
  font-family: Georgia,"Times New Roman",serif; font-size: clamp(28px,3vw,36px); line-height: 1.18; font-weight: 400;
}
.mde-pages-scope .mde-design :is(.ip-hero__lead,.vb-hero p,.about-hero__lead){ color:#fff; font-size:22px; line-height:1.45; }
.mde-pages-scope .mde-design :is(.ip-hero h1,.vb-hero h1){ color:var(--mde-gold); }
.mde-pages-scope .mde-design .about-hero h1{ color:#fff; }
.mde-pages-scope .mde-design .vb-hero__content{ max-width:1200px; padding-block:52px; }
.mde-pages-scope .mde-design .vb-hero__content > *{ max-width:680px; }
.mde-pages-scope .mde-design .vb-hero::after{ background:linear-gradient(90deg,rgba(12,40,60,.78),rgba(12,40,60,.3) 64%,rgba(12,40,60,.06)); }
.mde-pages-scope .mde-design :is(.ip-card,.ip-photo-card,.ip-nearby-item,.vb-card,.vb-intro-card,.vb-region-item,.about-frame,.blue-frame,.pro-product,.pro-benefits article,.pro-conditions article,.pro-steps article){
  border:1px solid var(--mde-border) !important; border-radius:14px !important; box-shadow:none !important;
}
.mde-pages-scope .mde-design :is(.ip-btn,.vb-btn,.pro-btn,.btn,.pro-entry__button,.newsletter__submit){
  border-radius:7px; min-height:46px; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:700; line-height:1.35;
  display:inline-flex; align-items:center; justify-content:center; text-align:center; padding:11px 18px; white-space:normal;
}
.mde-pages-scope .mde-design :is(.ip-btn--primary,.vb-btn,.pro-btn,.btn--primary,.newsletter__submit){ background:var(--mde-brand); color:#fff; }
.mde-pages-scope .mde-design :is(.ip-btn--outline,.vb-btn--outline,.pro-btn--secondary){ background:#fff; color:var(--mde-brand) !important; border:1px solid var(--mde-brand); }
.mde-pages-scope .mde-design .pro-btn--gold{ background:var(--mde-gold); color:var(--mde-deep) !important; }
.mde-pages-scope .mde-design :is(.ip-back-home,.vb-topnav,.vb-bottomnav,.pro-home-nav,.about-back-home,.saint-back-home){ font-size:15px; line-height:1.5; padding-block:18px; }
.mde-pages-scope .mde-design :is(.ip-back-home,.vb-topnav,.vb-bottomnav,.pro-home-nav,.about-back-home,.saint-back-home) a{ color:var(--mde-brand); }
.mde-pages-scope .mde-design :is(.ip-card p,.ip-card li,.ip-photo-card p,.vb-section p,.vb-section li,.pro-benefits p,.pro-product p,.pro-conditions p,.pro-steps p){ font-size:16px; line-height:1.6; color:var(--mde-text); }

/* Infos pratiques v0.56 : référence chromatique MDE.
   Le jaune est assumé en fond pleine largeur ; le contenu reste centré.
   Les cartes retrouvent l’alternance crème / bleu pâle / champagne. */
.mde-pages-scope .mde-design[data-mde-page="infos"]{
  --mde-cream: #fffdf6;
  --mde-mist: #e5efef;
  --mde-champagne: #ffebb9;
  width:100%;
  background:var(--mde-gold) !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .infos-pratiques{
  width:100%;
  max-width:none;
  margin-inline:0;
  background:var(--mde-gold) !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-section{
  padding-block:36px;
  background:transparent !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-section--essential,.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-section--mobility,.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-section--nearby{
  background:transparent !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] :is(.ip-card,.ip-photo-card,.ip-nearby-item){
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--mde-text);
  border:2px solid var(--mde-brand) !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-card:nth-child(3n/**/+1),.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-nearby-item:nth-child(3n/**/+1),.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-photo-card{
  background:var(--mde-cream) !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-card:nth-child(3n/**/+2),.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-nearby-item:nth-child(3n/**/+2){
  background:var(--mde-mist) !important;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-card:nth-child(3n),.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-nearby-item:nth-child(3n){
  background:var(--mde-champagne) !important;
}
/* Infos pratiques v0.57 : actions secondaires plus visibles sans alourdir la page.
   Le bleu pâle reprend la teinte de la carte centrale ; au survol, le bleu MDE devient plein. */
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-btn--outline{
  background:var(--mde-mist) !important;
  color:var(--mde-brand) !important;
  border:1px solid var(--mde-brand) !important;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-btn--outline:hover,.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-btn--outline:focus-visible{
  background:var(--mde-brand) !important;
  color:#fff !important;
  border-color:var(--mde-brand) !important;
}

.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-nearby-item{ font-size:13px; }
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-nearby-item:hover{
  border-color:var(--mde-brand) !important;
}

/* Guide : une même alternance dans les deux langues, indépendante des ID. */
.mde-pages-scope .mde-design .vb-page{ background:var(--mde-paper); }
.mde-pages-scope .mde-design .vb-section{ padding-block:24px; }
.mde-pages-scope .mde-design .vb-section .vb-card{ background:#fff; }
.mde-pages-scope .mde-design .vb-section[data-mde-tone="cream"] .vb-card{ background:#fff5db; }
.mde-pages-scope .mde-design .vb-section[data-mde-tone="blue"] .vb-card{ background:var(--mde-mist); }
.mde-pages-scope .mde-design .vb-region{ background:var(--mde-mist); }
.mde-pages-scope .mde-design .vb-jump a{ border-color:var(--mde-border); border-radius:12px; }

/* Professionnels : accès direct aux conditions et inscription lisible. */
.mde-pages-scope .mde-design .pro-hero{ background:var(--mde-gold); }
.mde-pages-scope .mde-design .pro-section,.mde-pages-scope .mde-design .pro-contact{ padding:48px clamp(24px,4vw,48px); }
.mde-pages-scope .mde-design .pro-hero{ padding-inline:clamp(24px,4vw,48px); }
.mde-pages-scope .mde-design .pro-benefits h3{ height:auto; min-height:50px; }
.mde-pages-scope .mde-design .pro-benefits article{ border-top:3px solid var(--mde-gold) !important; }
.mde-pages-scope .mde-design .pro-season{ border-radius:14px; background:var(--mde-deep); }
.mde-pages-scope .mde-design .pro-season :is(h2,p,strong,.pro-eyebrow){ color:#fff; }
.mde-pages-scope .mde-design .pro-quicklinks{ display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:20px; font-size:15px; }
.mde-pages-scope .mde-design .pro-quicklinks a{ color:var(--mde-brand); font-weight:700; text-decoration:underline; }
.mde-pages-scope .mde-design .pro-account-help{ margin:24px 0 0; padding:20px 24px; border-left:4px solid var(--mde-brand); border-radius:7px; background:#fff; }
.mde-pages-scope .mde-design .pro-account-help p{ margin:0; }
.mde-pages-scope .mde-design .pro-account-help a{ font-weight:700; }

/* Histoire et article de newsletter : fonds clairs, cadres plus discrets. */
.mde-pages-scope .mde-design .about-timeline-head{ background:var(--mde-brand); }
.mde-pages-scope .mde-design .about-timeline-head :is(h2,p){ color:#fff; }
.mde-pages-scope .mde-design .about-section{ margin-top:28px; }
.mde-pages-scope .mde-design .about-hero{ box-shadow:none; }
.mde-pages-scope .mde-design .about-lightbox[aria-hidden="true"]{ display:none; }
.mde-pages-scope .mde-design .about-lightbox__image{ width:auto; height:auto; max-width:100%; max-height:86vh; background:transparent; }
.mde-pages-scope .mde-design .mde-saint-page{ padding:0 28px 32px; }
.mde-pages-scope .mde-design .saint-hero{ background:#fff5db; padding:30px; }
.mde-pages-scope .mde-design .saint-hero .hero-lead{ font:18px/1.55 Arial,Helvetica,sans-serif; }
.mde-pages-scope .mde-design .saint-hero .hero-subtitle{ font-size:21px; line-height:1.4; }
.mde-pages-scope .mde-design .mde-saint-page h2{ font-size:27px; line-height:1.2; font-weight:400; }
.mde-pages-scope .mde-design .intro-grid{ grid-template-columns:minmax(210px,.8fr) minmax(0,1.45fr) minmax(180px,.7fr); }
.mde-pages-scope .mde-design .story{ min-width:0; }
.mde-pages-scope .mde-design .story p{ max-width:70ch; }
.mde-pages-scope .mde-design .middle-grid{ grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr); }
.mde-pages-scope .mde-design .middle-grid .medieval-figure{ display:flex; align-items:center; justify-content:center; padding:20px; background:#fff; }
.mde-pages-scope .mde-design .middle-grid .medieval-figure img{ position:static; width:100%; height:auto; min-height:0; max-height:480px; object-fit:contain; }
.mde-pages-scope .mde-design .blue-frame{ background:#fff; }
.mde-pages-scope .mde-design :is(.facts,.today){ background:var(--mde-mist); }

/* Homepage : les images du héros restent intactes. */
.mde-pages-scope .mde-design .discover-card{ border:2px solid var(--mde-gold); border-radius:14px; box-shadow:0 5px 18px rgba(27,83,126,.08); }
.mde-pages-scope .mde-design .discover-card__title{ font-size:27px; font-weight:400; }
.mde-pages-scope .mde-design .discover-video__cover{ object-position:center top; }
.mde-pages-scope .mde-design .hero__tagline{ text-wrap:balance; }
.mde-pages-scope .mde-design .pro-entry__button{ border:1px solid var(--mde-gold); }
.mde-pages-scope .mde-design .review-card{ border-radius:14px; box-shadow:none; border:1px solid var(--mde-border); }
.mde-pages-scope .mde-design .welcome__content{ padding-block:32px; }
.mde-pages-scope .mde-design :is(.categories__inner,.discover__inner,.reviews__inner,.newsletter__inner){ max-width:1200px; }
.mde-pages-scope .mde-design .newsletter__input{ font-size:16px; min-height:46px; }
.mde-pages-scope .mde-design .newsletter__consent{ font-size:15px; line-height:1.5; }

@media (max-width:1000px){
  .mde-pages-scope .mde-design .intro-grid{ grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); }
  .mde-pages-scope .mde-design .facts{ grid-column:1/-1; }
}
@media (max-width:760px){
  .mde-pages-scope .mde-design{ font-size:16px; }
  .mde-pages-scope .mde-design :is(.ip-shell,.vb-shell){ width:calc(100% - 36px); }
  .mde-pages-scope .mde-design :is(.ip-hero h1,.vb-hero h1,.pro-hero h1,.about-hero h1,.saint-hero h1){ font-size:clamp(32px,8.7vw,40px); line-height:1.1; }
  .mde-pages-scope .mde-design :is(.ip-section-title,.vb-section h2,.vb-region h2,.pro-section h2,.pro-contact h2,.about-section-title,.about-timeline-head h2,.about-today-copy h2,.about-closing h2,.section-title){ font-size:29px; }
  .mde-pages-scope .mde-design :is(.ip-hero__lead,.vb-hero p,.about-hero__lead){ font-size:18px; }
  .mde-pages-scope .mde-design .vb-hero__content{ padding-block:36px; }
  .mde-pages-scope .mde-design .vb-hero h1{ text-align:left; transform:none; }
  .mde-pages-scope .mde-design .vb-hero-sub--mobile{ max-width:82%; }
  .mde-pages-scope .mde-design .vb-hero::after{ background:linear-gradient(90deg,rgba(12,40,60,.8),rgba(12,40,60,.18)); }
  .mde-pages-scope .mde-design .vb-intro{ padding-top:24px; }
  .mde-pages-scope .mde-design .vb-intro-card{ padding:20px; font-size:16px; }
  .mde-pages-scope .mde-design .vb-section{ padding-block:16px; }
  .mde-pages-scope .mde-design .vb-card{ padding:20px; gap:20px; }
  .mde-pages-scope .mde-design .vb-media{ order:0; }
  .mde-pages-scope .mde-design .vb-slider{ min-height:0; }
  .mde-pages-scope .mde-design .vb-slide{ height:230px; }
  .mde-pages-scope .mde-design :is(.ip-card,.ip-photo-card){ padding:20px; }
  .mde-pages-scope .mde-design .ip-section{ padding-block:28px; }
  .mde-pages-scope .mde-design .pro-hero{ padding:32px 20px; gap:16px; }
  .mde-pages-scope .mde-design .pro-hero__art{ height:150px; }
  .mde-pages-scope .mde-design .pro-hero__art img{ max-height:150px; width:auto; }
  .mde-pages-scope .mde-design .pro-section,.mde-pages-scope .mde-design .pro-contact{ padding:32px 20px; }
  .mde-pages-scope .mde-design .pro-benefits{ gap:14px; }
  .mde-pages-scope .mde-design .pro-benefits article{ min-height:0; padding:20px; }
  .mde-pages-scope .mde-design .pro-benefits h3{ min-height:0; height:auto; justify-content:flex-start; text-align:left; }
  .mde-pages-scope .mde-design .pro-product figure{ height:200px; }
  .mde-pages-scope .mde-design .pro-product__copy h3{ min-height:0; }
  .mde-pages-scope .mde-design .pro-quicklinks{ margin-top:16px; }
  .mde-pages-scope .mde-design :is(.mde-about,.mde-saint-page){ padding-inline:18px; }
  .mde-pages-scope .mde-design :is(.intro-grid,.middle-grid,.bottom-grid){ grid-template-columns:minmax(0,1fr); gap:20px; }
  .mde-pages-scope .mde-design .facts{ grid-column:auto; }
  .mde-pages-scope .mde-design .facts dl{ display:block; }
  .mde-pages-scope .mde-design .facts dl div{ border-right:0; }
  .mde-pages-scope .mde-design .saint-hero{ position:relative; display:block; padding:24px; }
  .mde-pages-scope .mde-design .hero-mark{ display:none; }
  .mde-pages-scope .mde-design .main-figure img{ height:auto; min-height:0; max-height:480px; object-fit:contain; }
  .mde-pages-scope .mde-design .middle-grid .medieval-figure{ min-height:0; padding:18px; }
  .mde-pages-scope .mde-design .middle-grid .medieval-figure img{ position:static; height:auto; max-height:500px; object-fit:contain; }
  .mde-pages-scope .mde-design .welcome{ padding-block:24px; }
  .mde-pages-scope .mde-design .welcome__content{ padding-block:12px; }
  .mde-pages-scope .mde-design .welcome__closing{ margin-top:18px; }
  .mde-pages-scope .mde-design .discover-card__title{ font-size:25px; }
}
@media (prefers-reduced-motion:reduce){
  .mde-pages-scope .mde-design{ scroll-behavior:auto; }
  .mde-pages-scope .mde-design *{ transition:none !important; }
}
/* Scroll lock only while a MDE gallery is open. */
body.mde-gallery-open{ overflow:hidden; }

/* Infos pratiques v0.58 : navigation haute/basse discrète.
   Le lien reste un lien texte sur le bandeau jaune, jamais un bouton encadré.
   Au clavier, le focus reste visible par un soulignement renforcé. */
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-back-home a{
  display:inline;
  padding:0;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--mde-brand) !important;
  text-decoration:none;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-back-home a:hover{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-back-home a:focus-visible{
  outline:none !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:underline;
  text-decoration-thickness:3px;
  text-underline-offset:5px;
}


/* v0.62 — alignement exact du lien "Retour à l'accueil" sur le hero.
   Le shell global vaut 1200 px, tandis que le hero Infos pratiques vaut 1180 px.
   On impose donc 1180 px ici, dans la feuille chargée en dernier. */
.mde-pages-scope .mde-design[data-mde-page="infos"] .ip-back-home.ip-shell{
  width:min(1180px,100%);
  margin-inline:auto;
}