/* Shared container/nav base */
.nav{position:sticky;top:0;left:0;right:0;z-index:100;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand-stack{display:flex;flex-direction:column;gap:4px;justify-content:center}

/* HF Vitro — Header (style Hecto-Cars, couleur logo) */

.nav-in{
  max-width:1280px;
  margin:0 auto;
  padding:4px 22px;
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.logo-img{
  height:78px;
  width:auto;
  transform:none;
  transform-origin:left center;
  display:block;
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

.nav-cta{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#fff;
  background:var(--or);
  padding:9px 14px;
  border-radius:999px;
  border:1px solid var(--or);
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.nav-cta:hover{background:var(--or2);border-color:var(--or2)}

.nav-links{
  display:flex !important;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.nav-links a{
  position:relative;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#cfd9e2;
  padding:4px 0;
  line-height:1;
  transition:.2s ease;
}

.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background:transparent;
  transform:scaleX(.2);
  transform-origin:center;
  transition:.2s ease;
}

.nav-links a:hover{color:#fff}
.nav-links a:hover::after{background:rgba(255,255,255,.75);transform:scaleX(1)}

.nav-links a.active{color:#fff}
.nav-links a.active::after{background:var(--or);transform:scaleX(1)}

.ham{
  border:1px solid rgba(59,161,150,.45);
  color:var(--or);
}

.mnav-arrow,
.mnav-card,
.mnav-card img{
  border-color:rgba(59,161,150,.55) !important;
}

.mnav-card:hover span{
  text-shadow:0 0 10px rgba(59,161,150,.95),0 0 20px rgba(59,161,150,.62) !important;
}

@media(max-width:860px){
  .nav-in{padding:4px 12px;min-height:74px}
  .logo-img{height:66px}
  .nav-actions{gap:8px}
  .nav-cta{padding:8px 12px;font-size:10px}
}