/* HEZELEKTRONIK v3.6.0 — unified cyan header, compact responsive navigation.
   This layer intentionally leaves rating counts and the approved-reviews API untouched. */
/* Rating highlight belongs to the brand palette, not to the yellow review-stars palette. */
.hez-top-proofbar{
  background:radial-gradient(ellipse 500px 135px at -8% 45%,rgba(51,202,224,.115),transparent 80%),
             linear-gradient(94deg,#0c242b 0%,#0c1e28 53%,#0a1c27 100%);
  border-top:1px solid rgba(79,213,230,.13);
  border-bottom:1px solid rgba(80,208,228,.20);
  box-shadow:inset 0 1px 0 rgba(117,241,255,.025);
}
/* Remove the old yellow line at the very left edge. Diffuse glow above replaces it. */
.hez-top-proofbar::before{display:none!important}
.hez-top-proofbar .hez-proofbar-icon{
  background:linear-gradient(135deg,rgba(54,218,235,.17),rgba(26,124,155,.08));
  border:1px solid rgba(91,221,240,.21);
  color:#84f0f5;
  box-shadow:inset 0 1px 0 rgba(131,240,251,.12);
}
.hez-top-proofbar .hez-proofbar-score strong{color:#c8faff;text-shadow:0 0 25px rgba(50,214,241,.12)}
.hez-top-proofbar .hez-proofbar-score small{color:#a4c8d4}
.hez-top-proofbar .hez-proofbar-wording strong{color:#f1fdff}
.hez-top-proofbar .hez-proofbar-link{color:#a2f1f6;border-color:rgba(91,223,235,.25)}
.hez-top-proofbar .hez-proofbar-inner:hover .hez-proofbar-link{border-color:rgba(103,234,243,.54);background:rgba(65,182,194,.12)}
/* Mobile nav is an intentional dark control aligned with the logo (no white floating square). */
.mobile-toggle{display:none}
@media (max-width:1050px){
 .site-header .nav{grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .site-header .brand{min-width:0;gap:10px;max-width:100%}
 .site-header .brand-copy{min-width:0}
 .site-header .brand-copy strong{white-space:nowrap}
 .site-header .brand-logo{flex-shrink:0}
 .site-header .mobile-toggle{
   display:inline-flex;align-items:center;justify-content:center;gap:10px;
   min-width:105px;height:46px;min-height:46px;padding:0 14px;
   border:1px solid rgba(93,220,235,.3);border-radius:14px;
   background:linear-gradient(150deg,rgba(26,67,79,.92),rgba(10,37,51,.96));
   color:#dcfaff;font-size:12px;font-weight:800;letter-spacing:.025em;
   box-shadow:inset 0 1px 0 rgba(180,249,255,.045),0 7px 20px rgba(0,0,0,.10);
   flex-shrink:0;appearance:none;cursor:pointer;
   transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
 }
 .site-header .mobile-toggle:hover{transform:none;border-color:rgba(110,230,244,.62);background:#123e4b}
 .site-header .mobile-toggle:focus-visible{outline:2px solid #86f4ff;outline-offset:3px}
 .site-header .mobile-toggle[aria-expanded="true"]{background:#164653;border-color:#68dbe7;box-shadow:0 0 0 3px rgba(75,214,230,.10)}
 .hez-menu-glyph{position:relative;display:block;width:19px;height:20px;flex:none}
 .hez-menu-glyph i{position:absolute;left:0;display:block;width:19px;height:2px;border-radius:4px;background:#7eeaf1;transition:transform .18s ease,opacity .18s ease,top .18s ease}
 .hez-menu-glyph i:first-child{top:3px}
 .hez-menu-glyph i:nth-child(2){width:13px;top:9px}
 .hez-menu-glyph i:last-child{top:15px}
 .mobile-toggle[aria-expanded="true"] .hez-menu-glyph i:first-child{top:9px;transform:rotate(45deg)}
 .mobile-toggle[aria-expanded="true"] .hez-menu-glyph i:nth-child(2){opacity:0;transform:scaleX(0)}
 .mobile-toggle[aria-expanded="true"] .hez-menu-glyph i:last-child{top:9px;transform:rotate(-45deg)}
 .hez-menu-label{white-space:nowrap}
 /* The dropdown overlays the page instead of moving the rating and hero downward. */
 .site-header .mobile-menu{
   position:absolute;left:auto;right:max(12px,calc((100vw - var(--max))/2));top:calc(100% + 8px);
   width:min(342px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;
   margin:0;padding:11px;border:1px solid rgba(85,213,229,.28);border-radius:19px;
   background:linear-gradient(155deg,#0d2532,#071924);
   box-shadow:0 24px 65px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset;
   z-index:100;
 }
 .site-header .mobile-menu.open{display:grid;gap:5px}
 .site-header .mobile-menu a{
   width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;
   text-align:left;padding:11px 14px;border-radius:11px;
   border:1px solid transparent;background:transparent;
   color:#deedf4;font-size:13px;font-weight:750;
 }
 .site-header .mobile-menu a::after{content:'↗';color:#79dbe7;font-size:15px;opacity:.65}
 .site-header .mobile-menu a:hover,.site-header .mobile-menu a:focus-visible{
   border-color:rgba(91,218,239,.20);background:rgba(45,168,186,.11);transform:none;
 }
}
@media (min-width:1051px){.site-header .mobile-menu.open{display:none}}
@media (max-width:420px){
 .site-header .nav{min-height:68px;gap:8px}
 .site-header .brand{gap:8px}
 .site-header .brand-logo{width:35px;height:35px}
 .site-header .brand-copy strong{font-size:clamp(14px,4.1vw,17px);letter-spacing:-.045em}
 .site-header .brand-copy span{font-size:7.5px;letter-spacing:.10em;white-space:nowrap}
 .site-header .mobile-toggle{min-width:85px;height:42px;min-height:42px;padding:0 10px;gap:7px;border-radius:12px;font-size:11px}
 .hez-menu-glyph{width:17px}.hez-menu-glyph i{width:17px}
 .hez-menu-glyph i:nth-child(2){width:12px}
}
@media (prefers-reduced-motion:reduce){.site-header .mobile-toggle,.hez-menu-glyph i{transition:none}}