/* ── header (fixed, transparent over hero → white on hover / scroll) ─── */
.hdr{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;width:100%}
.hdr__grad{position:absolute;inset:0;height:216px;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 100%);pointer-events:none}
.hdr__bg{position:absolute;inset:0;height:164px;background:linear-gradient(180deg,var(--navy) 0%,rgba(28,53,85,0) 100%);pointer-events:none;transition:opacity .25s}
.hdr__white{position:absolute;inset:0;height:164px;background:var(--white);opacity:0;pointer-events:none;transition:opacity .25s}
.hdr__inner{position:relative;z-index:2}

.hdr__top{position:relative;max-width:1920px;margin:0 auto;padding:29px 43px 0 35px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:20px}
.hdr__left{display:flex;flex-direction:row-reverse;align-items:center;gap:18px}

.hdr__phone{display:inline-flex;align-items:center;gap:14px;height:46px;padding:0 18px;border-radius:60px;background:var(--white);color:var(--navy);font-size:20px;font-weight:700;line-height:1}
.hdr__phone svg{width:24px;height:24px;flex:none}
.hdr__phone:hover{background:var(--blush)}

.hdr__logo{display:block;position:absolute;left:50%;transform:translateX(-50%);width:438px;flex:none}
.hdr__logo img{width:100%;height:auto}
.hdr__logo .img-black{position:absolute;top:0;left:0;opacity:0;transition:opacity .25s}
.hdr__logo .img-white{transition:opacity .25s}

.hdr__soc{display:flex;flex-direction:row-reverse;align-items:center;gap:9px}
.soc{width:46px;height:46px;border-radius:50%;border:1px solid var(--blush);display:flex;align-items:center;justify-content:center;color:var(--white);transition:all .2s}
.soc svg{width:19px;height:19px}
.soc--waze svg{width:28px;height:28px}
.soc:hover{background:var(--blush);color:var(--navy)}

/* nav */
.nav{display:flex;align-items:center;justify-content:center;gap:50px;margin:24px 0 0;padding:0 40px 17px;list-style:none}
.nav .item{position:static}
.nav .item>a{position:relative;display:inline-flex;align-items:center;gap:5px;font-size:22px;font-weight:500;line-height:18px;color:var(--white);transition:color .2s}
.nav .item>a .chev{width:17px;height:17px;flex:none;transition:transform .25s}
.nav .item>a::after{content:"";position:absolute;inset-inline:0;inset-block-end:-6px;height:2px;background:var(--blush);transform:scaleX(0);transition:transform .25s}
.nav .item:hover>a::after{transform:scaleX(1)}
.nav .item.has-mega:hover>a .chev{transform:rotate(180deg)}

/* white state (hover / scrolled / mega open) */
.hdr:hover .hdr__bg,.hdr.is-scrolled .hdr__bg,.hdr.is-mega-open .hdr__bg,.hdr.is-open .hdr__bg{opacity:0}
.hdr:hover .hdr__white,.hdr.is-scrolled .hdr__white,.hdr.is-mega-open .hdr__white,.hdr.is-open .hdr__white{opacity:1}
.hdr:hover .hdr__grad,.hdr.is-scrolled .hdr__grad,.hdr.is-mega-open .hdr__grad,.hdr.is-open .hdr__grad{opacity:0}
.hdr:hover .img-white,.hdr.is-scrolled .img-white,.hdr.is-mega-open .img-white,.hdr.is-open .img-white{opacity:0}
.hdr:hover .img-black,.hdr.is-scrolled .img-black,.hdr.is-mega-open .img-black,.hdr.is-open .img-black{opacity:1}
.hdr:hover .nav .item>a,.hdr.is-scrolled .nav .item>a,.hdr.is-mega-open .nav .item>a{color:var(--navy)}
.hdr:hover .soc,.hdr.is-scrolled .soc,.hdr.is-mega-open .soc,.hdr.is-open .soc{color:var(--navy)}
.hdr:hover .hdr__phone,.hdr.is-scrolled .hdr__phone,.hdr.is-mega-open .hdr__phone,.hdr.is-open .hdr__phone{background:var(--navy);color:var(--white)}
.hdr:hover .btn--line,.hdr.is-scrolled .btn--line,.hdr.is-mega-open .btn--line{color:var(--navy)}

/* burger — mobile only */
.hdr__burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--white)}
.hdr.is-open .hdr__burger{color:var(--navy)}
.hdr__burger span,.hdr__burger span::before,.hdr__burger span::after{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;transition:all .25s}
.hdr__burger span{position:relative}
.hdr__burger span::before,.hdr__burger span::after{content:"";position:absolute;inset-inline-start:0}
.hdr__burger span::before{inset-block-start:-7px}
.hdr__burger span::after{inset-block-start:7px}
.hdr.is-open .hdr__burger span{background:transparent}
.hdr.is-open .hdr__burger span::before{transform:translateY(7px) rotate(45deg)}
.hdr.is-open .hdr__burger span::after{transform:translateY(-7px) rotate(-45deg)}

@media(max-width:1500px){
	.hdr__logo{width:340px}
	.nav{gap:30px}
	.nav .item>a{font-size:19px}
	.hdr__phone,.btn.hdr__consult{font-size:17px}
}
@media(max-width:1200px){
	.hdr__logo{width:280px}
	.nav{gap:20px}
	.nav .item>a{font-size:17px}
}
@media(max-width:1023px){
	/* Figma 118:1742 — header is transparent over the hero photo, 58px tall */
	.hdr__grad{height:100%;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 100%)}
	.hdr__bg{height:100%;background:linear-gradient(180deg,rgba(28,53,85,.75) 0%,rgba(28,53,85,0) 100%)}
	.hdr__white{height:100%}
	.hdr__top{padding:0 13px;height:58px;justify-content:space-between}
	.hdr__left,.hdr__soc{display:none}
	.hdr__logo{position:relative;left:auto;transform:none;width:281px;max-width:75vw}
	.hdr__logo .img-black{position:absolute;top:0;left:0}
	.hdr__burger{display:flex}
	.nav{display:none}
	/* drawer open, or an inner page → white bar with the navy logo */
	.hdr.is-open .hdr__grad,.page-light .hdr__grad{opacity:0}
	.hdr.is-open .hdr__burger,.page-light .hdr__burger{color:var(--navy)}
}

/* inner pages (no dark hero) — the header is solid white from the top (Figma: 146px) */
.page-light{--hdr-h:146px}
.page-light .hdr__grad,.page-light .hdr__bg{opacity:0}
.page-light .hdr__white{opacity:1}
.page-light .hdr__logo .img-white{opacity:0}
.page-light .hdr__logo .img-black{opacity:1}
.page-light .nav .item>a,.page-light .soc{color:var(--navy)}
.page-light .hdr__phone{background:var(--navy);color:var(--white)}
.page-light .hdr__phone:hover{background:var(--navy-2)}
.page-light .btn--line{color:var(--navy)}