/* ===== zintex26-subnav ===== */
.z26-subnav{
  /* Brand */
  --z-navy:#003366; --z-white:#FFFFFF; --z-yellow:#FFE500; --z-yellow-hover:#F5D800;
  /* Supporting (pending your decision on extra colors) */
  --z-navy-900:#0A1A2E; --z-blue:#1F5FA8; --z-ink:#1B2430; --z-muted:#5B6675;
  --z-line:#DDE3EA; --z-ivory:#FBF8F3; --z-ivory-line:#E7E1D7;

  position:relative; min-height:56px; /* keeps the space when the bar pins */
  font-family:"Open Sans",system-ui,sans-serif; font-weight:500;
}
.z26-subnav *,.z26-subnav *::before,.z26-subnav *::after{box-sizing:border-box}

.z26-subnav__bar{position:relative; z-index:900; width:100%; border-top:1px solid; border-bottom:1px solid; transition:background .2s ease, box-shadow .2s ease}
.z26-subnav.is-pinned .z26-subnav__bar{position:fixed; left:0; right:0; top:var(--z26-subnav-top, 0px)}

.z26-subnav__inner{max-width:1200px; margin:0 auto; height:54px; padding:0 16px; display:flex; align-items:center; gap:24px}
.z26-subnav__nav{flex:1; min-width:0; height:100%}
.z26-subnav__list{
  list-style:none; margin:0; padding:0; height:100%; display:flex; gap:28px;
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.z26-subnav__list::-webkit-scrollbar{display:none}
.z26-subnav__list li{flex:none; height:100%}
.z26-subnav__link{
  position:relative; display:flex; align-items:center; height:100%;
  font-size:15px; font-weight:700; color:var(--z-muted); text-decoration:none; white-space:nowrap;
}
.z26-subnav__link::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:transparent; transition:background .15s ease}
.z26-subnav__link:hover{color:var(--z-navy)}
.z26-subnav__link.is-active{color:var(--z-navy)}
.z26-subnav__link.is-active::after{background:var(--z-navy)}
.z26-subnav__link:focus-visible{outline:3px solid var(--z-blue); outline-offset:-3px; border-radius:6px}

.z26-subnav__btn{
  display:none; align-items:center; min-height:40px; padding:0 20px; border-radius:999px;
  background:var(--z-yellow); color:var(--z-navy); font-weight:700; font-size:15px; text-decoration:none; white-space:nowrap;
  transition:background .15s ease;
}
.z26-subnav__btn:hover{background:var(--z-yellow-hover)}
.z26-subnav__btn:focus-visible{outline:3px solid var(--z-blue); outline-offset:2px}

/* ---------- Style: Clear Glass ---------- */
.z26-subnav--glass .z26-subnav__bar{background:var(--z-white); border-color:var(--z-line)}
.z26-subnav--glass.is-pinned .z26-subnav__bar{
  background:rgba(255,255,255,.78); -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%);
  border-top-color:transparent; box-shadow:0 8px 24px rgba(10,26,46,.08);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .z26-subnav--glass.is-pinned .z26-subnav__bar{background:var(--z-white)}
}

/* ---------- Style: Warm & Solid ---------- */
.z26-subnav--warm .z26-subnav__bar{background:var(--z-ivory); border-color:var(--z-ivory-line)}
.z26-subnav--warm.is-pinned .z26-subnav__bar{border-top-color:transparent; box-shadow:0 6px 20px rgba(60,45,20,.08)}
.z26-subnav--warm .z26-subnav__btn{border-radius:12px; background:var(--z-navy); color:var(--z-white)}
.z26-subnav--warm .z26-subnav__btn:hover{background:var(--z-navy-900)}

/* ---------- Tablet / desktop ---------- */
@media (min-width:640px){
  .z26-subnav__inner{padding:0 32px}
  .z26-subnav__list{gap:32px}
}
@media (min-width:960px){
  .z26-subnav__btn{display:inline-flex}
}

@media (prefers-reduced-motion:reduce){
  .z26-subnav *{transition:none !important}
}