:root{
  --nav-bg-1:#03111d;
  --nav-bg-2:#06324a;
  --nav-bg-3:#0a5f74;

  --nav-accent-1:#0099cc;
  --nav-accent-2:#00cc99;
  --nav-accent-grad:linear-gradient(135deg, var(--nav-accent-1), var(--nav-accent-2));

  --nav-text:#f4fbff;
  --nav-text-soft:rgba(244,251,255,.82);
  --nav-text-dim:rgba(244,251,255,.58);

  --nav-line:rgba(255,255,255,.12);
  --nav-line-soft:rgba(255,255,255,.08);

  --nav-glass:rgba(255,255,255,.08);
  --nav-glass-2:rgba(255,255,255,.05);
  --nav-glass-3:rgba(255,255,255,.03);

  --nav-shadow:
    0 30px 80px rgba(3,17,29,.34),
    0 10px 30px rgba(0,153,204,.15);
  --nav-shadow-glow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 26px rgba(0,153,204,.10);

  --nav-radius-xl:999px;
  --nav-radius-lg:28px;

  --nav-blur-strong:18px;

  --nav-speed-fast:.18s;
  --nav-ease:cubic-bezier(.22,.8,.2,1);
}

/* =========================================================
   GANTRY 5 / HELIUM – FUTURISTIC SPACE NAV
   Clean final version
   Scope: #g-navigation only
========================================================= */

#g-navigation{
  position:relative;
  z-index:60;
}

#g-navigation,
#g-navigation *{
  box-sizing:border-box;
}

#g-navigation #menu-6409-particle.g-content{
  margin:0;
  padding:0;
}

/* =========================================================
   MAIN NAV WRAP
========================================================= */

#g-navigation .g-main-nav{
	margin-top:25px;
	padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

#g-navigation .g-main-nav::before,
#g-navigation .g-main-nav::after{
  display:none;
}
/* =========================================================
   TOP LEVEL LIST
========================================================= */

#g-navigation .g-main-nav .g-toplevel{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  list-style:none;
}

#g-navigation .g-main-nav .g-toplevel > li{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
}

/* =========================================================
   TOP LEVEL ITEMS
========================================================= */

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:12px 18px;
  border-radius:var(--nav-radius-xl);
  text-decoration:none;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.06);
  border:1px solid transparent;
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset;
  transition:
    transform var(--nav-speed-fast) var(--nav-ease),
    box-shadow var(--nav-speed-fast) var(--nav-ease),
    background-color var(--nav-speed-fast) var(--nav-ease),
    border-color var(--nav-speed-fast) var(--nav-ease),
    color var(--nav-speed-fast) var(--nav-ease),
    opacity var(--nav-speed-fast) var(--nav-ease);
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,0) 40%),
    radial-gradient(circle at 25% 20%, rgba(255,255,255,.06), transparent 48%);
  opacity:.7;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(0,153,204,0), rgba(0,204,153,0));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:
    opacity var(--nav-speed-fast) var(--nav-ease),
    background var(--nav-speed-fast) var(--nav-ease);
  pointer-events:none;
}

/* icon reset against older theme rules */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container i,
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container i{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > i.fa{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:1.15em;
  text-align:center;
  line-height:1;
  font-size:16px;
  color:var(--nav-text-soft);
  transition:
    transform var(--nav-speed-fast) var(--nav-ease),
    color var(--nav-speed-fast) var(--nav-ease);
}

#g-navigation .g-main-nav .g-menu-item-title{
  position:relative;
  z-index:1;
  font-size:15px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.01em;
  white-space:nowrap;
  color:rgba(255,255,255,.92);
}

#g-navigation .g-main-nav .g-menu-parent-indicator{
  position:relative;
  z-index:1;
  width:14px;
  height:14px;
  opacity:.78;
  transition:
    transform var(--nav-speed-fast) var(--nav-ease),
    opacity var(--nav-speed-fast) var(--nav-ease);
}

#g-navigation .g-main-nav .g-menu-parent-indicator::before{
  content:"⌄";
  position:absolute;
  inset:0;
  font-size:12px;
  line-height:14px;
  text-align:center;
}

/* =========================================================
   TOP LEVEL STATES
========================================================= */

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover,
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus-visible,
#g-navigation .g-main-nav .g-toplevel > li:hover > div.g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > div.g-menu-item-container{
  transform:translateY(-1px) scale(1.01);
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.10);
  box-shadow:
    0 14px 28px rgba(0,153,204,.14),
    0 0 18px rgba(0,204,153,.08);
  outline:none;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover::after,
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus-visible::after,
#g-navigation .g-main-nav .g-toplevel > li:hover > div.g-menu-item-container::after,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > div.g-menu-item-container::after{
  opacity:1;
  background:linear-gradient(135deg, rgba(0,153,204,.88), rgba(0,204,153,.88));
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover > i.fa,
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus-visible > i.fa,
#g-navigation .g-main-nav .g-toplevel > li:hover > div.g-menu-item-container > i.fa,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > div.g-menu-item-container > i.fa{
  color:#ffffff;
  transform:translateY(-1px);
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container .g-menu-parent-indicator,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > .g-menu-item-container .g-menu-parent-indicator{
  transform:rotate(180deg);
  opacity:1;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.g-active > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.current > .g-menu-item-container{
  color:#ffffff;
  background:var(--nav-accent-grad);
  border-color:transparent;
  box-shadow:
    0 10px 30px rgba(0,153,204,.35),
    0 0 20px rgba(0,204,153,.25);
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container::after,
#g-navigation .g-main-nav .g-toplevel > li.g-active > .g-menu-item-container::after,
#g-navigation .g-main-nav .g-toplevel > li.current > .g-menu-item-container::after{
  opacity:0;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > i.fa,
#g-navigation .g-main-nav .g-toplevel > li.g-active > .g-menu-item-container > i.fa,
#g-navigation .g-main-nav .g-toplevel > li.current > .g-menu-item-container > i.fa{
  color:rgba(255,255,255,.96);
}

#g-navigation .g-main-nav .g-toplevel > li.deals-menu > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.nav-cta > .g-menu-item-container{
  background:rgba(0,204,153,.10);
  border-color:rgba(0,204,153,.18);
  box-shadow:0 0 0 1px rgba(0,204,153,.08) inset;
}

/* =========================================================
   DROPDOWNS
========================================================= */

#g-navigation .g-main-nav .g-dropdown{
  position:absolute;
  top:100%;
  left:0;
  margin-top:14px;
  min-width:280px;
  padding:10px;
  border-radius:var(--nav-radius-lg);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(6,50,74,.72);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 24px 60px rgba(3,17,29,.30),
    0 0 28px rgba(0,153,204,.10);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.97);
  transition:
    opacity var(--nav-speed-fast) var(--nav-ease),
    transform var(--nav-speed-fast) var(--nav-ease),
    visibility var(--nav-speed-fast) var(--nav-ease);
  z-index:30;
}

#g-navigation .g-main-nav .g-dropdown::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%),
    radial-gradient(circle at 0% 0%, rgba(0,153,204,.12), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(0,204,153,.10), transparent 32%);
  opacity:.9;
}

#g-navigation .g-main-nav .g-dropdown.g-dropdown-center{
  left:50%;
  transform:translateX(-50%) translateY(10px) scale(.97);
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-dropdown,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > .g-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-dropdown.g-dropdown-center,
#g-navigation .g-main-nav .g-toplevel > li:focus-within > .g-dropdown.g-dropdown-center{
  transform:translateX(-50%) translateY(0) scale(1);
}

#g-navigation .g-main-nav .g-dropdown .g-dropdown-column,
#g-navigation .g-main-nav .g-dropdown .g-grid,
#g-navigation .g-main-nav .g-dropdown .g-block{
  position:relative;
  z-index:1;
  margin:0;
  padding:0;
}

/* =========================================================
   SUB LEVEL
========================================================= */

#g-navigation .g-main-nav .g-sublevel{
  list-style:none;
  margin:0;
  padding:0;
}

#g-navigation .g-main-nav .g-sublevel > li{
  list-style:none;
  margin:0;
  padding:0;
}

#g-navigation .g-main-nav .g-sublevel > li + li{
  margin-top:4px;
}

#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  color:#f4fbff;
  background:transparent;
  border:0;
  box-shadow:none;
  transition:
    transform var(--nav-speed-fast) var(--nav-ease),
    background-color var(--nav-speed-fast) var(--nav-ease),
    color var(--nav-speed-fast) var(--nav-ease);
}

#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container::before{
  display:none;
}

#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container > i.fa{
  position:relative;
  z-index:1;
  font-size:14px;
  color:rgba(244,251,255,.76);
  transition:
    transform var(--nav-speed-fast) var(--nav-ease),
    color var(--nav-speed-fast) var(--nav-ease);
}

#g-navigation .g-main-nav .g-sublevel .g-menu-item-title{
  position:relative;
  z-index:1;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
}

#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover,
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:focus-visible{
  transform:translateX(4px);
  background:rgba(255,255,255,.06);
  border:0;
  box-shadow:none;
  outline:none;
}

#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover > i.fa,
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:focus-visible > i.fa{
  color:#ffffff;
  transform:translateX(1px);
}

#g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container,
#g-navigation .g-main-nav .g-sublevel > li.g-active > .g-menu-item-container{
  background:rgba(255,255,255,.08);
  border:0;
  box-shadow:none;
}

#g-navigation .g-main-nav .g-sublevel > li.g-go-back > .g-menu-item-container{
  margin-bottom:4px;
  background:rgba(255,255,255,.04);
  border:0;
  box-shadow:none;
  font-weight:700;
}

#g-navigation .g-main-nav .g-toplevel > li > div.g-menu-item-container{
  cursor:pointer;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .subtitle,
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container .subtitle{
  display:block;
  margin-top:2px;
  color:var(--nav-text-dim);
  font-size:11px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1200px){
  #g-navigation .g-main-nav{
    padding:12px 14px;
  }

  #g-navigation .g-main-nav .g-toplevel{
    gap:8px;
  }

  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
    min-height:50px;
    padding:11px 16px;
  }
}

@media (max-width: 991px){
  #g-navigation .g-main-nav{
    border-radius:34px;
    padding:12px;
  }

  #g-navigation .g-main-nav .g-toplevel{
    gap:8px;
  }

  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
    min-height:44px;
    padding:10px 14px;
  }

  #g-navigation .g-main-nav .g-menu-item-title{
    font-size:14px;
  }

  #g-navigation .g-main-nav .g-dropdown{
    min-width:240px;
    border-radius:24px;
  }
}

@media (max-width: 767px){
  #g-navigation .g-main-nav{
    justify-content:flex-start;
    padding:10px;
    border-radius:26px;
  }

  #g-navigation .g-main-nav .g-toplevel{
    gap:6px;
    justify-content:flex-start;
  }

  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
    min-height:42px;
    padding:9px 13px;
  }

  #g-navigation .g-main-nav .g-dropdown{
    margin-top:10px;
    min-width:220px;
    padding:8px;
    border-radius:20px;
  }

  #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container{
    min-height:42px;
    padding:10px 12px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce){
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container,
  #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container,
  #g-navigation .g-main-nav .g-menu-item-container > i.fa,
  #g-navigation .g-main-nav .g-menu-parent-indicator,
  #g-navigation .g-main-nav .g-dropdown{
    transition:none !important;
  }

  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover,
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus-visible,
  #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:hover,
  #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container:focus-visible{
    transform:none !important;
  }
}

/* =========================================================
   FALLBACKS
========================================================= */

@supports not ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))){
  #g-navigation .g-main-nav{
    background:rgba(6,50,74,.92);
  }

  #g-navigation .g-main-nav .g-dropdown{
    background:rgba(6,50,74,.96);
  }

  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container{
    background:rgba(255,255,255,.06);
  }
}