/* HEADER */
header{
  position:sticky;top:0;z-index:200;
  height:64px;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  display:flex;align-items:center;
  padding:0 var(--pad);
  transition:background .3s, box-shadow .3s, backdrop-filter .3s;
}
header.scrolled{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}

/* Logo - unified size with footer */
.logo{display:flex;align-items:center;gap:0;text-decoration:none;flex-shrink:0}
.logo-icon{width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:6px}
.logo-icon svg{width:27px;height:34px}

.logo-name {display: block; line-height: 0; margin-top: 4px; }
.logo-name { display: block; line-height: 0; }
.logo-name img { display: block; height: 16px; width: auto;}
.logo-sub{font-size:9px;font-weight:500;letter-spacing:.8px;color:var(--blue);text-transform:uppercase;line-height:1.3}

.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{font-size:14px;font-weight:400;color:var(--dark);text-decoration:none;letter-spacing:-.15px;transition:color .15s}
.nav-links a.active{font-weight:600;color:var(--gold)}
.nav-links a:hover{color:var(--gold)}

.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}
.lang-wrap{position:relative}
.lang-btn{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--dark);background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;letter-spacing:-.15px;transition:background .15s;white-space:nowrap}
.lang-btn:hover{background:var(--wb)}
.lang-btn svg{flex-shrink:0}
.lang-chevron{width:10px;height:10px;stroke:var(--dark);fill:none;stroke-width:2;transition:transform .2s;flex-shrink:0}
.lang-wrap.open .lang-chevron{transform:rotate(180deg)}
.lang-dropdown{
  display:none;position:absolute;top:calc(100% + 6px);right:0;
  background:#fff;border:1px solid var(--wb);border-radius:8px;
  box-shadow:0 4px 16px rgba(26,38,59,.12);
  min-width:80px;overflow:hidden;z-index:300;
}
.lang-wrap.open .lang-dropdown{display:block}
.lang-dropdown a{
  display:flex;align-items:center;gap:7px;
  padding:9px 12px;font-size:13px;font-weight:500;
  color:var(--dark);text-decoration:none;letter-spacing:-.1px;
  transition:background .15s;white-space:nowrap;
}
.lang-dropdown a:hover{background:var(--wb)}
.lang-dropdown a.active{color:var(--gold)}
.lang-flag{font-size:15px;line-height:1;flex-shrink:0}
.lang-code{font-size:13px;font-weight:600}
.btn-quote{
  display:inline-flex;align-items:center;padding:8px 16px;
  background:var(--gold);color:#fff;font-size:14px;font-weight:400;
  border-radius:8px;text-decoration:none;letter-spacing:-.15px;
  border:none;cursor:pointer;transition:background .15s,transform .1s;
  white-space:nowrap;
}
.btn-quote:hover{background:var(--gold-hover);transform:translateY(-1px)}

.mob-right{display:none;align-items:center;gap:8px}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile nav */
.mob-nav{
  display:none;position:fixed;top:64px;left:0;right:0;bottom:0;
  background:#fff;z-index:199;overflow-y:auto;
  padding:0;flex-direction:column;
  border-top:1px solid var(--wb);
}
.mob-nav.open{display:flex}
.mob-nav a{
  padding:12px var(--pad);font-size:16px;font-weight:500;color:var(--dark);
  text-decoration:none;border-bottom:1px solid var(--wb);transition:color .15s;
}
.mob-nav a:hover{color:var(--gold)}
.mob-nav .mob-lang{padding:12px var(--pad);font-size:14px;color:var(--blue);border-bottom:1px solid var(--wb)}
.mob-nav .btn-cta{width:100%;border-radius:0;justify-content:center;font-size:16px}
.mob-phones{
  background:var(--wb);
  padding:20px var(--pad);
  display:flex;align-items:center;gap:16px;
  margin-top:auto;
  width:100%;
}
.mob-btn-quote-wrap{
  background:var(--gold);
  padding:12px 16px;
  width:100%;
  box-sizing:border-box;
}
.mob-nav .btn-quote{
  width:100%;
  border-radius:10px;
  justify-content:center;
  font-size:16px;
  font-weight:700;
  padding:14px 20px;
  background:#fff;
  color:var(--gold);
  border:none;
  display:flex;
  align-items:center;
  gap:8px;
  box-sizing:border-box;
}
.mob-phone-icon{
  width:44px;height:44px;min-width:44px;background:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.mob-phone-icon svg{width:24px!important;height:24px!important;stroke:var(--dark);fill:none;stroke-width:2}
.mob-phone-info{display:flex;flex-direction:column;gap:3px}
.mob-phone-label{font-size:11px;font-weight:500;color:var(--blue);text-transform:uppercase;letter-spacing:.6px}
.mob-phone-num{font-size:16px;font-weight:600;color:var(--dark);text-decoration:none;letter-spacing:-.2px;display:block}
.mob-phone-num:hover{color:var(--gold)}

/* ─── RESPONSIVE ─── */
@media(max-width:768px){
  .nav-links,.nav-right{display:none}
  .mob-right{display:flex}
  .hamburger{display:flex}
}