/* KKAA Solutions — global site header (single source: /partials/header.php). Mobile-first; fully isolated from page CSS. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}

header.kh{
  --kh-h:64px;--kh-bg:rgba(4,20,40,.78);--kh-bg-solid:rgba(4,20,40,.97);--kh-line:rgba(148,163,184,.14);
  --kh-text:#eef4fa;--kh-muted:#a9b8c9;--kh-accent:#0ea5a0;--kh-accent-2:#14c4bd;--kh-ink:#00272b;--kh-panel:#0a1d31;
  position:sticky;top:0;left:0;right:0;z-index:1000;display:block;width:100%;height:auto;margin:0;padding:0;
  background:var(--kh-bg);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);
  border:0;border-bottom:1px solid var(--kh-line);box-shadow:none;transition:background-color .2s,box-shadow .2s;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.4;
  letter-spacing:normal;text-transform:none;text-align:left;color:var(--kh-muted);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  opacity:1;transform:none;float:none;
}
header.kh.is-scrolled{background:var(--kh-bg-solid);box-shadow:0 10px 30px -12px rgba(0,0,0,.55)}
header.kh *,header.kh *::before,header.kh *::after{box-sizing:border-box;margin:0;padding:0;font-family:inherit;letter-spacing:inherit;text-transform:none;float:none}
header.kh a,header.kh button{font:inherit;color:inherit;text-decoration:none;background:none;border:0;border-radius:0;box-shadow:none;outline-offset:3px;-webkit-tap-highlight-color:transparent;cursor:pointer}
header.kh a:focus-visible,header.kh button:focus-visible{outline:2px solid var(--kh-accent);outline-offset:2px;border-radius:8px}
header.kh svg{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
header.kh img{display:block;max-width:none;border:0}

.kh-skip{position:fixed;left:16px;top:-80px;z-index:1100;padding:10px 16px;border-radius:10px;background:#0ea5a0;color:#00272b;font:600 14px/1.2 Inter,-apple-system,"Segoe UI",sans-serif;text-decoration:none;transition:top .15s}
.kh-skip:focus{top:12px}

header.kh .kh-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1240px;height:var(--kh-h);margin:0 auto;padding:0 16px}
header.kh .kh-left{display:flex;align-items:center;min-width:0}
header.kh .kh-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--kh-text);font-size:17px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
header.kh .kh-brand img{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 1px rgba(14,165,160,.35)}
header.kh .kh-brand:hover span{color:#fff}
header.kh .kh-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}

/* Buttons */
header.kh .kh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
header.kh .kh-btn svg{width:16px;height:16px;transition:transform .15s}
header.kh .kh-btn-ghost{color:var(--kh-text);border:1px solid rgba(148,163,184,.28)}
header.kh .kh-btn-ghost:hover{border-color:rgba(148,163,184,.5);background:rgba(255,255,255,.04)}
header.kh .kh-btn-primary{color:var(--kh-ink);background:linear-gradient(180deg,var(--kh-accent-2),var(--kh-accent));box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 18px -8px rgba(14,165,160,.8)}
header.kh .kh-btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 10px 22px -8px rgba(14,165,160,.9)}
header.kh .kh-btn-primary:hover svg{transform:translateX(2px)}
header.kh .kh-lang{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:10px;color:var(--kh-muted);font-size:14px;font-weight:500}
header.kh .kh-lang svg{width:17px;height:17px}
header.kh .kh-lang:hover{color:var(--kh-text);background:rgba(255,255,255,.05)}

/* Hamburger */
header.kh .kh-toggle{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-6px;border-radius:10px}
header.kh .kh-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--kh-text);transition:transform .25s,opacity .2s}
header.kh .kh-toggle:hover{background:rgba(255,255,255,.05)}
header.kh.is-open .kh-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.kh.is-open .kh-toggle span:nth-child(2){opacity:0}
header.kh.is-open .kh-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Nav links */
header.kh .kh-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;color:var(--kh-text);font-weight:500;white-space:nowrap;transition:color .15s,background-color .15s}
header.kh .kh-chev{width:16px;height:16px;transition:transform .2s;opacity:.7}
header.kh .kh-dd.is-open .kh-chev{transform:rotate(180deg)}
header.kh .kh-item{display:flex;align-items:flex-start;gap:12px;border-radius:10px;color:var(--kh-text);transition:background-color .15s}
header.kh .kh-item strong{display:block;font-size:15px;font-weight:600;color:var(--kh-text);line-height:1.3}
header.kh .kh-item small{display:block;margin-top:2px;font-size:13px;color:var(--kh-muted);line-height:1.4;white-space:normal}
header.kh .kh-tile{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:9px;background:rgba(14,165,160,.12);box-shadow:inset 0 0 0 1px rgba(14,165,160,.25);color:var(--kh-accent-2);font-size:12px;font-weight:700;letter-spacing:.02em}
header.kh .kh-tile svg{width:18px;height:18px}
header.kh .kh-item:hover,header.kh .kh-item.is-active{background:rgba(255,255,255,.05)}
header.kh .kh-item:hover .kh-tile{background:rgba(14,165,160,.2)}

/* ---------- Mobile / tablet (default) ---------- */
header.kh .kh-d{display:none}
header.kh .kh-menu{position:absolute;left:0;right:0;top:100%;margin-top:1px;height:calc(100vh - var(--kh-h) - 1px);height:calc(100dvh - var(--kh-h) - 1px);display:flex;flex-direction:column;gap:0;padding:8px 16px calc(24px + env(safe-area-inset-bottom));background:#041428;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
header.kh.is-open{background:#041428;-webkit-backdrop-filter:none;backdrop-filter:none}
header.kh.is-open .kh-menu{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s,visibility 0s}
header.kh .kh-menu>.kh-link,header.kh .kh-dd-btn{min-height:56px;padding:0 4px;font-size:17px;border-bottom:1px solid var(--kh-line)}
header.kh .kh-menu>.kh-link.is-active,header.kh .kh-dd-btn.is-active{color:var(--kh-accent-2)}
header.kh .kh-dd-menu{display:none;padding:6px 0 10px;border-bottom:1px solid var(--kh-line)}
header.kh .kh-dd.is-open .kh-dd-menu{display:block}
header.kh .kh-dd.is-open .kh-dd-btn{border-bottom-color:transparent}
header.kh .kh-item{padding:10px 8px;min-height:52px}
header.kh .kh-m-actions{display:grid;gap:10px;margin-top:20px}
header.kh .kh-m-actions .kh-btn{min-height:50px;font-size:16px;border-radius:12px}
header.kh .kh-m-actions .kh-btn svg{width:18px;height:18px}
header.kh .kh-right .kh-lang{display:none}
/* Scroll lock lives on <html> only: overflow on <body> as well would make <body> a scroll container,
   re-anchoring the sticky header to the top of the document (off-screen once the page is scrolled). */
html.kh-lock{overflow:hidden}html.kh-lock body{overflow:visible}

/* Tablet: keep the primary CTA visible next to the menu button */
@media (min-width:640px) and (max-width:1120px){header.kh .kh-right .kh-btn-primary.kh-d{display:inline-flex}header.kh .kh-m-actions .kh-btn-primary{display:none}}

/* ---------- Desktop ---------- */
@media (min-width:1121px){
  header.kh{--kh-h:72px}
  header.kh .kh-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 32px}
  header.kh .kh-toggle,header.kh .kh-m-actions{display:none}
  header.kh .kh-d,header.kh .kh-right .kh-lang{display:inline-flex}
  header.kh .kh-menu{position:static;height:auto;margin:0;flex-direction:row;align-items:center;gap:2px;padding:0;background:none;overflow:visible;visibility:visible;opacity:1;transform:none;transition:none}
  header.kh .kh-menu>.kh-link,header.kh .kh-dd-btn{width:auto;min-height:40px;padding:0 13px;border:0;border-radius:9px;font-size:15px;color:#cdd8e4}
  header.kh .kh-menu>.kh-link:hover,header.kh .kh-dd-btn:hover,header.kh .kh-dd.is-open .kh-dd-btn{color:#fff;background:rgba(255,255,255,.06)}
  header.kh .kh-menu>.kh-link.is-active,header.kh .kh-dd-btn.is-active{color:#fff}
  header.kh .kh-menu>.kh-link.is-active::after,header.kh .kh-dd-btn.is-active::after{content:"";position:absolute;left:13px;right:13px;bottom:-16px;height:2px;border-radius:2px;background:var(--kh-accent)}
  header.kh .kh-dd-btn.is-active::after{right:31px}
  header.kh .kh-dd{position:relative}
  header.kh .kh-dd-menu{display:block;position:absolute;top:100%;left:50%;width:360px;padding:14px 0 0;border:0;background:none;visibility:hidden;opacity:0;transform:translate(-50%,6px);transition:opacity .16s,transform .16s,visibility 0s .16s}
  header.kh .kh-dd-menu::before{content:"";position:absolute;inset:14px 0 0;z-index:-1;border-radius:16px;background:var(--kh-panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 48px -12px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.2)}
  header.kh .kh-dd-menu .kh-item{margin:8px;padding:10px 12px}
  header.kh .kh-dd-menu .kh-item+.kh-item{margin-top:-6px}
  header.kh .kh-dd.is-open .kh-dd-menu{visibility:visible;opacity:1;transform:translate(-50%,0);transition:opacity .16s,transform .16s,visibility 0s}
  header.kh .kh-dd.is-open .kh-dd-btn{border-bottom-color:transparent}
  header.kh .kh-right{gap:10px}
  html.kh-lock,html.kh-lock body{overflow:visible}
}
@media (min-width:1121px) and (hover:hover){
  header.kh .kh-dd:hover .kh-dd-menu{visibility:visible;opacity:1;transform:translate(-50%,0);transition:opacity .16s,transform .16s,visibility 0s}
  header.kh .kh-dd:hover .kh-chev{transform:rotate(180deg)}
  header.kh .kh-dd:hover .kh-dd-btn{color:#fff;background:rgba(255,255,255,.06)}
}
@media (prefers-reduced-motion:reduce){header.kh,header.kh *{transition:none!important}}
@media print{header.kh,.kh-skip{display:none!important}}