/* Shared cross-locale alignment and narrow-desktop safeguards. */
html, body { max-width: 100%; overflow-x: clip; }

.topbar .nav,
.site-header .nav,
.topbar .container { min-width: 0; }

.global-language,
.nav-tools,
.nav-tools > *,
.language-trigger,
.commerce-cart-trigger,
.nav-tools .btn { box-sizing: border-box; }

.language-trigger,
.commerce-cart-trigger,
.nav-tools .btn { height: 44px; min-height: 44px; }

.nav-tools { flex: 0 0 auto; min-width: 0; align-items: center; }
.nav-tools .btn { margin: 0; }
.global-language {
  display: flex;
  align-items: center;
  align-self: stretch;
}

.hero-copy { min-width: 0; }
.hero-actions,
.hero-proof { width: 100%; max-width: 590px; box-sizing: border-box; }
.hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.hero-actions .btn { width: 100%; min-width: 0; padding-inline: 12px; text-align: center; white-space: normal; line-height: 1.2; }
.hero-proof > *,
.hero-test-grid > * { min-width: 0; }

.floating-whatsapp { right: max(18px, env(safe-area-inset-right)); max-width: calc(100vw - 36px); box-sizing: border-box; }
html[dir="rtl"] .floating-whatsapp {
  right: auto;
  left: max(18px, env(safe-area-inset-left));
}

@media (max-width: 1360px) {
  .topbar .nav { gap: 14px; }
  .topbar .brand { min-width: 205px; }
  .topbar .nav-links { gap: 15px; font-size: 10px; }
  .language-trigger { width: 44px; padding: 0; justify-content: center; }
  .language-trigger > span:not(.language-chevron),
  .language-trigger .language-chevron { display: none; }
  .nav-tools { gap: 7px; }
  .nav-tools .btn { padding-inline: 13px; font-size: 10px; }
}

@media (max-width: 1180px) {
  .topbar .brand { min-width: 180px; font-size: 38px; }
  .topbar .nav-links { gap: 12px; font-size: 9px; }
  .nav-tools .btn-whatsapp { display: none; }
}

@media (max-width: 900px) {
  .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .floating-whatsapp { right: 14px; bottom: 14px; }
}

@media (max-width: 520px) {
  .hero-actions { grid-template-columns: 1fr; }
  .hero-actions .btn { min-height: 46px; }
  .hero-proof { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; }
  .hero-proof img { width: 72px; max-width: 72px; }
}