/* 🔒 Scope Lock */
#site-header {
  --gold:#CAB26A;
  --text:#1a1a1a;
  --nav-h:110px;
  font-family:'Poppins', Arial, sans-serif;
  position:relative;
  z-index:9999;
}

#site-header * { box-sizing:border-box; }

/* ===== Progress Bar ===== */
#site-header .progress-bar-container {
  position:fixed;
  top:0; left:0;
  width:100%;
  height:3px;
  background:#ffffff;
  z-index:1100;
}
#site-header .progress-bar {
  height:100%;
  width:0%;
  background:var(--gold);
  transition:width 0.3s ease;
}

/* ===== Header ===== */
#site-header header {
  position:fixed;
  top:0; left:0;
  width:100%;
  height:var(--nav-h);
  background:#ffffff;
  z-index:1000;

}

#site-header .header-wrap {
  max-width:100%;
  margin:auto;
  height:100%;
  display:flex;
  align-items:center;
  padding:0 50px;
}

/* Logo */
#site-header .logo img {
  height:60px;
  cursor:pointer;
}

/* Nav Desktop */
#site-header nav {
  display:flex;
  align-items:center;
  gap:40px;
  margin-left:40px;
}

/* Links */
#site-header nav a {
  text-decoration:none;
  color:var(--text);
  font-weight:550;
  font-size:1.2rem;
  position:relative;
  transition:.3s ease;
}

/* underline */
#site-header nav a::after {
  content:"";
  position:absolute;
  left:0; bottom:-6px;
  width:0;
  height:3px;
  background:var(--gold);
  transition:.3s ease;
}

#site-header nav a:hover,
#site-header nav a.active {
  color:var(--gold);
}
#site-header nav a:hover::after,
#site-header nav a.active::after {
  width:100%;
}

/* Burger */
#site-header .burger-btn {
  display:none;
  margin-left:auto;
  font-size:1.8rem;
  cursor:pointer;
  color:var(--gold);
  background:none;
  border:none;
  padding:0;
}

/* ===== Mobile ===== */
@media(max-width: 768px){
  #site-header { --nav-h:110px; }
 #site-header header {
   border-radius: 0 0 30px 30px;/* گوشه‌های پایین گرد */
     overflow: hidden;
background:#ffffff;
  }
  
  #site-header nav {
    position:fixed;
    top:var(--nav-h);
    left:0;
    right:0;
    flex-direction:column;
    background:#ffffff;
    padding:30px;
    gap:25px;
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
    z-index:999;
border-radius: 30px 30px 30px 30px;
    transform:translateY(-15px);
    opacity:0;
    pointer-events:none;
 overflow: hidden;
    transition:0.35s ease;
  
  }

  #site-header nav.show {
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }

  #site-header .burger-btn {
    display:block;
  }
  
  #site-header .header-wrap {
    padding:0 20px;
  }
}