header .nav{gap:20px}.header-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}header .header-brand .logo{line-height:1.1;letter-spacing:-2px;white-space:nowrap}.header-vn-flag{display:flex;align-items:center;width:27px;flex:0 0 27px}.header-vn-flag svg{display:block;width:100%;height:auto;border-radius:1px}.header-hotline{display:flex;flex-direction:column;gap:3px;padding-left:13px;border-left:1px solid #dfc49c75;color:#fff1d3;white-space:nowrap;line-height:1.25}.header-hotline>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#ffd080}.header-hotline>strong{font-size:15px;font-weight:800;letter-spacing:.15px}.header-hotline:hover strong{color:#ffd080}
@media(max-width:1200px){header .nav>.btn{display:none}header .nav #nav{font-size:12px;gap:18px}}
@media(max-width:960px){header .nav{height:75px}header .nav #nav{display:none;position:absolute;top:75px;left:0;right:0;background:#1b2b11;padding:25px;flex-direction:column;border-bottom:1px solid #d8bd8744;gap:18px}header .nav #nav.open{display:flex}header .nav>.mobile-menu{display:block;background:transparent;color:#fff0ce;border:1px solid #cfb37a;padding:10px 14px;font-size:13px}}
@media(max-width:600px){header .nav{padding:0 4%;gap:10px}.header-brand{gap:9px}header .header-brand .logo{font-size:31px;letter-spacing:-1.6px}.header-vn-flag{width:23px;flex-basis:23px}.header-hotline{padding-left:9px;gap:3px}.header-hotline>span{font-size:8px;letter-spacing:1px}.header-hotline>strong{font-size:13px;letter-spacing:0}header .nav>.mobile-menu{padding:9px 10px;font-size:12px}}
@media(max-width:360px){header .nav{padding:0 3.5%;gap:7px}.header-brand{gap:7px}header .header-brand .logo{font-size:27px;letter-spacing:-1.5px}.header-vn-flag{width:20px;flex-basis:20px}.header-hotline{padding-left:7px}.header-hotline>strong{font-size:12px}header .nav>.mobile-menu{padding:9px 8px;font-size:11px}}