/* =========================
   HEADER FINAL PRO (STABLE)
========================= */

/* HEADER */
header,
.site-header,
.mainheader{
  position:fixed;
  top:0;
  left:0;
  width:100%;

  z-index:10000;
  background:#000;
}


:root{
  --header-h:80px;
}


body{
  padding-top:var(--header-h);
}


header::before,
header::after{
  display:none !important;
}


.header-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  min-height:var(--header-h); 
}

/* =========================
   DESKTOP MENU
========================= */

.nav-menu{
  display:flex;
  align-items:center;
  gap:24px;
}

/* посилання */
.nav-menu a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  transition:color .25s ease;
}

.nav-menu a:hover{
  color:#d4a24c;
}

/* =========================
   MOBILE
========================= */

@media (max-width:1024px){

  .nav-menu{
    display:none !important;
  }

}

/* =========================
   MOBILE HEADER HEIGHT FIX
========================= */

@media (max-width:768px){

  :root{
    --header-h:70px; 
  }

}



header{
  overflow:visible;
}