/* V238 — 12-language localization and mobile line-break QA layer */
:root{--font-ar:"Noto Sans Arabic",Arial,sans-serif;--font-th:"Noto Sans Thai","Noto Sans",Arial,sans-serif}
html[lang="ar"] body{font-family:var(--font-ar);direction:rtl}
html[lang="th"] body{font-family:var(--font-th)}
html[lang="ar"] :where(h1,h2,h3,h4,p,li,dd,dt,summary,label,button){text-align:start}
html[lang="ar"] .hero-copy-center :where(h1,p),html[lang="ar"] .page-hero :where(h1,p,.eyebrow){text-align:center}
html[lang="ar"] .skiin-preview,html[lang="ar"] .skiin-preview *{direction:ltr;text-align:left}
html[lang="ar"] :where(code,kbd,.tech-token,[data-tech]){direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .back-link{direction:rtl}
html[lang="ar"] .back-link>span{order:0}
html[lang="ar"] :where(h1,h2,h3,h4,h5,h6,.marketing-title){word-break:normal;overflow-wrap:break-word;text-wrap:balance;line-height:1.25}
html[lang="th"] :where(h1,h2,h3,h4,h5,h6,.marketing-title){word-break:normal;overflow-wrap:break-word;text-wrap:balance;line-height:1.25}
html[lang="tr"],html[lang="es"],html[lang="pt-BR"],html[lang="fr"],html[lang="ru"],html[lang="de"]{hyphens:none}
html[lang="tr"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="es"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="pt-BR"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="fr"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="ru"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="de"] :where(h1,h2,h3,h4,h5,h6,.marketing-title){word-break:normal;overflow-wrap:normal;text-wrap:balance}
html[lang="ar"] :where(p,li,dd,dt,summary),html[lang="th"] :where(p,li,dd,dt,summary),html[lang="tr"] :where(p,li,dd,dt,summary),html[lang="es"] :where(p,li,dd,dt,summary),html[lang="pt-BR"] :where(p,li,dd,dt,summary),html[lang="fr"] :where(p,li,dd,dt,summary),html[lang="ru"] :where(p,li,dd,dt,summary),html[lang="de"] :where(p,li,dd,dt,summary){overflow-wrap:break-word;text-wrap:pretty}
.langmenu,.lang-menu{max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain}
.langmenu a,.lang-menu a{white-space:nowrap}
@media(max-width:640px){
  html[lang="es"] .hero-experience .hero h1 .hero-title-line,
  html[lang="pt-BR"] .hero-experience .hero h1 .hero-title-line,
  html[lang="fr"] .hero-experience .hero h1 .hero-title-line,
  html[lang="ru"] .hero-experience .hero h1 .hero-title-line,
  html[lang="de"] .hero-experience .hero h1 .hero-title-line,
  html[lang="ar"] .hero-experience .hero h1 .hero-title-line,
  html[lang="th"] .hero-experience .hero h1 .hero-title-line,
  html[lang="tr"] .hero-experience .hero h1 .hero-title-line{
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;width:auto!important;max-width:100%!important;
  }
  html[lang="ar"] .hero-experience .hero-copy-center h1,
  html[lang="th"] .hero-experience .hero-copy-center h1,
  html[lang="tr"] .hero-experience .hero-copy-center h1,
  html[lang="es"] .hero-experience .hero-copy-center h1,
  html[lang="pt-BR"] .hero-experience .hero-copy-center h1,
  html[lang="fr"] .hero-experience .hero-copy-center h1,
  html[lang="ru"] .hero-experience .hero-copy-center h1,
  html[lang="de"] .hero-experience .hero-copy-center h1{font-size:clamp(28px,8.2vw,38px)!important;line-height:1.14!important}
  .contact-card,.legal-card,.clinic-card{min-width:0}
  .contact-card :where(input,select,textarea,button),.review-card :where(button){max-width:100%}
  .footer-saas-column a,.footer-saas-heading{overflow-wrap:break-word}
}

/* V238.1 — fixes found by 375/430px rendered QA */
.contact-honey{
  position:absolute!important;
  left:auto!important;right:auto!important;top:0!important;
  inset-inline-start:0!important;
  width:1px!important;height:1px!important;min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;
  overflow:hidden!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;opacity:0!important;pointer-events:none!important;
}
html[lang="ar"] .subpage-nav .lang-switch .lang-menu{
  left:0!important;right:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;
}
html[lang="ar"] .clinic-page .langbox .langmenu{
  left:0!important;right:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;
}
@media(max-width:640px){
  html[lang="en"] .hero-experience .hero h1 .hero-title-line,
  html[lang="ko-KR"] .hero-experience .hero h1 .hero-title-line{
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;width:auto!important;max-width:100%!important;
  }
  html[lang="en"] .hero-experience .hero-copy-center h1,
  html[lang="ko-KR"] .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;line-height:1.14!important;
  }
  html[lang="ko-KR"] .hero-experience .hero h1 .hero-title-line{word-break:keep-all!important;overflow-wrap:break-word!important}
}
/* V238.2 — RTL menu physical positioning; keep after logical-property rules */
html[lang="ar"] .subpage-nav .lang-switch .lang-menu,
html[lang="ar"] .clinic-page .langbox .langmenu{
  right:auto!important;
  left:0!important;
}

/* V238.3 — deliberate mobile hero breaks for long localized headlines */
.hero-mobile-break{display:none!important}
@media(max-width:640px){
  .hero-experience .hero h1 .hero-mobile-break{display:block!important}
}


/* V240 — authored hero line breaks. Do not auto-wrap or shrink localized Hero copy. */
@media(max-width:640px){
  .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;
    line-height:1.14!important;
  }
  .hero-experience .hero h1 .hero-title-line{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-wrap:nowrap!important;
  }
  .hero-experience .hero h1 .hero-mobile-break{
    display:block!important;
    width:0!important;
    height:0!important;
  }
}
/* V240.1 — final specificity lock for manually authored mobile Hero lines */
@media(max-width:640px){
  html[lang] .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;
    line-height:1.14!important;
  }
  html[lang] .hero-experience .hero h1 .hero-title-line{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-wrap:nowrap!important;
  }
}