/* =========================================================================
   header — Figma 1053:996 (top 73px) · fixed, transparent over the hero,
   solid black once scrolled. Mobile: logo + burger (mobile frame 968:833).
   ========================================================================= */
.header{position:fixed;inset:0 0 auto;z-index:100;color:var(--white)}
.header::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.2)}
.header.is-scrolled,.header:has(.has-drop.is-open){background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.header__bar{display:flex;align-items:center;height:var(--header-h);padding-inline:60px 44px}
.header__logo{flex:none;display:block;width:139px}
.header__logo svg{width:100%;height:auto}
.header__nav{margin-inline-start:51px}
.header__menu{display:flex;align-items:center;gap:50px}
.header__menu .item{position:relative}
.header__link{display:flex;align-items:center;gap:6px;font-size:19px;line-height:23px;white-space:nowrap;color:var(--white)}
.header__link:hover,.header__link:focus-visible,.has-drop.is-open .header__link{color:#9fd8ff}
.header__chev{width:12px;height:9px}
.has-drop.is-open .header__chev{transform:rotate(180deg)}
/* "הפתרונות שלנו" dropdown — not designed in Figma; minimal panel in the header's style */
.header__drop{position:absolute;top:calc(100% + 24px);right:-24px;min-width:300px;padding:12px;border-radius:0 0 14px 14px;background:rgba(0,0,0,.92);border:1px solid rgba(255,255,255,.12);border-top:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s}
.has-drop.is-open .header__drop{opacity:1;visibility:visible;transform:none}
.header__drop a{display:block;padding:10px 14px;border-radius:8px;font-size:18px;line-height:24px;white-space:nowrap}
.header__drop a:hover,.header__drop a:focus-visible{background:rgba(255,255,255,.1)}
.header__actions{display:flex;align-items:center;gap:19px;margin-inline-start:auto}
.header__actions .btn{font-size:19px;padding:0 22px}
.header__login{border-width:1px}
.header__lang{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 24px;border-radius:50px;background:rgba(255,255,255,.2);font-size:19px;line-height:1;color:var(--white)}
.header__lang svg{width:20px;height:20px}
.header__lang:hover,.header__lang:focus-visible{background:rgba(255,255,255,.32)}
.header__burger{display:none;flex-direction:column;align-items:flex-end;gap:8px;width:36px;padding:7px 1px}
.header__burger span{display:block;width:34px;height:2px;background:var(--white)}
.header__burger span:nth-child(2){width:24px}

/* mobile drawer */
.mnav{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6)}
.mnav__panel{position:absolute;inset:0 0 0 auto;width:min(420px,100%);display:flex;flex-direction:column;gap:32px;padding:0 var(--gutter) 40px;background:#000 url("../images/hero-bg.webp") center bottom/cover no-repeat;color:var(--white);overflow-y:auto}
.mnav__top{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);border-bottom:1px solid rgba(255,255,255,.2);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.mnav__logo{width:122px}
.mnav__logo svg{width:100%;height:auto}
.mnav__close{position:relative;width:36px;height:36px}
.mnav__close span{position:absolute;top:50%;left:2px;right:2px;height:2px;background:var(--white);transform:rotate(45deg)}
.mnav__close span+span{transform:rotate(-45deg)}
.mnav__menu{display:flex;flex-direction:column}
.mnav__menu a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:26px;line-height:32px}
.mnav__actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

@media (max-width:1700px){
  .header__bar{padding-inline:40px 32px}
  .header__nav{margin-inline-start:40px}
  .header__menu{gap:34px}
  .header__actions{gap:12px}
}
@media (max-width:1480px){
  .header__menu{gap:24px}
  .header__link,.header__actions .btn,.header__lang{font-size:17px}
  .header__actions .btn{padding:0 16px}
  .header__lang{padding:0 16px}
}
@media (max-width:1280px){
  .header__login{display:none}
}
@media (max-width:1100px){
  .header__nav,.header__login,.header__actions .header__lang{display:none}
  .header__burger{display:flex}
  .header__bar{padding-inline:var(--gutter)}
  .header__actions{margin-inline-end:20px}
}
@media (max-width:800px){
  .header{background:rgba(0,0,0,.88)}
  .header__logo{width:122px}
  .header__actions{display:none}
  .header__burger{margin-inline-start:auto}
}