.language-picker { position: relative; flex-shrink: 0; font: inherit; }
.language-picker summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 8px 11px; border: 1px solid #c6b695; color: #173f35; cursor: pointer; list-style: none; background: #fffdf8; font-size: 12px; font-weight: 600; }
.language-picker summary::-webkit-details-marker { display: none; }
.language-picker summary::after { content: '⌄'; font-size: 12px; }
.language-picker img { width: 20px; height: 14px; object-fit: cover; box-shadow: 0 0 0 1px #0002; }
.language-options { position: absolute; z-index: 100; top: calc(100% + 8px); right: 0; min-width: 164px; padding: 5px; border: 1px solid #c6b695; background: #fffdf8; box-shadow: 0 8px 24px #173f3514; }
.language-options a { display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: #173f35; white-space: nowrap; font: 13px/1.4 Arial, sans-serif; text-decoration: none; }
.language-options a:hover, .language-options a[aria-current="true"] { background: #eee9dd; }
.language-picker summary:focus-visible, .language-options a:focus-visible { outline: 2px solid #173f35; outline-offset: 3px; }
html[lang="es"] .hero-luxury h1 { font-size: clamp(42px, 4.3vw, 72px); }
html[lang="es"] .brand-sub { max-width: 160px; white-space: normal; font-size: 10px; }
html[lang="es"] .nav-links { gap: 18px; }
html[lang="es"] .nav-quote { padding-inline: 14px; }
html[lang="es"] .nav-actions { gap: 10px; }
html[lang="es"] .card-body, html[lang="es"] .product-grid .card-body { overflow-wrap: anywhere; }
@media (min-width: 961px) and (max-width: 1200px) { html[lang="es"] .nav-actions > .whatsapp-link { display: none; } }
@media (min-width: 961px) and (max-width: 1200px) { .luxury-site .nav-actions > .whatsapp-link { display: none; } .luxury-site .nav-links { gap: 16px; } }
@media (max-width: 640px) { .language-picker summary { min-height: 36px; padding: 6px 9px; } html[lang="es"] .brand-sub { max-width: 125px; font-size: 9px; } }

/* Keep the brand and contact controls in separate, stable boxes on small screens. */
@media (max-width: 640px) {
 .luxury-site .nav { gap: 10px; }
 .luxury-site .brand, .luxury-site .nav-actions { flex-shrink: 0; }
 .luxury-site .nav-actions { gap: 6px; }
 .luxury-site .whatsapp-link { min-width: 80px; height: 44px; padding-inline: 10px; flex-shrink: 0; }
 .luxury-site .language-picker summary { min-height: 44px; padding: 6px; gap: 5px; }
 .luxury-site .menu-toggle { width: 44px; min-width: 44px; height: 44px; padding: 0; flex-shrink: 0; }
}
@media (max-width: 400px) {
 .luxury-site .brand img { display: none; }
}
@media (max-width: 360px) {
 .luxury-site .language-picker summary img { display: none; }
}