/* Keep the existing Morphio presentation; give language controls room to wrap. */
.language-switcher { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px 18px; padding: 0 0 20px; margin: 0; font: 13px/1.5 var(--body); color: #b6b4c4; }
.language-switcher a { text-decoration: none; padding: 5px 0; }
.language-switcher a[aria-current="page"] { color: var(--text); text-decoration: underline; text-underline-offset: 5px; }
.language-switcher a:hover { color: var(--text); }
.language-switcher a:focus-visible, .store-badge:focus-visible { outline: 2px solid var(--text); outline-offset: 5px; }
.shell .topbar { padding-bottom: 18px; }
.shell .language-switcher { margin-bottom: 48px; }
.store-text { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 10px 22px; border: 1px solid #9c9cab; border-radius: 9px; background: #050507; color: #fff; font-size: 17px; font-weight: 600; }
.store-badge { text-decoration: none; }
.phone img { display: block; width: 100%; border-radius: 26px; }
html[lang^="pt"] .hero h1 { font-size: clamp(48px, 6.7vw, 87px); }
html[lang^="pt"] h1, html[lang^="pt"] h2, html[lang^="pt"] h3 { overflow-wrap: break-word; }
@media (max-width: 450px) {
  .topbar { gap: 15px; }
  .back { text-align: right; }
  html[lang^="pt"] .hero h1 { font-size: clamp(43px, 11vw, 50px); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }