.hilook-hh-shell,
.hilook-hh-shell *{box-sizing:border-box}
.hilook-hh-shell{width:100%;font-family:inherit;position:relative;z-index:9990}

/* Announcement bar */
.hilook-announcement{width:100%;height:var(--hl-ann-h);overflow:hidden;background:var(--hl-ann-bg);color:var(--hl-ann-color);display:flex;align-items:center;line-height:1}
.hilook-marquee-track{display:flex;width:max-content;min-width:100%;height:100%;will-change:transform;transform:translate3d(0,0,0);animation:none!important}
.hilook-marquee-set{display:flex;align-items:center;flex:0 0 auto;width:max-content;height:100%}
.hilook-announcement-item{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;white-space:nowrap;padding:0 calc(var(--hl-ann-gap)/2);min-width:max(260px,25vw);font-size:var(--hl-ann-font);font-weight:600;letter-spacing:.01em}
.hilook-announcement-icon{display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto}
.hilook-announcement-icon svg{display:block}

/* Main header */
.hilook-pro-header{width:100%;background:var(--hl-head-bg);border-bottom:1px solid var(--hl-head-border);position:relative;color:var(--hl-nav)}
.hilook-header-inner{width:100%;max-width:var(--hl-content);height:var(--hl-head-h);padding:0 var(--hl-side);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,var(--hl-search-w)) auto;align-items:center;gap:26px;position:relative}
.hilook-logo{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.hilook-logo img{display:block;width:auto;max-width:var(--hl-logo);height:auto;max-height:62px;object-fit:contain}
.hilook-desktop-nav{min-width:0}
.hilook-menu{list-style:none!important;margin:0!important;padding:0!important}
.hilook-menu-desktop{display:flex;align-items:center;gap:var(--hl-menu-gap);white-space:nowrap}
.hilook-menu li{position:relative;margin:0!important;padding:0!important}
.hilook-menu a{display:flex;align-items:center;gap:6px;color:var(--hl-nav);text-decoration:none!important;font-size:var(--hl-menu-font);font-weight:600;line-height:1.2;transition:color .2s ease}
.hilook-menu a:hover,.hilook-menu a:focus{color:var(--hl-nav-hover)}
.hilook-menu-desktop>.menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.hilook-menu-desktop .sub-menu{display:none;position:absolute;top:calc(100% + 18px);left:-18px;min-width:210px;padding:10px 0!important;margin:0!important;list-style:none;background:#fff;border:1px solid var(--hl-head-border);border-radius:8px;box-shadow:0 12px 30px rgba(10,42,68,.12);z-index:50}
.hilook-menu-desktop .menu-item-has-children:hover>.sub-menu,.hilook-menu-desktop .menu-item-has-children:focus-within>.sub-menu{display:block}
.hilook-menu-desktop .sub-menu a{padding:10px 18px;white-space:normal}

/* Search */
.hilook-search-desktop{width:var(--hl-search-w)}
.hilook-search{position:relative;width:100%;margin:0}
.hilook-search input[type="search"]{width:100%;height:42px;border:1px solid var(--hl-search-border);background:var(--hl-search-bg);border-radius:24px;padding:0 48px 0 16px;font:inherit;font-size:13px;color:#28445e;outline:none;box-shadow:none}
.hilook-search input[type="search"]:focus{border-color:var(--hl-nav-hover);box-shadow:0 0 0 2px color-mix(in srgb,var(--hl-nav-hover) 15%, transparent)}
.hilook-search input[type="search"]::placeholder{color:#9aa8b6;opacity:1}
.hilook-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0!important;background:transparent!important;padding:0!important;display:flex;align-items:center;justify-content:center;color:var(--hl-icon);font-size:22px;cursor:pointer;box-shadow:none!important}

/* Action icons */
.hilook-header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
.hilook-action,.hilook-mobile-toggle{position:relative;width:34px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:var(--hl-icon);padding:0;text-decoration:none!important;cursor:pointer;font-size:27px;box-shadow:none!important;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
/* Astra and some mobile browsers add a filled button background on tap/focus. Keep HiLook header controls transparent in every interaction state. */
.hilook-hh-shell button.hilook-mobile-toggle,
.hilook-hh-shell button.hilook-mobile-toggle:hover,
.hilook-hh-shell button.hilook-mobile-toggle:focus,
.hilook-hh-shell button.hilook-mobile-toggle:active,
.hilook-hh-shell button.hilook-mobile-toggle[aria-expanded="true"],
.hilook-hh-shell button.hilook-mobile-search-toggle,
.hilook-hh-shell button.hilook-mobile-search-toggle:hover,
.hilook-hh-shell button.hilook-mobile-search-toggle:focus,
.hilook-hh-shell button.hilook-mobile-search-toggle:active,
.hilook-hh-shell button.hilook-mobile-search-toggle[aria-expanded="true"]{background:transparent!important;background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}
.hilook-action:hover,.hilook-mobile-toggle:hover{color:var(--hl-nav-hover)}
.hilook-hh-shell button.hilook-mobile-toggle:focus{outline:none!important}
.hilook-hh-shell button.hilook-mobile-toggle:focus-visible,
.hilook-hh-shell button.hilook-mobile-search-toggle:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important;border-radius:6px}
.hilook-hh-shell .hilook-mobile-toggle svg,
.hilook-hh-shell .hilook-mobile-search-toggle svg{display:block;pointer-events:none}
.hilook-badge{position:absolute;top:1px;right:-2px;min-width:17px;height:17px;border-radius:999px;background:var(--hl-badge-bg);color:var(--hl-badge-color);font-size:10px;font-weight:700;line-height:17px;text-align:center;padding:0 4px;border:2px solid var(--hl-head-bg)}
.hilook-mobile-toggle,.hilook-mobile-search-toggle{display:none}
.hilook-mobile-panel{display:none;border-top:1px solid var(--hl-head-border);background:var(--hl-head-bg)}
.hilook-mobile-search-row{display:none;padding:10px var(--hl-side);border-top:1px solid var(--hl-head-border);background:var(--hl-head-bg)}
.hilook-mobile-search-row[hidden]{display:none!important}
.hilook-mobile-search-row:not([hidden]){display:block}

@media(max-width:1080px) and (min-width:922px){
  .hilook-header-inner{gap:18px;grid-template-columns:auto minmax(0,1fr) minmax(200px,240px) auto}
  .hilook-menu-desktop{gap:18px}
  .hilook-menu a{font-size:13px}
}

/* Mobile: logo is locked to the exact horizontal centre of the viewport/header. */
@media(max-width:921px){
  .hilook-announcement{height:var(--hl-ann-hm)}
  .hilook-announcement-item{min-width:max(245px,80vw);padding-left:28px;padding-right:28px}
  .hilook-header-inner{display:block;width:100%;max-width:none;padding-left:16px;padding-right:12px;position:relative}
  .hilook-mobile-toggle{display:inline-flex;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:25px;width:32px;z-index:3}
  .hilook-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:0;z-index:2;margin:0!important}
  .hilook-header-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);gap:8px;margin:0!important;z-index:3}
  .hilook-mobile-search-toggle{display:inline-flex}
  .hilook-action{font-size:25px;width:31px}
  .hilook-mobile-panel{position:absolute;left:0;right:0;top:100%;z-index:100;padding:8px 18px 14px;box-shadow:0 12px 24px rgba(8,42,70,.12)}
  .hilook-menu-mobile>li{border-bottom:1px solid var(--hl-head-border)}
  .hilook-menu-mobile>li:last-child{border-bottom:0}
  .hilook-menu-mobile a{padding:12px 4px;font-size:15px;justify-content:space-between}
  .hilook-menu-mobile .sub-menu{list-style:none;margin:0 0 8px 14px!important;padding:0!important}
  .hilook-menu-mobile .sub-menu a{font-size:14px;padding:9px 4px}
  .hilook-mobile-search-row{display:block}
}
@media(max-width:520px){
  .hilook-account-action{display:none!important}
  .hilook-header-actions{gap:4px}
  .hilook-logo img{max-height:52px}
}
@media(max-width:380px){
  .hilook-logo img{max-width:min(var(--hl-logom),94px)!important}
  .hilook-header-actions{gap:2px;right:8px}
  .hilook-action{width:28px;font-size:23px}
  .hilook-mobile-toggle{left:10px;width:30px}
}