header.fixed{
  background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)!important;
}


header.fixed .custom-logo,
footer.bg-forest .custom-logo{
  width:clamp(64px, 6vw, 96px);
  height:auto;
  max-height:96px;
  max-width:96px;
  width:clamp(64px, 6vw, 96px)!important;
  height:auto!important;
  display:block;
}

footer.bg-forest{
  background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)!important;
}

header.fixed nav.hidden.lg\:flex ul{
  display:flex;
  align-items:center;
  gap:2rem;
}

header.fixed nav.hidden.lg\:flex li{
  position:relative;
}

header.fixed nav.hidden.lg\:flex a{
  color:#ffffff;
  font-size:1.20rem;
  transition:color .2s ease;
}

header.fixed nav.hidden.lg\:flex a:hover{
  color:#F6C73C;
}

header.fixed nav.hidden.lg\:flex li.current-menu-item > a,
header.fixed nav.hidden.lg\:flex li.current_page_item > a,
header.fixed nav.hidden.lg\:flex li.current-menu-ancestor > a,
header.fixed nav.hidden.lg\:flex li.current_page_ancestor > a{
  color:#F6C73C;
}

header.fixed nav.hidden.lg\:flex ul.sub-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:200px;
  background:#0f2027;
  border-radius:10px;
  padding:.75rem 0;
  display:none;
  box-shadow:0 12px 24px rgba(0,0,0,.2);
  z-index:60;
}

header.fixed nav.hidden.lg\:flex li:hover > ul.sub-menu{
  display:block;
}

header.fixed nav.hidden.lg\:flex ul.sub-menu li{
  width:100%;
}

header.fixed nav.hidden.lg\:flex ul.sub-menu a{
  display:block;
  padding:.5rem 1rem;
  font-size:.95rem;
}

header.fixed .flex.items-center.gap-4 a,
header.fixed .flex.items-center.gap-4 button,
header.fixed .flex.items-center.gap-6 i{
  color:#ffffff;
}

header.fixed .flex.items-center.gap-4 a:hover,
header.fixed .flex.items-center.gap-4 a:hover i{
  color:#F6C73C;
}

.price-tag{
  color:#203A43;
}