/* Cabecera estilo SKF: izquierda menú+enlaces, centro logo, derecha acciones */
header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:80px;padding:0 4%;position:sticky;top:0}
header .brand{margin:0!important;justify-self:center;grid-column:2}
.hdr-left{display:flex;align-items:center;gap:10px;grid-column:1;justify-self:start}
.hdr-links{display:flex;gap:clamp(12px,1.5vw,26px);font-size:clamp(13px,1vw,15.5px);font-weight:600}
.hdr-links a,.hdr-contact{padding:8px 2px;border-bottom:2px solid transparent;transition:border-color .2s}
.hdr-links a:hover,.hdr-contact:hover,.hdr-links a[aria-current]{border-bottom-color:var(--orange)}
.hdr-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:clamp(6px,1.2vw,18px);font-size:clamp(14px,1.05vw,16px);font-weight:600}
.menu-toggle{display:inline-flex!important;order:0!important;margin:0!important}
.hdr-search,.hdr-icon{position:relative;display:inline-flex;align-items:center;gap:7px;border:0!important;background:none!important;padding:8px!important;color:inherit;box-shadow:none!important;border-radius:999px}
.hdr-search svg,.hdr-icon svg{width:22px;height:22px}
.hdr-icon b{position:absolute;top:0;right:-2px;margin:0;min-width:17px;height:17px;border-radius:9px;background:var(--orange);color:#fff!important;font-size:11px;line-height:17px;text-align:center;padding:0 4px}
.hdr-icon b:empty,.hdr-icon b:is([data-zero]){display:none}
.hdr-right .customer-menu>button{border:0!important;padding:6px 8px!important;display:flex;gap:5px;align-items:baseline;background:none}
.hdr-right .customer-menu>button span{display:none}
.hdr-right .customer-menu>button b{margin:0;color:inherit}
.hdr-searchbar{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px #0000001a;padding:14px 4%;grid-column:1/-1}
.hdr-searchbar[hidden]{display:none}
.hdr-searchbar form{display:flex;gap:10px;max-width:760px;margin:auto}
.hdr-searchbar input{flex:1;border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-size:16px}
.hdr-searchbar .primary{border-radius:999px}
body.is-home header:not(.scrolled) .hdr-search,body.is-home header:not(.scrolled) .hdr-icon{background:none;border:0;color:#fff}
body.is-home header:not(.scrolled) .hdr-icon b{color:#fff}
body.is-home header:not(.scrolled) .hdr-links a,body.is-home header:not(.scrolled) .hdr-contact{color:#fff}
body.is-home header:not(.scrolled) .customer-menu>button{border-left:0}
@media(max-width:1180px){.hdr-links,.hdr-contact,.hdr-search span{display:none}}
@media(max-width:560px){header{height:68px;padding:0 3%}.brand-logo{height:36px!important}.hdr-right .customer-menu>button b{font-size:0}.hdr-right .customer-menu>button b::before{content:'';display:block;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='4'/%3E%3Cpath d='M4.5 20c1-4 4-5.5 7.5-5.5S18.5 16 19.5 20'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='4'/%3E%3Cpath d='M4.5 20c1-4 4-5.5 7.5-5.5S18.5 16 19.5 20'/%3E%3C/svg%3E") center/contain no-repeat}#favorites{display:none}}
.hdr-right{flex-wrap:nowrap;white-space:nowrap;min-width:0}
.hdr-right .customer-menu>button{background:none!important;box-shadow:none!important}
@media(max-width:560px){header{gap:4px}.hdr-search{padding:6px!important}.hdr-icon,.hdr-right .customer-menu>button{padding:6px!important}.hdr-right{gap:0}.hdr-left{min-width:0}}
/* Menú desplegable de cuenta: texto oscuro legible sobre fondo blanco, también en la portada transparente */
header #customer-dropdown{color:#123a31;font-size:15px;min-width:240px}
header #customer-dropdown>button{background:#fff!important;color:#123a31!important;border:0!important;font-size:15px;font-weight:600;padding:13px 20px!important;border-radius:0!important;box-shadow:none!important}
header #customer-dropdown>button:hover,header #customer-dropdown>button:focus-visible{background:#e6f0ed!important;outline:none}
header #customer-dropdown>span{color:#4a5a55;font-size:13px}
header #customer-dropdown button:disabled{opacity:.55}