/* V30 — rubriques autonomes et affichage mobile harmonisé */
.rmb-indep-page{padding:45px 0 90px;min-height:calc(100vh - 180px);background:var(--dark,#08090c);color:#f7f7f7}
.rmb-indep-page .rmb-subnav{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;color:#989eaa;text-transform:uppercase;margin-bottom:45px;letter-spacing:.12em}
.rmb-indep-page .rmb-subnav a{color:inherit;text-decoration:none}
.rmb-indep-page .rmb-subnav a:hover{color:var(--accent,#e3d600)}
.rmb-page-heading{text-align:left;max-width:1200px;margin-bottom:54px}
.rmb-page-heading h1{font-size:clamp(42px,7vw,98px);font-weight:900;line-height:1;letter-spacing:-.05em;margin:15px 0 25px}
.rmb-page-heading h1 em{font-style:normal;color:var(--accent,#e3d600)}
.rmb-page-heading p:last-child{font-size:clamp(15px,1.4vw,19px);color:#c9cad0}
.rmb-indep-page .gains, .rmb-indep-page .services{padding-top:20px}
.rmb-indep-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rmb-indep-page .embed-shell{min-height:550px}
.rmb-indep-page .rmb-reviews-frame{min-height:500px}
@media(max-width:720px){.rmb-indep-page{padding:25px 0 50px}.rmb-indep-page .services-grid{grid-template-columns:1fr}.rmb-page-heading{margin-bottom:20px}.rmb-indep-page .rmb-subnav{margin-bottom:20px}}

/* RMB V39 — Simulateur de gains agrandi sur l'accueil ET la page Reprogrammation.
   La source du simulateur et les donnees revendeurs ne sont pas modifiees.
   Ce correctif s'applique uniquement a la section #simulateur. */
@media (min-width: 1101px) {
  section.gains#simulateur > .shell {
    width: min(1640px, calc(100% - 76px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }
  section.gains#simulateur .embed-shell > iframe {
    height: 830px !important;
    min-height: 830px !important;
  }
}
section.gains#simulateur .embed-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: hidden;
}
section.gains#simulateur .embed-shell > iframe {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  border: 0;
}
@media (min-width: 721px) and (max-width: 1100px) {
  section.gains#simulateur > .shell {
    width: calc(100% - 42px) !important;
    max-width: none !important;
  }
  section.gains#simulateur .embed-shell > iframe {
    height: 750px !important;
    min-height: 750px !important;
  }
}
@media (max-width: 720px) {
  section.gains#simulateur > .shell {
    width: calc(100% - 24px) !important;
    max-width: none !important;
  }
  section.gains#simulateur .embed-shell {
    margin-top: 20px;
  }
  section.gains#simulateur .embed-shell > iframe {
    height: 630px !important;
    min-height: 630px !important;
  }
  section.gains#simulateur .embed-top {
    padding: 13px 12px;
    font-size: 11px;
    gap: 8px;
  }
  section.gains#simulateur .embed-top > span:last-child {
    display: none;
  }
}

/* RMB V40 — Catalogue marques déployé à la hauteur de la page.
   L'iframe appartient à ChiptuneMAP : aucun script tiers n'est modifié.
   Pour adapter à un futur catalogue : éditer uniquement les trois hauteurs ci-dessous. */
@media (min-width: 1101px) {
  section.gains#simulateur .embed-shell > iframe {
    height: 1900px !important;
    min-height: 1900px !important;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  section.gains#simulateur .embed-shell > iframe {
    height: 2300px !important;
    min-height: 2300px !important;
  }
}
@media (max-width: 720px) {
  section.gains#simulateur .embed-shell > iframe {
    height: 3800px !important;
    min-height: 3800px !important;
  }
}
/* Ne jamais bloquer le déploiement du cadre : garde son rendu et sa largeur V39. */
section.gains#simulateur .embed-shell {
  max-height: none !important;
}
/* Menu plus lisible sur les pages qui utilisent la navigation principale. */
@media (min-width: 1101px) {
  .site-head #mainNav { gap: clamp(9px, 1vw, 17px) !important; }
  .site-head #mainNav a {
    font-size: clamp(12px, 1vw, 14px) !important;
    letter-spacing: .005em !important;
    white-space: nowrap;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  .site-head #mainNav { gap: 10px !important; }
  .site-head #mainNav a { font-size: 11.5px !important; letter-spacing: 0 !important; }
}

/* RMB V42 — police de navigation mieux lisible, sans deformer le logo. */
@media (min-width:1500px){
  .site-head #mainNav{gap:clamp(10px,0.9vw,18px)!important}
  .site-head #mainNav a{font-size:15px!important;font-weight:850!important;letter-spacing:0!important}
}
@media (min-width:1150px) and (max-width:1499px){
  .site-head #mainNav{gap:clamp(6px,0.65vw,11px)!important}
  .site-head #mainNav a{font-size:13.5px!important;font-weight:850!important;letter-spacing:0!important}
}
@media (min-width:721px) and (max-width:1149px){
  .site-head #mainNav a{font-size:12px!important;font-weight:800!important}
}