/* hc-header (colomio-Adaption, MZ-GO 2026-08-12) */
#hc-hdr{--ink:#1b2030;--muted:#6b7280;--line:#eceef2;--acc:#f97316;--acc-bg:#fff7ed;
position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);
-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);
border-bottom:1px solid var(--line)}
#hc-hdr .hdr-in{display:flex;align-items:center;gap:18px;height:60px;max-width:1200px;margin:0 auto;padding:0 16px}
#hc-hdr .nav{display:flex;gap:20px;align-items:center}
#hc-hdr .nav a{color:var(--muted);font-weight:500;font-size:.95rem;text-decoration:none}
#hc-hdr .nav a:hover{color:var(--ink)}
#hc-hdr .menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;padding:0}
#hc-hdr .menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);margin:0 auto;transition:transform .25s,opacity .2s}
#hc-hdr .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#hc-hdr .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
#hc-hdr .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#hc-hdr .nav-caret{display:none}
#hc-hdr .nav-item{position:relative;display:flex;align-items:center}
#hc-hdr .nav-item>a{padding:18px 0}
#hc-hdr .nav-item .sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(16,24,40,.1);padding:10px;min-width:240px;z-index:60;max-height:72vh;overflow:auto}
#hc-hdr .nav-item:hover>.sub,#hc-hdr .nav-item:focus-within>.sub{display:block}
#hc-hdr .nav-item .sub a{display:block;padding:7px 10px;border-radius:8px;font-size:.9rem;color:var(--ink);white-space:nowrap}
#hc-hdr .nav-item .sub a:hover{background:var(--acc-bg);color:var(--acc)}
#hc-hdr .cs-open{margin-left:auto}
#hc-hdr .hdr-cta{flex:0 0 auto;display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap}
#hc-hdr .hdr-cta:hover{background:#ea6a0a;color:#fff}
#hc-hdr .hdr-user{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}
#hc-hdr .hdr-user:hover{background:var(--line)}
#hc-hdr .nav-cta{display:none}
#hc-hdr .logo{flex:0 0 auto;display:inline-flex;align-items:center}
#hc-hdr .logo img{height:34px;width:auto;display:block}
body.nav-lock{overflow:hidden}
@media(max-width:900px){
 #hc-hdr{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
 #hc-hdr .hdr-in{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}
 #hc-hdr .menu-btn{display:flex;grid-column:1;grid-row:1;justify-self:start}
 #hc-hdr .cs-open{grid-column:1;grid-row:1;justify-self:start;margin-left:52px}
 #hc-hdr .logo{grid-column:2;grid-row:1;justify-self:center}
 #hc-hdr .hdr-user{grid-column:3;grid-row:1;justify-self:end}
 #hc-hdr .hdr-cta{display:none}
 #hc-hdr .nav-cta{display:block}
 #hc-hdr .nav-cta>a{color:var(--acc);font-weight:700}
 #hc-hdr .nav{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:#fff;overflow:auto;z-index:49;padding:6px 0 40px}
 #hc-hdr .nav.open{display:block}
 #hc-hdr .nav.open .nav-item{display:block;position:relative;border-bottom:1px solid var(--line)}
 #hc-hdr .nav.open .nav-item>a{display:block;padding:15px 20px;font-size:1.05rem;font-weight:600;color:var(--ink)}
 #hc-hdr .nav-caret{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:60px;height:53px;border:none;background:none;font-size:1.05rem;color:var(--muted);cursor:pointer;transition:transform .25s}
 #hc-hdr .nav-item.open .nav-caret{transform:rotate(180deg)}
 #hc-hdr .nav-item .sub{display:none;position:static;border:none;box-shadow:none;border-radius:0;padding:0 0 8px 20px;min-width:0;max-height:none}
 #hc-hdr .nav-item.open .sub{display:block}
 #hc-hdr .nav-item .sub a{padding:9px 10px;color:var(--muted)}
}
