.navbar{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--line);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#site-header .container{width:min(1120px,92vw)!important;max-width:none!important;margin:0 auto!important;padding:0!important}#site-header .navbar{position:sticky!important;top:0!important;z-index:100!important;background:var(--white)!important;border-bottom:1px solid var(--line)!important}#site-header .navbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;height:90px!important;gap:1.5rem!important}.navbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;height:90px;gap:1.5rem}.nav-left{min-width:0}.nav-center{display:flex;align-items:center;justify-content:center}.nav-logo{display:inline-flex;align-items:center;flex-shrink:0}.nav-logo img{height:58px;width:auto;display:block;max-width:none}.nav-links{display:flex;align-items:center;gap:1.3rem;list-style:none;justify-content:flex-start}.nav-links a{font-size:.82rem;font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--teal)}.nav-right{display:flex;align-items:center;gap:1.2rem;justify-content:flex-end}.navbar .lang-toggle.lang-text{display:flex;border:0!important;border-radius:0!important;overflow:visible!important}.navbar .lang-toggle.lang-text button{border:0;background:transparent!important;padding:0!important;font-size:.72rem;cursor:pointer;color:var(--teal);letter-spacing:.03em;font-weight:400;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}.navbar .lang-toggle.lang-text button:hover{color:#16514f}.navbar .lang-toggle.lang-text button.active{background:transparent!important;color:var(--teal)!important}.nav-icon-btn{background:none;border:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;font-size:1.1rem;transition:color .2s}.nav-icon-btn:hover{color:var(--teal)}.nav-label-btn{font-size:.8rem;font-weight:400;letter-spacing:.01em;text-transform:none}.nav-cart-btn{position:relative;gap:.45rem}.nav-cart-btn .cart-badge{position:static;transform:none;min-width:1.15rem;height:1.15rem;font-size:.65rem}.account-dropdown-wrapper{position:relative}.account-toggle{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;border-radius:6px;transition:all .2s}.account-toggle:hover{background:#1f6a6714}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:200}.account-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f7fbfa,#fdfcf8);font-size:.85rem;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}.account-dropdown-header svg{flex-shrink:0;color:var(--teal)}.account-dropdown-divider{height:1px;background:var(--line);margin:.25rem 0}.account-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:background .2s}.account-dropdown-item:hover{background:#1f6a670f}.account-dropdown-item svg{flex-shrink:0;color:var(--muted)}.account-dropdown-item:hover svg{color:var(--teal)}.account-logout-btn{color:#d14343}.account-logout-btn svg{color:#d14343}.account-logout-btn:hover{background:#d143430f}.floating-contact-widget{position:fixed;right:18px;bottom:18px;z-index:320;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.contact-toggle-rect{border:0;border-radius:14px;background:linear-gradient(135deg,#c9a64c,#b08c39);color:#fff;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.01em;padding:10px 16px;cursor:pointer;box-shadow:0 8px 20px #103c3a47}.contact-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;opacity:0;transform:translateY(6px) scale(.96);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.floating-contact-widget.open .contact-actions{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.contact-circle{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 8px 16px #00000029}.contact-phone{width:auto;min-width:44px;padding:0 14px;gap:8px;border-radius:999px;background:#c9a64c;font-size:.8rem;font-weight:500}.contact-zalo,.contact-facebook{background:#f6edd9;border:1px solid #e3d3a6}.contact-zalo img,.contact-facebook img{display:block;width:22px;height:22px}@media(max-width:700px){.floating-contact-widget{right:12px;bottom:12px}.contact-toggle-rect{padding:9px 14px;font-size:.82rem}.contact-circle{width:40px;height:40px}.contact-phone{padding:0 12px;font-size:.74rem}}@media(max-width:700px){#site-header .container{width:min(1120px,94vw)!important}#site-header .navbar-inner{grid-template-columns:auto 1fr auto!important;gap:.8rem!important;height:78px!important}.navbar-inner{grid-template-columns:auto 1fr auto;gap:.8rem;height:78px}.nav-links{display:none}.nav-right{gap:.55rem}.nav-label-btn{font-size:.72rem;letter-spacing:.01em}.nav-logo img{height:50px}.account-toggle{font-size:.72rem;padding:.4rem .6rem}.account-toggle svg:first-child,.account-toggle svg:last-child{width:12px;height:12px}.account-dropdown{min-width:220px;font-size:.8rem}.account-dropdown-header{padding:.85rem;font-size:.8rem}.account-dropdown-item{padding:.65rem .85rem;font-size:.8rem}.nav-icon-btn{min-width:44px;min-height:44px;padding:.5rem}.nav-cart-btn{min-width:44px;min-height:44px}.account-dropdown{left:0;right:0;min-width:100vw;border-radius:0 0 8px 8px;border-left:none;border-right:none}}@media(max-width:480px){#site-header .navbar-inner{height:65px!important;gap:.5rem!important}.navbar-inner{height:65px;gap:.5rem}.nav-logo img{height:42px}.nav-right{gap:.25rem}.nav-label-btn{font-size:.68rem}.account-toggle{padding:.35rem .5rem}.contact-toggle-rect{font-size:.78rem;padding:8px 12px}}
