header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}

.nav{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:18px;
  max-width:1440px;
  padding:12px 32px;
}

.logo{
  order:2;
  flex:0 0 auto;
}

.logo img{
  height:50px;
  display:block;
}

.header-certification{
  order:1;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:auto;
  min-width:184px;
  height:42px;
  padding:5px 12px 5px 8px;
  border:1px solid rgba(172,198,211,.9);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 7px 20px rgba(13,56,79,.07);
  color:var(--text);
  white-space:nowrap;
}

.header-certification img{
  width:28px;
  height:28px;
  display:block;
  flex:0 0 auto;
}

.header-certification span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1.05;
}

.header-certification strong{
  font-size:12px;
  letter-spacing:.025em;
  font-weight:800;
  color:#173140;
}

.header-certification small{
  margin-top:2px;
  font-size:10px;
  color:var(--muted);
}

nav{
  order:3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(12px,1.15vw,18px);
  flex:1 1 auto;
  min-width:0;
  flex-wrap:wrap;
}

nav a{
  text-decoration:none;
  color:var(--text);
  font-size:14px;
}

nav a:hover,
nav a.active{
  color:var(--accent-dark);
}

@media (min-width:901px){
  header .header-certification{
    position:absolute;
    left:clamp(18px, 2vw, 34px);
    top:50%;
    transform:translateY(-50%);
    z-index:5;
  }

  .nav{
    padding-left:clamp(220px, 17vw, 300px);
  }
}

@media (max-width:1100px){
  .nav{
    padding:12px 24px;
    gap:14px;
    align-items:center;
  }

  .logo img{
    height:46px;
  }

  nav{
    width:100%;
    flex-basis:100%;
    justify-content:flex-start;
    gap:12px;
  }
}

@media (max-width:900px){
  .header-certification{
    min-width:174px;
    height:38px;
    padding:4px 10px 4px 7px;
    gap:7px;
  }

  .header-certification img{
    width:24px;
    height:24px;
  }

  .header-certification strong{
    font-size:11px;
  }

  .header-certification small{
    font-size:9px;
  }
}

@media (max-width:760px){
  .nav{
    padding:10px 18px;
    gap:12px;
  }

  .logo img{
    height:42px;
  }

  nav{
    gap:10px 12px;
  }
}

@media (max-width:520px){
  .header-certification{
    min-width:0;
    max-width:172px;
  }
}

/* Header phone link */
.header-phone{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-weight:800;
  color:var(--text);
  text-decoration:none;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(240,248,252,.85);
  border:1px solid rgba(172,198,211,.65);
}

.header-phone:hover,
.header-phone:focus{
  color:var(--accent-dark);
  text-decoration:none;
  background:#fff;
}

@media (max-width:760px){
  .header-phone{
    padding:6px 8px;
    font-size:13px;
  }
}