.language-switch {
  position: fixed; right: 22px; bottom: calc(88px + env(safe-area-inset-bottom)); z-index: 30;
  font-family: var(--sans), 'Nirmala UI', sans-serif;
}
.language-options {
  display: flex; gap: 2px; padding: 3px;
  border: 1px solid #dfbd7f80; border-radius: 30px;
  background: #14232ef5; box-shadow: 0 5px 22px #0003;
}
.language-options button {
  min-height: 30px; padding: 5px 10px; border: 0; border-radius: 25px;
  background: transparent; color: #f8eedf; font-size: 11px; line-height: 1.5;
}
.language-options button[aria-pressed="true"] { background: #dfbd7f; color: #14232e; }
.language-options button:hover { background: #ffffff20; }
.language-options button[aria-pressed="true"]:hover { background: #eed4a0; }
.language-options button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.language-status {
  position: absolute; right: 0; bottom: calc(100% + 10px);
  width: min(300px, calc(100vw - 40px)); margin: 0; padding: 14px 17px;
  border: 1px solid #e4ded2; border-radius: 14px; background: #fffdf8;
  color: #203746; font-size: 14px; line-height: 1.6; box-shadow: 0 5px 25px #0002;
}
@media (max-width: 600px) {
  .language-switch { right: 14px; bottom: calc(88px + env(safe-area-inset-bottom)); }
  .language-options button { padding-inline: 9px; }
}
html[lang="ml"] body { font-family: 'Nirmala UI', 'Noto Sans Malayalam', sans-serif; }
html[lang="ml"] h1, html[lang="ml"] h2, html[lang="ml"] h3 { line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; }
html[lang="ml"] .brand-name { font-family: 'Nirmala UI', 'Noto Sans Malayalam', sans-serif; font-size: 27px; }
html[lang="ml"] .brand small { letter-spacing: 0; font-size: 10px; }
html[lang="ml"] .nav-links > a { padding-inline: 12px; font-size: 13px; }
html[lang="ml"] .hero h1 { font-family: 'Nirmala UI', 'Noto Sans Malayalam', sans-serif; font-size: clamp(34px, 3.2vw, 46px); letter-spacing: 0; line-height: 1.5; max-width: 47%; }
html[lang="ml"] .hero-actions { flex-wrap: wrap; max-width: 47%; }
html[lang="ml"] .eyebrow { letter-spacing: 0; }
html[lang="ml"] .hero p { font-size: 16px; }
html[lang="ml"] .hero-location { letter-spacing: 0; }
@media (max-width: 1000px) {
  html[lang="ml"] .hero h1, html[lang="ml"] .hero-actions { max-width: 100%; }
}
@media (max-width: 600px) {
  html[lang="ml"] .brand-name { font-size: 22px; }
  html[lang="ml"] .brand small { font-size: 9px; }
  html[lang="ml"] .hero h1 { font-size: clamp(26px, 7.3vw, 32px); }
  html[lang="ml"] .page-head h1 { font-size: clamp(28px, 7.6vw, 36px); }
  html[lang="ml"] h2 { font-size: 29px; }
  html[lang="ml"] .welcome-copy h2, html[lang="ml"] .temple-copy h2 { font-size: 29px; }
  html[lang="ml"] .hero-actions { flex-wrap: wrap; }
  html[lang="ml"] .hero p { font-size: 15px; }
  html[lang="ml"] .brand-wordmark { min-width: 0; }
}
@media (max-width: 400px) {
  html[lang="ml"] .site-header .brand { flex: 1; min-width: 0; }
  html[lang="ml"] .site-header .brand-wordmark { flex: 1; }
  html[lang="ml"] .site-header .brand-name { font-size: clamp(15px, 4.7vw, 18px); overflow-wrap: anywhere; }
  html[lang="ml"] .site-header .menu-toggle { flex-shrink: 0; }
}
@media (min-width: 1021px) and (max-width: 1200px) {
  html[lang="ml"] .site-header .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 10px; flex-shrink: 0; border: 1px solid #dfbd7f70; background: transparent; }
  html[lang="ml"] .site-header .menu-toggle span { width: 22px; height: 1px; background: #fffaf0; }
  html[lang="ml"] .site-header nav { display: none; position: absolute; top: 94px; left: 0; right: 0; margin: 0 32px; padding: 20px; background: #102b3a; border: 1px solid #dfbd7f50; border-radius: 18px; box-shadow: 0 16px 32px #0002; align-items: stretch; gap: 16px; }
  html[lang="ml"] .site-header nav.is-open { display: flex; flex-direction: column; }
  html[lang="ml"] .site-header .nav-links { flex-direction: column; align-items: stretch; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
  html[lang="ml"] .site-header .nav-links > a { justify-content: flex-start; }
  html[lang="ml"] .site-header nav .nav-cta { width: 100%; margin: 0; }
}