.zu-nav{display:none}@keyframes zuHeadIn{0%{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}@keyframes zuLinkIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes zuPulse{0%{box-shadow:0 0 #00c2ff8c}70%{box-shadow:0 0 0 8px #00c2ff00}to{box-shadow:0 0 #00c2ff00}}@media(min-width:990px){header-menu{display:none!important}header-component{animation:zuHeadIn .7s cubic-bezier(.22,1,.36,1) both}.zu-nav{display:block;position:relative;grid-column:1/-1;width:100%;max-width:1480px;margin:0 auto;padding:0 24px;max-height:64px;opacity:1;transition:max-height .5s cubic-bezier(.22,1,.36,1),opacity .3s ease,padding .4s ease}.zu-nav:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,42,74,.14),transparent)}html.zu-navhide .zu-nav{max-height:0;opacity:0;overflow:hidden;pointer-events:none}html.zu-navhide header-component:hover .zu-nav{max-height:64px;opacity:1;overflow:visible;pointer-events:auto}.zu-nav__list{position:relative;display:flex;justify-content:center;align-items:center;gap:2px;list-style:none;margin:0;padding:8px 0 10px}.zu-nav__item{position:relative;list-style:none;margin:0;padding:0;opacity:0;animation:zuLinkIn .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i)*55ms + .25s)}.zu-nav__ind{position:absolute;left:0;top:8px;height:36px;width:0;border-radius:999px;background:linear-gradient(135deg,#00c2ff29,#132f551a);box-shadow:inset 0 0 0 1px #0096dc2e;opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),opacity .25s ease}.zu-nav__a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border-radius:999px;font:600 14px/1 var(--font-body--family,inherit);letter-spacing:-.005em;color:#132f55;text-decoration:none;white-space:nowrap;transition:color .25s ease,transform .25s ease}.zu-nav__a:hover,.zu-nav__item.is-open>.zu-nav__a{color:#0072b8}.zu-nav__a:active{transform:scale(.95)}.zu-nav__item.is-active>.zu-nav__a{color:#0072b8}.zu-nav__chev{width:9px;height:9px;opacity:.55;transition:transform .35s cubic-bezier(.22,1,.36,1)}.zu-nav__item.is-open .zu-nav__chev{transform:rotate(180deg)}.zu-nav__new{font:700 9px/1 var(--font-body--family,inherit);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#00c2ff,#0072b8);padding:4px 6px;border-radius:999px;animation:zuPulse 2.4s ease-out infinite}.zu-nav__panel{position:absolute;top:calc(100% + 4px);left:50%;z-index:30;min-width:340px;padding:10px;border-radius:22px;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);box-shadow:0 0 0 1px #0b2a4a12,0 30px 60px -20px #0b2a4a61;display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));gap:4px;opacity:0;visibility:hidden;transform:translate(-50%,-10px) scale(.96);transform-origin:50% 0;pointer-events:none;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s}.zu-nav__item.is-open>.zu-nav__panel{opacity:1;visibility:visible;transform:translate(-50%) scale(1);pointer-events:auto;transition:opacity .25s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s}.zu-nav__item:last-child>.zu-nav__panel,.zu-nav__item:nth-last-child(2)>.zu-nav__panel{left:auto;right:0;transform:translateY(-10px) scale(.96);transform-origin:100% 0}.zu-nav__item:last-child.is-open>.zu-nav__panel,.zu-nav__item:nth-last-child(2).is-open>.zu-nav__panel{transform:translate(0) scale(1)}.zu-tile2{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:16px;text-decoration:none;color:#132f55;opacity:0;transform:translateY(8px);transition:background .2s ease,opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);transition-delay:0s,calc(var(--j)*45ms + 60ms),calc(var(--j)*45ms + 60ms)}.zu-nav__item.is-open .zu-tile2{opacity:1;transform:none}.zu-tile2:hover{background:#0096dc17}.zu-tile2__img{flex:none;width:46px;height:46px;border-radius:13px;background:#eef3f8 center/cover no-repeat;box-shadow:inset 0 0 0 1px #0b2a4a14}.zu-tile2__t{font:600 14px/1.25 var(--font-body--family,inherit);flex:1}.zu-tile2__go{opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);color:#0072b8;font-weight:700}.zu-tile2:hover .zu-tile2__go{opacity:1;transform:none}header-component .header-logo{transition:transform .4s cubic-bezier(.22,1,.36,1)}header-component .header-logo:hover{transform:scale(1.04)}header-component .header__icon,header-component [class*=header-actions] button,header-component [class*=header-actions] a{transition:background .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}header-component [class*=header-actions] button:hover,header-component [class*=header-actions] a:hover{transform:translateY(-2px)}}@media(min-width:990px)and (max-width:1279px){.zu-nav{padding:0 12px}.zu-nav__a{padding:0 10px;font-size:13px}.zu-nav__list{gap:0}}@media(prefers-reduced-motion:reduce){header-component,.zu-nav__item,.zu-tile2,.zu-nav__panel,.zu-nav__ind{animation:none!important;transition:none!important}.zu-nav__item{opacity:1}.zu-tile2{opacity:1;transform:none}}@media(min-width:990px)and (max-width:1179px){.zu-nav{padding:0 8px}.zu-nav__a{padding:0 7px;font-size:12.5px}.zu-nav__chev{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/zutech-nav.css.map */