*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif}

/* HEADER */
#siteHeader{
  position:sticky;
  top:0;
  background:#fff;
  border-bottom:1px solid #ddd;
  z-index:999;
}

.header-wrap{
  max-width:1200px;
  margin:auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo{
  font-size:22px;
  font-weight:700;
  text-decoration:none;
  color:#000;
}
.logo span{color:#10B981}

/* DESKTOP MENU */
.menu{
  display:flex;
  gap:20px;
  align-items:center;
}
.menu a{
  text-decoration:none;
  color:#000;
  font-weight:500;
}

.dropdown{position:relative}
.dropbtn{
  background:none;
  border:none;
  cursor:pointer;
  font-size:15px;
}

.nav-dropdown{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  border:1px solid #ddd;
  min-width:160px;
}
.nav-dropdown a{
  display:block;
  padding:10px;
  text-decoration:none;
  color:#000;
}
.dropdown:hover .nav-dropdown{display:block}

/* HAMBURGER */
#hamburger{
  display:none;
  font-size:26px;
  background:none;
  border:none;
  cursor:pointer;
}

/* MOBILE PANEL */
#navPanel{
  position:fixed;
  top:0;
  right:-100%;
  width:260px;
  height:100%;
  background:#fff;
  padding:20px;
  box-shadow:-3px 0 10px rgba(0,0,0,.15);
  transition:.3s;
}
#navPanel.open{right:0}
#navPanel a{
  display:block;
  padding:12px 0;
  text-decoration:none;
  color:#000;
}

#closePanel{
  font-size:22px;
  background:none;
  border:none;
  cursor:pointer;
  margin-bottom:20px;
}

/* MOBILE DROPDOWN */
.mobile-dropdown-menu{
  display:none;
  padding-left:15px;
}
.mobile-dropdown-menu a{padding:8px 0}
.mobile-dropdown-menu.open{display:block}

/* RESPONSIVE */
@media(max-width:860px){
  .menu{display:none}
  #hamburger{display:block}
}