.language-control{position:relative;flex-shrink:0;z-index:25;color:var(--ink,#163b39);font-family:Arial,Helvetica,sans-serif}.language-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.language-toggle:hover,.language-toggle[aria-expanded=true]{background:#edf1ee}.language-code{font-size:10px;font-weight:600;letter-spacing:.05em}.language-options{position:absolute;right:0;top:calc(100% + 10px);width:215px;padding:14px;background:#fff;border:1px solid #dde5de;border-radius:16px;box-shadow:0 14px 45px #163b3926}.language-options[hidden]{display:none}.language-options p{font-size:11px;color:#65706d;margin:0 8px 10px;letter-spacing:.06em}.language-options button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;font-size:15px;cursor:pointer}.language-options button[aria-pressed=true]{background:#edf3ef;font-weight:600}.language-options button span{visibility:hidden}.language-options button[aria-pressed=true] span{visibility:visible}.language-control button:focus-visible{outline:2px solid #205c51;outline-offset:3px}.language-status{display:block;font-size:12px;line-height:1.5;margin-top:6px}.language-status:empty{display:none}.language-floating{position:fixed;top:14px;right:20px}.language-floating .language-toggle{background:#fff;box-shadow:0 2px 12px #163b391a}
html[lang=es] .nav-shell{gap:16px}html[lang=es] .nav-shell nav{gap:20px}html[lang=es] .header-contact{white-space:nowrap}html[lang=es] .product-info h3{overflow-wrap:normal}html[lang=es] .merch-details h2{overflow-wrap:anywhere}
@media(max-width:1100px){html[lang=es] .nav-shell nav{gap:12px}html[lang=es] .nav-shell{gap:10px;padding-inline:24px}.language-code{display:none}}
@media(max-width:700px){.language-toggle{padding:8px;min-width:40px}.language-control{margin-left:auto}.language-options{position:fixed;top:74px;right:12px}.language-floating .language-options{top:64px}html[lang=es] .nav-shell{gap:8px;padding-inline:16px}html[lang=es] .header-contact{font-size:11px;padding:11px 14px}html[lang=es] .hero h1{font-size:clamp(50px,13vw,75px)}}
@media(max-width:1250px){
 .nav-shell:has(.language-control){display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:0 10px;padding:0 18px}
 .nav-shell:has(.language-control)>.brand{grid-column:1;grid-row:1;justify-self:start}
 .nav-shell:has(.language-control)>.language-control{grid-column:4;grid-row:1;margin:0}
 .nav-shell:has(.language-control)>.header-account{grid-column:3;grid-row:1}
 .nav-shell:has(.language-control)>.header-contact{grid-column:2;grid-row:1}
 .nav-shell:has(.language-control)>.header-services{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:8px;width:100%;border-top:1px solid #e8ece6;overflow-x:auto;padding:14px 0}
 .nav-shell:has(.language-control)>.header-services a{white-space:nowrap;flex:none}
 .language-options{position:fixed;top:62px;right:16px}
}
@media(max-width:420px){.nav-shell:has(.language-control){gap:0 6px}.nav-shell:has(.language-control)>.brand img{width:66px}.nav-shell:has(.language-control)>.header-contact{font-size:11px;padding:10px 12px}.nav-shell:has(.language-control)>.header-account{font-size:12px}}

/* Keep utility icons independent of the centered product navigation. */
.nav-shell .header-account{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border-radius:9px;flex-shrink:0}
.nav-shell .header-account:hover{background:#edf1ee}
.nav-shell .header-account:focus-visible{outline:2px solid #205c51;outline-offset:3px}
@media(min-width:1251px){
 .nav-shell:has(.language-control){gap:12px}
 .nav-shell:has(.language-control)>.brand{margin-right:auto}
 .nav-shell:has(.language-control)>.header-services{position:absolute;left:50%;transform:translateX(-50%);width:max-content;gap:24px}
 .nav-shell:has(.language-control)>.header-contact{order:1}
 .nav-shell:has(.language-control)>.header-account{order:2}
 .nav-shell:has(.language-control)>.language-control{order:3}
}

.header-account-initial{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#8f7065;color:white;font-size:16px;font-weight:400;line-height:1}
.account-header .language-control{margin:0}
.account-header .language-options{position:absolute;top:calc(100% + 10px);right:0}
@media(max-width:600px){.account-header{flex-wrap:wrap;gap:16px}.account-header nav{width:100%;justify-content:flex-end;gap:16px}.account-header nav a{font-size:14px}}
