/* Premier écran mobile : contenu volontairement allégé, actions disponibles en bas. */
.hero-mobile-eyebrow{display:none}
@media(max-width:800px){
  .hero{height:100svh;min-height:100svh;max-height:none;align-items:center}
  .hero-content{padding-top:82px;padding-bottom:68px}
  .hero-desktop-eyebrow,.hero .button-row,.hero-points{display:none}
  .hero-mobile-eyebrow{position:absolute;z-index:3;top:90px;left:max(16px,calc((100vw - 1180px)/2));display:flex;margin:0;font-size:.58rem;white-space:nowrap}
  .hero h1{max-width:none;font-size:clamp(2.15rem,10.5vw,3rem);letter-spacing:-.04em;white-space:normal}
  .hero .lead{margin:22px 0 0;font-size:.92rem;line-height:1.55}
  .booking-section{scroll-margin-top:72px}
  .mobile-actions a{display:flex;align-items:center;justify-content:center;gap:8px}
  .mobile-actions svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-actions .whatsapp-icon{width:18px;height:18px;flex-basis:18px;stroke-width:1.55}
}
@media(max-width:540px){
  .site-header .brand b{display:block;font-size:1rem}
  .hero-mobile-eyebrow{top:88px}
}
@media(max-width:540px) and (max-height:720px){
  .hero-content{padding-top:76px;padding-bottom:60px}
  .hero h1{font-size:clamp(1.9rem,9.5vw,2.5rem)}
  .hero .lead{margin:15px 0 0;font-size:.82rem;line-height:1.45}
}
@media(max-width:360px){.site-header .brand b{display:none}.hero-mobile-eyebrow{font-size:.54rem}}
