.navstyle-queeny-v2{
  --nsv2-bar-start:#2f64ad;
  --nsv2-bar-end:#1b2b4a;
  --nsv2-text-color:#fff;
  --nsv2-icon-home:#e8c86d;
  --nsv2-icon-login:#fff;
  --nsv2-icon-promo:#fff;
  --nsv2-icon-contact:#fff;
  --nsv2-icon-hover:#f5d77f;
  --nsv2-border-color:#fff;
  --nsv2-border-width:0px;
  --nsv2-corner-radius:28px;
  --nsv2-bar-height:78px;
  --nsv2-shell-height:120px;
  --nsv2-icon-size:31px;
  --nsv2-icon-home-size:31px;
  --nsv2-icon-login-size:31px;
  --nsv2-icon-promo-size:31px;
  --nsv2-icon-contact-size:31px;
  --nsv2-text-size:14px;
  --nsv2-text-line-height:145%;
  --nsv2-text-bottom-pad:4px;
  --nsv2-image-width:78px;
  --nsv2-image-height:78px;
  --nsv2-image-lift:47px;
  --nsv2-image-fit:contain;
  --nsv2-z-index:99999;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:var(--nsv2-shell-height);
  z-index:var(--nsv2-z-index);
  pointer-events:none;
  font-family:inherit;
  box-sizing:border-box;
}
.navstyle-queeny-v2 *{box-sizing:border-box}
.navstyle-queeny-v2 .nsv2-bar{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--nsv2-bar-height);
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  padding:5px clamp(2px,1.6vw,10px) max(4px,env(safe-area-inset-bottom,4px));
  pointer-events:auto;
  isolation:isolate;
}
.navstyle-queeny-v2 .nsv2-bar::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  box-sizing:border-box;
  border-radius:var(--nsv2-corner-radius) var(--nsv2-corner-radius) 0 0;
  background:linear-gradient(180deg,var(--nsv2-bar-start) 0%,var(--nsv2-bar-end) 100%);
  border-top:var(--nsv2-border-width) solid var(--nsv2-border-color);
  border-right:0;
  border-bottom:0;
  border-left:0;
  box-shadow:0 -3px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
.navstyle-queeny-v2 .nsv2-item{
  flex:1 1 20%;
  min-width:0;
  position:relative;
  display:block;
  text-decoration:none!important;
  color:var(--nsv2-text-color);
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
.navstyle-queeny-v2 .nsv2-item-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  padding:5px 2px 3px;
  position:relative;
}
.navstyle-queeny-v2 .nsv2-icon{
  --nsv2-current-icon-size:var(--nsv2-icon-size);
  width:calc(var(--nsv2-current-icon-size) + 4px);
  height:calc(var(--nsv2-current-icon-size) + 4px);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .18s ease,transform .18s ease,filter .18s ease;
}
.navstyle-queeny-v2 .nsv2-icon svg{width:var(--nsv2-current-icon-size);height:var(--nsv2-current-icon-size);display:block}
.navstyle-queeny-v2 .nsv2-icon-image{width:var(--nsv2-current-icon-size);height:var(--nsv2-current-icon-size);display:block;object-fit:contain;object-position:center;max-width:none!important;max-height:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
.navstyle-queeny-v2 .is-hidden{display:none!important}
.navstyle-queeny-v2 .nsv2-icon-home{--nsv2-current-icon-size:var(--nsv2-icon-home-size);color:var(--nsv2-icon-home)}
.navstyle-queeny-v2 .nsv2-icon-login{--nsv2-current-icon-size:var(--nsv2-icon-login-size);color:var(--nsv2-icon-login)}
.navstyle-queeny-v2 .nsv2-icon-promo{--nsv2-current-icon-size:var(--nsv2-icon-promo-size);color:var(--nsv2-icon-promo)}
.navstyle-queeny-v2 .nsv2-icon-contact{--nsv2-current-icon-size:var(--nsv2-icon-contact-size);color:var(--nsv2-icon-contact)}
.navstyle-queeny-v2 .nsv2-label{
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--nsv2-text-color);
  font-size:var(--nsv2-text-size);
  font-weight:700;
  line-height:var(--nsv2-text-line-height);
  padding:2px 2px var(--nsv2-text-bottom-pad);
  text-align:center;
}
.navstyle-queeny-v2 .nsv2-item:hover .nsv2-icon,
.navstyle-queeny-v2 .nsv2-item:focus-visible .nsv2-icon{
  color:var(--nsv2-icon-hover);
  transform:translateY(-2px) scale(1.06);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));
}
.navstyle-queeny-v2 .nsv2-item.is-center{z-index:4}
.navstyle-queeny-v2 .nsv2-item.is-center .nsv2-item-inner{padding-top:38px}
.navstyle-queeny-v2 .nsv2-center-media{
  position:absolute;
  left:50%;
  top:calc(-1 * var(--nsv2-image-lift));
  transform:translateX(-50%);
  width:var(--nsv2-image-width);
  height:var(--nsv2-image-height);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible;
  transition:transform .18s ease;
}
.navstyle-queeny-v2 .nsv2-center-image{
  display:block;
  width:100%;
  height:100%;
  max-width:none!important;
  max-height:none!important;
  object-fit:var(--nsv2-image-fit);
  object-position:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.navstyle-queeny-v2 .nsv2-item.is-center:hover .nsv2-center-media,
.navstyle-queeny-v2 .nsv2-item.is-center:focus-visible .nsv2-center-media{transform:translateX(-50%) translateY(-2px) scale(1.025)}
.navstyle-queeny-v2 .nsv2-item:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:-3px;border-radius:10px}
.navstyle-queeny-v2 .nsv2-item:active .nsv2-icon{transform:scale(.94)}
.navstyle-queeny-v2 .nsv2-item.is-center:active .nsv2-center-media{transform:translateX(-50%) translateY(1px) scale(.97)}
@media(max-width:390px){
  .navstyle-queeny-v2 .nsv2-item-inner{gap:3px}
  .navstyle-queeny-v2 .nsv2-label{font-size:max(10px,calc(var(--nsv2-text-size) - 1px))}
}

/* Queeny 2.1: layered finish, tactile controls and accessible motion. */
.navstyle-queeny-v2 .nsv2-bar::before{
  background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 35%,rgba(0,0,0,.12) 80%),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.20),transparent 65%),linear-gradient(180deg,var(--nsv2-bar-start) 0%,var(--nsv2-bar-end) 86%);
  box-shadow:0 -8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25),inset 0 3px 6px rgba(255,255,255,.08),inset 0 -12px 24px rgba(0,0,0,.24);
}
.navstyle-queeny-v2 .nsv2-item-inner{border-radius:16px;transition:background .2s ease,box-shadow .2s ease}

.navstyle-queeny-v2 .nsv2-icon{filter:drop-shadow(0 4px 5px rgba(0,0,0,.22))}
.navstyle-queeny-v2 .nsv2-label{letter-spacing:.01em;text-shadow:0 2px 3px rgba(0,0,0,.28)}

.navstyle-queeny-v2 .nsv2-center-image{filter:drop-shadow(0 6px 8px rgba(0,0,0,.3))}


@media(prefers-reduced-motion:reduce){
  .navstyle-queeny-v2 .nsv2-icon,.navstyle-queeny-v2 .nsv2-center-media,.navstyle-queeny-v2 .nsv2-item-inner{transition:none}
  .navstyle-queeny-v2 .nsv2-item:hover .nsv2-icon{transform:none}
  .navstyle-queeny-v2 .nsv2-item.is-center:hover .nsv2-center-media{transform:translateX(-50%)}
}

/* Center label uses the same plain treatment as other menu labels. */
.navstyle-queeny-v2 .is-center .nsv2-label{background:none;border:0;border-radius:0;box-shadow:none}
/* Keep complete mobile labels visible. */
@media(max-width:480px){
 .navstyle-queeny-v2 .nsv2-bar{padding-left:2px;padding-right:2px}
 .navstyle-queeny-v2 .nsv2-item-inner{padding-left:0;padding-right:0;gap:3px}
 .navstyle-queeny-v2 .nsv2-label,.navstyle-queeny-v2 .is-center .nsv2-label{
 width:100%;max-width:100%;padding-left:0;padding-right:0;
 font-size:min(var(--nsv2-text-size),clamp(10px,2.75vw,12px));
 letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35;
 }
}

/* Configurable glass highlight: keeps label and raised media unobstructed. */
.navstyle-queeny-v2[data-effect-shape] .nsv2-item-inner{isolation:isolate}
.navstyle-queeny-v2[data-effect-shape] .nsv2-item-inner::before{
 content:"";position:absolute;inset:3px 4px;z-index:-1;pointer-events:none;
 border-radius:15px;border:1px solid rgba(255,255,255,.24);
 background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.03));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 14px rgba(0,0,0,.12);
 opacity:0;transform:scale(.94);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease;
}
.navstyle-queeny-v2[data-effect-shape="pill"] .nsv2-item-inner::before{border-radius:999px;inset:6px 4px}
.navstyle-queeny-v2[data-effect-shape="circle"] .nsv2-item-inner::before{inset:auto;left:50%;bottom:calc(var(--nsv2-text-size) * 1.35 + var(--nsv2-text-bottom-pad) + 9px);width:48px;height:48px;border-radius:50%;transform:translateX(-50%) scale(.94)}
.navstyle-queeny-v2[data-effect-shape="circle"] .is-center .nsv2-item-inner::before{bottom:auto;top:calc(-1 * var(--nsv2-image-lift));width:var(--nsv2-image-width);height:var(--nsv2-image-height);max-width:100%;aspect-ratio:1;height:auto}
.navstyle-queeny-v2[data-effect-shape] .nsv2-item:hover .nsv2-item-inner::before,
.navstyle-queeny-v2[data-effect-shape] .nsv2-item:focus-visible .nsv2-item-inner::before{opacity:1;transform:scale(1)}
.navstyle-queeny-v2[data-effect-shape="circle"] .nsv2-item:hover .nsv2-item-inner::before,
.navstyle-queeny-v2[data-effect-shape="circle"] .nsv2-item:focus-visible .nsv2-item-inner::before{transform:translateX(-50%) scale(1)}
.navstyle-queeny-v2[data-effect-shape] .nsv2-item:active .nsv2-item-inner::before{opacity:1;box-shadow:inset 0 3px 9px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.15);transform:scale(.95)}
.navstyle-queeny-v2[data-effect-shape="circle"] .nsv2-item:active .nsv2-item-inner::before{transform:translateX(-50%) scale(.95)}
.navstyle-queeny-v2[data-effect-shape="none"] .nsv2-item-inner::before{display:none}
.navstyle-queeny-v2[data-effect-shape="none"] .nsv2-item:is(:hover,:focus-visible,:active) .nsv2-icon{transform:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.22));color:inherit}
.navstyle-queeny-v2[data-effect-shape="none"] .nsv2-item.is-center:is(:hover,:focus-visible,:active) .nsv2-center-media{transform:translateX(-50%)}
@media(max-width:390px){.navstyle-queeny-v2[data-effect-shape="circle"] .nsv2-item:not(.is-center) .nsv2-item-inner::before{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.navstyle-queeny-v2[data-effect-shape] .nsv2-item-inner::before{transition:none}}

/* 3.2: signup has an independent, fixed raised response. */
.navstyle-queeny-v2[data-effect-shape] .is-center .nsv2-item-inner::before{display:none}
.navstyle-queeny-v2[data-effect-shape] .nsv2-item.is-center:is(:hover,:focus-visible,:active) .nsv2-center-media{transform:translateX(-50%) translateY(-6px) scale(1.055)}
.navstyle-queeny-v2[data-effect-shape] .nsv2-item.is-center:active .nsv2-center-media{transform:translateX(-50%) translateY(-4px) scale(1.04)}
.navstyle-queeny-v2 .nsv2-center-image{transition:filter .2s ease}
.navstyle-queeny-v2[data-effect-shape] .is-center:is(:hover,:focus-visible,:active) .nsv2-center-image{filter:drop-shadow(0 10px 8px rgba(0,0,0,.42)) drop-shadow(0 0 4px rgba(255,255,255,.15))}
/* Raised tile */
.navstyle-queeny-v2[data-effect-shape="raised"] .nsv2-item:not(.is-center):is(:hover,:focus-visible,:active) .nsv2-item-inner::before{opacity:1;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 10px rgba(0,0,0,.3);transform:translateY(-3px)}
.navstyle-queeny-v2[data-effect-shape="raised"] .nsv2-item:not(.is-center):is(:hover,:focus-visible,:active) .nsv2-icon{transform:translateY(-4px) scale(1.06)}
/* Halo follows the image silhouette, without a surrounding shape. */
.navstyle-queeny-v2[data-effect-shape="glow"] .nsv2-item-inner::before{display:none}
.navstyle-queeny-v2[data-effect-shape="glow"] .nsv2-item:not(.is-center):is(:hover,:focus-visible,:active) .nsv2-icon{filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(255,255,255,.5));transform:translateY(-2px) scale(1.06)}
/* A quiet light accent below the label. */
.navstyle-queeny-v2[data-effect-shape="underline"] .nsv2-item-inner::before{inset:auto 25% 1px;height:3px;border:0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);box-shadow:0 0 8px rgba(255,255,255,.6)}
@media(prefers-reduced-motion:reduce){
 .navstyle-queeny-v2 .nsv2-center-image{transition:none}
 .navstyle-queeny-v2[data-effect-shape] .nsv2-item.is-center:is(:hover,:focus-visible,:active) .nsv2-center-media{transform:translateX(-50%)}
 .navstyle-queeny-v2[data-effect-shape="raised"] .nsv2-item:not(.is-center):is(:hover,:focus-visible,:active) .nsv2-icon,.navstyle-queeny-v2[data-effect-shape="glow"] .nsv2-item:not(.is-center):is(:hover,:focus-visible,:active) .nsv2-icon{transform:none}
}