/* Visuel de la carte cadeau premium (page Professionnels) : petit, discret */
.mockup-carte{display:block;max-width:340px;margin:26px auto 4px}
.mockup-carte img{width:100%;height:auto;display:block}
@media(min-width:760px){.mockup-carte{max-width:400px}}

/* Titre « Composer mon cadeau » : centré, sur deux lignes, petite icône cadeau dorée */
.titre-cadeau{text-align:center;margin-top:60px}
.titre-cadeau svg{width:34px;height:34px;color:var(--or);display:block;margin:0 auto 12px}
.titre-cadeau h2{line-height:1.15}

/* Aucun texte ne déborde de l'écran, même avec un texte agrandi sur le téléphone */
html,body{overflow-x:hidden}
.duo > *,.produit > *,.gps > *,.footer-grid > *,.cols > *{min-width:0}
h1,h2,h3,p,a,li,summary,.eyebrow{overflow-wrap:break-word}
.footer a,.lien,.contact a{overflow-wrap:anywhere}

/* En-tête sur téléphone : FR | EN en haut à droite, à côté du logo et du menu (plus en bas du menu) */
.header .wrap{gap:8px}
.brand{min-width:0}
.mobile-droite{flex-shrink:0;gap:2px}
.langues .drapeau{display:inline-flex;align-items:center;padding:10px 3px;opacity:.45;line-height:0}
.langues .drapeau svg{display:block;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(245,241,232,.35)}
.langues .drapeau[aria-current]{opacity:1}
.langues .drapeau[aria-current] svg{box-shadow:0 0 0 1.5px var(--or)}
@media(max-width:959px){
  .mobile-droite .langues{display:inline-flex;gap:2px;margin-right:0}
  .mobile-droite .langues .drapeau{padding:12px 3px}
  .mobile-droite .langues .drapeau svg{width:18px;height:12px}
  .menu-mobile .langues-menu{display:none!important}
  .burger{width:42px}
}
@media(max-width:420px){.brand-txt b{letter-spacing:.12em}.brand-txt span{letter-spacing:.3em}}
@media(max-width:400px){.brand-txt b{font-size:.66rem;letter-spacing:.1em}.brand-txt span{font-size:.5rem;letter-spacing:.26em}.brand{gap:7px}.brand img{width:32px;height:35px}}

/* Textes centrés sur téléphone : accueil, professionnels, activation, pied de page */
@media(max-width:767px){
  .hero .wrap{text-align:center}
  .hero .gold-rule{margin:18px auto}
  .hero p{margin-left:auto;margin-right:auto}
  .pro-hero .duo > div:first-child{text-align:center}
  .pro-hero .gold-rule{margin:22px auto!important}
  .pro-hero .eyebrow{letter-spacing:.18em}
  .pro-hero .titre-page{font-size:clamp(1.8rem,8vw,2.4rem)}
  .page[data-page="activer"] .narrow > h1,.page[data-page="activer"] .narrow > .sub{text-align:center}
  .footer-grid > div:first-child{text-align:center}
  .footer-grid > div:first-child .brand{justify-content:center}
}

/* 2 nov. 2026 — Exemple gratuit (accueil + Nos roadbooks) */
.essai{display:flex;align-items:center;gap:22px;max-width:720px;margin:34px auto 8px;padding:22px 20px;border:1px solid var(--filet);border-radius:18px;background:var(--beige);text-align:left}
.essai-livre{flex:0 0 auto;width:112px;padding:0;border:0;background:none}
.essai-livre img{width:100%;height:auto;filter:drop-shadow(0 10px 14px rgba(1,14,30,.22))}
.essai-ey{font-size:.66rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--or-fonce)}
.essai-t{font-size:clamp(1.25rem,4.2vw,1.6rem);margin-top:6px}
.essai-s{margin-top:8px;font-size:.92rem;color:var(--texte-doux)}
.essai-btn{margin-top:14px;min-height:46px}
.essai-n{margin-top:8px;font-size:.78rem;color:var(--texte-doux)}
.rb-cat .essai{margin:22px auto 26px}
@media(max-width:560px){.essai{flex-direction:column;text-align:center;gap:14px;padding:22px 18px;margin:28px 16px 6px}.essai-livre{width:104px}.essai-btn{width:100%}.rb-cat .essai{margin:18px 0 22px}}