/* Mobile header + layout final fix — 2026-08-04 */
@media (max-width: 900px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.rm-menu-open{overflow:hidden!important}
  .rm-site-header{position:sticky!important;top:0!important;z-index:12000!important;width:100%!important}
  .rm-header-shell{width:calc(100% - 24px)!important;min-height:72px!important;height:72px!important;padding:7px 0!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important}
  .rm-brand{width:auto!important;min-width:0!important;max-width:190px!important;flex:0 1 190px!important;justify-content:flex-start!important}
  .rm-brand-mark{width:180px!important;height:56px!important;max-width:100%!important}
  .rm-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important}
  .rm-desktop-nav,.rm-header-actions{display:none!important}
  .rm-menu-toggle{display:inline-flex!important;width:46px!important;height:46px!important;border-radius:14px!important;border:1px solid rgba(22,63,51,.2)!important;background:rgba(255,255,255,.65)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;flex:0 0 46px!important;cursor:pointer!important;box-shadow:0 5px 14px rgba(22,63,51,.10)!important}
  .rm-menu-toggle span{display:block!important;width:21px!important;height:2px!important;border-radius:5px!important;background:#184b3b!important;transition:.25s ease!important}
  .rm-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .rm-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .rm-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .rm-menu-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(13,50,39,.43)!important;backdrop-filter:blur(3px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.25s ease!important;z-index:12001!important}
  .rm-menu-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .rm-mobile-drawer{display:flex!important;position:fixed!important;top:0!important;right:0!important;width:min(86vw,360px)!important;height:100dvh!important;background:linear-gradient(180deg,#edf8f2 0%,#dcefe5 100%)!important;z-index:12002!important;transform:translateX(105%)!important;transition:transform .28s ease!important;box-shadow:-18px 0 45px rgba(13,50,39,.20)!important;flex-direction:column!important;overflow-y:auto!important;padding:18px!important}
  .rm-mobile-drawer.is-open{transform:translateX(0)!important}
  .rm-mobile-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:15px!important;border-bottom:1px solid rgba(22,63,51,.14)!important}
  .rm-mobile-drawer-logo{width:190px!important;max-width:72%!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
  .rm-mobile-close{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(22,63,51,.2)!important;background:#fff!important;color:#184b3b!important;font-size:27px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important}
  .rm-mobile-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:18px 0!important}
  .rm-mobile-nav a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:49px!important;padding:10px 8px!important;border:1px solid rgba(22,63,51,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.62)!important;color:#184b3b!important;text-decoration:none!important;font-weight:750!important;font-size:13px!important;line-height:1.2!important}
  .rm-mobile-actions{margin-top:auto!important;display:grid!important;gap:10px!important;padding-top:14px!important;border-top:1px solid rgba(22,63,51,.14)!important}
  .rm-mobile-language{width:100%!important;height:46px!important;border:1px solid rgba(22,63,51,.2)!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;color:#184b3b!important;font-weight:700!important}
  .rm-mobile-action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border-radius:12px!important;text-decoration:none!important;font-weight:800!important}
  .rm-mobile-whatsapp{background:#25D366!important;color:#fff!important}
  .rm-mobile-instagram{color:#fff!important;background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045)!important}

  /* Home hero: centered, contained, no clipped content */
  .hero{min-height:auto!important;padding:54px 0 68px!important;align-items:flex-start!important;overflow:hidden!important}
  .hero .container{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 20px!important;text-align:center!important}
  .hero .container>div:first-child{width:100%!important;max-width:620px!important;margin:0 auto!important}
  .hero-curve,.hero-particles{display:none!important}
  .hero-eyebrow{display:inline-flex!important;max-width:100%!important;margin:0 auto 20px!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.55!important;font-size:11.5px!important;letter-spacing:.12em!important}
  .hero h1{font-size:clamp(36px,10vw,48px)!important;line-height:1.04!important;max-width:100%!important;margin:0 auto!important;text-align:center!important;overflow-wrap:anywhere!important}
  .hero p.lead{font-size:16px!important;line-height:1.7!important;max-width:560px!important;margin:22px auto 0!important;text-align:center!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:390px!important;margin:30px auto 0!important}
  .hero-actions .btn{width:100%!important;max-width:100%!important;min-height:54px!important;justify-content:center!important;text-align:center!important;padding:14px 18px!important;white-space:normal!important}
  .hero-instagram-card{display:flex!important;width:100%!important;max-width:390px!important;margin:18px auto 0!important;padding:13px 16px!important;text-align:left!important;box-sizing:border-box!important}
  .hero-instagram-text{min-width:0!important}
  .hero-instagram-text strong,.hero-instagram-text span{white-space:normal!important;overflow-wrap:anywhere!important}
  .quiz-trigger{display:flex!important;max-width:390px!important;margin:20px auto 0!important;justify-content:center!important;text-align:center!important;line-height:1.45!important;white-space:normal!important}
  .hero-meta{max-width:390px!important;margin:28px auto 0!important;justify-content:center!important;text-align:center!important;flex-wrap:wrap!important;line-height:1.5!important}
  .hero-tagline{margin:14px auto 0!important;text-align:center!important}

  /* Generic page sections: keep content centered and inside viewport */
  .container{max-width:100%!important;box-sizing:border-box!important}
  .visage,.corps,.results,.about,.services,.why,.reviews,.contact,.blog-teaser{overflow:hidden!important}
  .visage .section-head,.corps .section-head,.results .section-head,.about .section-head,.blog-teaser .section-head{max-width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
}
@media (max-width:480px){
  .rm-header-shell{width:calc(100% - 18px)!important;height:68px!important;min-height:68px!important}
  .rm-brand{max-width:165px!important;flex-basis:165px!important}
  .rm-brand-mark{width:160px!important;height:52px!important}
  .rm-menu-toggle{width:44px!important;height:44px!important;flex-basis:44px!important}
  .hero{padding:44px 0 58px!important}
  .hero .container{padding:0 16px!important}
  .hero h1{font-size:clamp(34px,10.2vw,42px)!important}
  .hero p.lead{font-size:15px!important;line-height:1.65!important}
  .hero-actions,.hero-instagram-card,.quiz-trigger,.hero-meta{max-width:100%!important}
  .rm-mobile-drawer{width:min(90vw,350px)!important;padding:15px!important}
  .rm-mobile-nav{gap:8px!important}
  .rm-mobile-nav a{font-size:12.5px!important;min-height:47px!important}
}

/* FINAL mobile menu placement correction — 2026-08-04 */
@media (max-width:900px){
  .rm-site-header{position:sticky!important;top:0!important;min-height:76px!important;overflow:visible!important}
  .rm-header-shell{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:76px!important;height:76px!important;padding:6px 64px 6px 12px!important;box-sizing:border-box!important}
  .rm-brand{display:flex!important;width:auto!important;min-width:0!important;max-width:230px!important;flex:0 1 230px!important;margin:0 auto!important;align-items:center!important;justify-content:center!important}
  .rm-brand-mark{width:220px!important;max-width:100%!important;height:62px!important;margin:0 auto!important}
  .rm-brand-mark img{object-position:center center!important}
  .rm-menu-toggle{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:12010!important;display:inline-flex!important}
  .rm-menu-toggle[aria-expanded="true"]{transform:translateY(-50%)!important}
}
@media (max-width:480px){
  .rm-site-header{min-height:72px!important}
  .rm-header-shell{min-height:72px!important;height:72px!important;padding:5px 58px 5px 8px!important}
  .rm-brand{max-width:205px!important;flex-basis:205px!important}
  .rm-brand-mark{width:200px!important;height:58px!important}
  .rm-menu-toggle{right:8px!important;width:44px!important;height:44px!important}
}
