.vn-header{position:sticky;top:0;z-index:100;background:var(--vn-warm-white);border-bottom:1px solid var(--vn-border);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.vn-header--scrolled{background:#faf7f0f5;border-bottom-color:#d1d1d166;box-shadow:0 1px 24px #1d1d1d14}.vn-header--hidden{transform:translateY(-100%)}.vn-header__inner{display:flex;align-items:center;gap:var(--sp-6);height:72px}.vn-header__logo{flex-shrink:0;display:flex;align-items:center}.vn-header__logo-img--mobile{display:none}.vn-header__logo-text{font-family:var(--font-heading-family);font-size:var(--text-xl);font-weight:700}.vn-header__nav{flex:1;display:flex;justify-content:center}.vn-nav__list{display:flex;align-items:center;gap:var(--sp-1);list-style:none;margin:0;padding:0}.vn-nav__link{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;color:var(--vn-dark);border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;font-family:var(--font-body-family);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast);white-space:nowrap;text-decoration:none}.vn-nav__link:hover,.vn-nav__link[aria-current=page]{color:var(--vn-gold);background:transparent}.vn-nav__caret{transition:transform var(--dur-base) var(--ease-out)}.vn-nav__link--dropdown[aria-expanded=true] .vn-nav__caret{transform:rotate(180deg)}.vn-nav__item{position:relative}.vn-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:#fff;border:1px solid var(--vn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);list-style:none;margin:0;padding:var(--sp-2);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);z-index:10}.vn-nav__item.is-open .vn-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}.vn-dropdown__link{display:block;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);transition:background-color var(--dur-fast)}.vn-dropdown__link:hover{background:var(--vn-surface-alt)}.vn-header__icons{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.vn-header__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-sm);color:var(--vn-dark);background:none;border:none;cursor:pointer;transition:background-color var(--dur-fast);position:relative;text-decoration:none}.vn-header__icon:hover{background:#c9a86c14}.vn-cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;background:var(--vn-orange);color:var(--vn-dark);font-size:10px;font-weight:700;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;line-height:1}.vn-cart-count.is-empty{display:none}.vn-header__hamburger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;padding:10px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;transition:background-color var(--dur-fast)}.vn-header__hamburger:hover{background:#c9a86c14}.vn-hamburger__line{display:block;height:2px;background:var(--vn-dark);border-radius:2px;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base)}.vn-header__hamburger.is-active .vn-hamburger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.vn-header__hamburger.is-active .vn-hamburger__line:nth-child(2){opacity:0}.vn-header__hamburger.is-active .vn-hamburger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.vn-mobile-nav{position:fixed;inset:0 0 0 auto;width:min(360px,90vw);background:#fff;z-index:300;transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out);overflow-y:auto}.vn-mobile-nav:not([aria-hidden=true]){transform:translate(0)}.vn-mobile-nav__inner{padding:var(--sp-6)}.vn-mobile-nav__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;margin-bottom:var(--sp-4);border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;color:var(--vn-dark)}.vn-mobile-nav__logo{margin-bottom:var(--sp-6)}.vn-mobile-nav__list{list-style:none;margin:0;padding:0}.vn-mobile-nav__item{border-bottom:1px solid var(--vn-border)}.vn-mobile-nav__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-4) 0;font-size:var(--text-base);font-weight:600;color:var(--vn-dark);background:none;border:none;cursor:pointer;font-family:var(--font-body-family);text-decoration:none}.vn-mobile-nav__sub{list-style:none;margin:0;padding:0 0 var(--sp-3) var(--sp-4)}.vn-mobile-nav__sublink{display:block;padding:var(--sp-2) 0;font-size:var(--text-sm);color:var(--vn-text-muted)}.vn-mobile-nav__footer{margin-top:var(--sp-8);display:flex;gap:var(--sp-3)}.vn-mobile-nav__social{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--vn-dark);border:1px solid var(--vn-border);transition:background-color var(--dur-fast)}.vn-mobile-nav__social:hover{background:#c9a86c14;border-color:var(--vn-gold)}.vn-announcement{background:var(--vn-dark);color:var(--vn-warm-white);text-align:center;padding:var(--sp-2) var(--gutter);font-size:var(--text-sm);line-height:1.5}.vn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1d1d80;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.vn-overlay.is-visible{opacity:1;pointer-events:all}@media(max-width:1023px){.vn-header__nav{display:none}.vn-header__hamburger{display:flex}.vn-header__logo-img--desktop{display:none}.vn-header__logo-img--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-header.css.map */