/* =========================================================
   NH_01_HEADER
========================================================= */

#NH_01_HEADER{
  position:sticky;
  top:0;
  z-index:100;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
}

#NH_01_HEADER .nh-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  max-width:1100px;
  margin:auto;
}

/* BRAND */
#NH_01_HEADER .nh-brand{
  display:flex;
  align-items:center;
  font-weight:800;
  font-size:22px;
  letter-spacing:-0.5px;
  line-height:1;
  user-select:none;
}

#NH_01_HEADER .nh-brand-note{
  color:#0f172a;
}

#NH_01_HEADER .nh-brand-highway{
  color:#0ea5c6;
  margin-left:2px;
}

/* LINGUE */
#NH_01_HEADER .nh-lang{
  display:flex;
  gap:6px;
}

#NH_01_HEADER .nh-lang button{
  border:1px solid #e5e7eb;
  background:#f9fafb;
  border-radius:999px;
  padding:6px 10px;
  font-size:13px;
  cursor:pointer;
}

#NH_01_HEADER .nh-lang button.active{
  border-color:#0ea5c6;
  color:#0ea5c6;
}


/* =========================================================
   NH_02_HERO - SLIDER IMMAGINI
========================================================= */

#NH_02_HERO .nh-hero-slider{
  width:100%;
  max-width:900px;
  margin:10px auto 0 auto;
  border-radius:14px;
  overflow:hidden;
  background:#f8fafc;
}

#NH_02_HERO #NH_02_SLIDE_IMG{
  display:block;
  width:100%;
  height:auto;
  opacity:1;
  transition:opacity 0.45s ease;
}

#NH_02_HERO #NH_02_SLIDE_IMG.fade-out{
  opacity:0;
}

/* =========================================================
   NH_03 - DOTS SLIDER
========================================================= */

#NH_02_HERO .nh-slider-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:8px;
}

#NH_02_HERO .nh-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d1d5db;
  cursor:pointer;
  transition:all 0.25s ease;
}

#NH_02_HERO .nh-dot.active{
  background:#0ea5c6;
  transform:scale(1.3);
}