/* uomo-child-watts/assets/watts-header.css:1 — cabecera Watts idéntica a la web nueva (cesta, checkout, cuenta, fichas) */
#wattsHd,#wattsHd a,#wattsHd button,#wattsHd input{font-family:Inter,Arial,sans-serif}
#wattsHd .ann{background:#0B0B0C;color:#fff;text-align:center;padding:10px;font-size:13px;font-weight:600}
#wattsHd .hd{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e7e5e4;z-index:50}
#wattsHd .hd-in{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;gap:22px;align-items:center}
#wattsHd .logo{font-family:Archivo,Arial,sans-serif;font-weight:900;font-size:22px;color:#0B0B0C;text-decoration:none}
#wattsHd .logo small{font-size:10px;color:#666;letter-spacing:.2em}
#wattsHd .menu{display:flex;gap:20px;font-weight:600;font-size:14px}
#wattsHd .mi{position:relative;padding:8px 0;cursor:pointer;color:#0B0B0C}
#wattsHd .mi>a{color:#0B0B0C;text-decoration:none}
#wattsHd .mi .mega{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e7e5e4;border-radius:16px;padding:20px;gap:28px;min-width:640px;box-shadow:0 20px 40px rgba(0,0,0,.12);z-index:60}
#wattsHd .mi:hover .mega{display:flex}
#wattsHd .mega h4{font-size:11px;letter-spacing:.1em;color:#888;margin-bottom:8px}
#wattsHd .mega a{display:block;padding:5px 0;color:#0B0B0C;text-decoration:none}
#wattsHd .mega a:hover{color:#FF4D00}
#wattsHd .mega-cta{background:#111;color:#fff;border-radius:12px;padding:16px;min-width:180px}
#wattsHd .mega-cta a{color:#FF7A1A!important;font-weight:700}
#wattsHd .act{margin-left:auto;display:flex;gap:8px;align-items:center}
#wattsHd .act button,#wattsHd .act a.icon{border:1px solid #e7e5e4;background:#fff;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#111;text-decoration:none}
#wattsHd .act svg{display:block}
#wattsHd .act .btn{width:auto;border-radius:999px;background:#111;color:#fff!important;padding:10px 18px;font-weight:700;text-decoration:none}
#wattsHd .burger{display:none;width:42px;height:42px;border:1px solid #e7e5e4;background:#fff;border-radius:50%;cursor:pointer;font-size:19px;color:#111;flex:none}
#wattsHd .search{display:none;padding:12px 24px;border-top:1px solid #eee;background:#fff}
#wattsHd .search.show{display:block}
#wattsHd .search input{width:100%;max-width:700px;margin:0 auto;display:block;padding:12px 18px;border-radius:999px;border:1px solid #ddd}
.mdraw{position:fixed;top:0;left:-320px;width:300px;max-width:85vw;height:100%;background:#fff;z-index:200;transition:left .3s;overflow:auto;padding:22px;box-shadow:20px 0 40px rgba(0,0,0,.15);color:#0B0B0C}
.mdraw.show{left:0}
.mdraw .x{width:38px;height:38px;border-radius:50%;border:1px solid #e7e5e4;background:#fff;cursor:pointer;font-size:16px;float:right}
.mdraw h4{font-size:11px;letter-spacing:.12em;color:#888;margin:18px 0 4px;clear:both}
.mdraw a{display:block;padding:10px 0;font-weight:700;border-bottom:1px solid #f0f0f0;font-size:15px;color:#0B0B0C;text-decoration:none}
.mdraw-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:190;display:none}
.mdraw-ov.show{display:block}
body.watts-hd-on #apus-header,body.watts-hd-on .apus-header,body.watts-hd-on .mobile-header,body.watts-hd-on #apus-header-mobile,body.watts-hd-on header.site-header{display:none!important}
@media(max-width:1000px){#wattsHd .burger{display:grid;place-items:center}#wattsHd .act .btn{display:none}#wattsHd .menu{display:none}}