/* V08 shared shell: the original PNG, a compact navy masthead, and connected navigation. */
.theme-v08 .site-header{display:contents}
.theme-v08 .masthead{background:#062c46;color:#fff;border-bottom:1px solid #ffffff12}
.theme-v08 .masthead-inner{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:26px;min-height:116px;padding-block:14px;align-items:center}
.theme-v08 .brand-logo{width:140px;display:block}
.theme-v08 .brand-logo img{display:block;width:100%;height:auto;aspect-ratio:1620/971;object-fit:contain}
.theme-v08 .brand-logo:after{display:none}
.theme-v08 .brand-name{min-width:0}
.theme-v08 .brand-name p{color:#b4cddd;font-size:10px;letter-spacing:1.1px;margin:0 0 4px;line-height:1.5}
.theme-v08 .brand-name strong{color:#fff;font-size:25px;line-height:1.4;letter-spacing:-.5px}
.theme-v08 .brand-name>span{font-size:11px;letter-spacing:.15px;line-height:1.6;margin-top:3px;color:#acc7d8}
.theme-v08 .masthead-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.theme-v08 .masthead-meta{display:flex;align-items:center;gap:23px;font-size:11px;line-height:1.5;color:#c7dce8}
.theme-v08 .masthead-meta>span,.theme-v08 .masthead-meta>a{display:flex;align-items:center;gap:8px}
.theme-v08 .masthead-meta>span{font-size:10px;letter-spacing:.4px}
.theme-v08 .masthead-meta svg{width:16px;height:16px;flex:none;color:#accddd}
.theme-v08 .masthead-actions{display:flex;align-items:center;gap:25px;margin:0}
.theme-v08 .header-phone{display:flex;padding:0;border:0;gap:10px;margin:0;line-height:1.4}
.theme-v08 .header-phone small,.theme-v08 .header-zalo small{display:block;font-size:8px;line-height:1.4;letter-spacing:.5px;color:#adcbdf;margin-bottom:2px}
.theme-v08 .header-phone b{font-size:21px;font-weight:650;letter-spacing:.1px;color:#fff;white-space:nowrap}
.theme-v08 .header-phone .phone-icon{display:grid;width:35px;height:35px;border-color:#648fa8;color:#e4f5ff;background:#ffffff04}
.theme-v08 .header-phone .phone-icon svg{width:19px;height:19px}
.theme-v08 .header-zalo{gap:9px;min-height:44px}
.theme-v08 .header-zalo>span:last-of-type{display:block}
.theme-v08 .header-zalo .zalo-round{width:35px;height:35px;background:#087bf1}
.theme-v08 .header-zalo .zalo-icon{width:25px;height:25px}
.theme-v08 .header-zalo b{font-size:15px;font-weight:600;color:white}
.theme-v08 .header-zalo-arrow{width:18px;height:18px;margin-left:3px;color:#c0deef}
.theme-v08 .navigation-bar{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#073956,#072b45);border-bottom:1px solid #2a5269;box-shadow:none;color:#fff}
.theme-v08 .navigation-bar .navigation-inner{display:flex;align-items:stretch;min-height:56px;gap:24px}
.theme-v08 .navigation-bar #primary-nav{position:static;display:flex;flex:0 1 auto;width:auto;justify-content:flex-start;align-items:stretch;gap:30px;padding:0;border:0;box-shadow:none;overflow:visible;background:none;max-height:none}
.theme-v08 .navigation-bar #primary-nav>a{min-height:56px;font-size:13px;font-weight:600;color:#d5e5ef;border:0;line-height:1.4}
.theme-v08 .navigation-bar #primary-nav>a:hover,.theme-v08 .navigation-bar #primary-nav>a.active{color:#fff}
.theme-v08 .navigation-bar #primary-nav>a:after{height:3px;background:#ef2637}
.theme-v08 .navigation-bar #primary-nav>a.active:after{right:0}
.theme-v08 .navigation-bar .nav-cta{display:flex;align-self:center;gap:20px;padding:11px 18px;min-height:40px;margin-left:auto;border:0;background:#007ac3;color:#fff;box-shadow:inset 0 0 0 1px #48a3d63b;font-size:12px;line-height:1.5}
.theme-v08 .navigation-bar .nav-cta:hover{background:#008bd6}
.theme-v08 .navigation-bar .nav-cta svg{width:18px;height:18px;color:#fff}
.theme-v08 .menu-toggle{display:none}
.theme-v08 .footer{background:#062c46;border-top:1px solid #35627c;color:#bdd3e0;padding:38px 0 0}
.theme-v08 .footer-columns{display:grid;grid-template-columns:minmax(260px,1.45fr) minmax(140px,.8fr) minmax(170px,.95fr) minmax(240px,1.1fr);gap:32px;padding:0 0 32px}
.theme-v08 .footer-columns>div:last-child{display:block}
.theme-v08 .footer-columns h3{font-size:12px;letter-spacing:.55px;line-height:1.6;color:#fff;font-weight:650;margin:3px 0 14px}
.theme-v08 .footer-columns a{font-size:13px;line-height:1.7;margin-top:8px;color:#c9dce7}
.theme-v08 .footer-columns a:hover{color:#fff}
.theme-v08 .footer-columns p{font-size:13px;line-height:1.8}
.theme-v08 .footer-columns .footer-brand{display:flex;align-items:center;gap:13px;margin:0 0 14px;color:#fff}
.theme-v08 .footer-brand img{width:104px;height:auto;aspect-ratio:1620/971;object-fit:contain;flex:none}
.theme-v08 .footer-brand>div{min-width:0}
.theme-v08 .footer-brand>div>span{font-size:8px;line-height:1.5;letter-spacing:.5px}
.theme-v08 .footer-brand strong{font-size:17px;line-height:1.6;letter-spacing:-.4px;font-weight:700}
.theme-v08 .footer-brand p{font-size:10px;line-height:1.6;color:#acc6d5;margin:0}
.theme-v08 .footer-intro>p{margin:0;max-width:320px;color:#acc6d5}
.theme-v08 .footer-columns .footer-contact-link{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:8px 0 0;line-height:1.75}
.theme-v08 .footer-contact-link svg{width:17px;height:17px;flex:none;margin-top:3px;color:#9cc6e0}
.theme-v08 .footer-contact-link span{min-width:0;overflow-wrap:anywhere}
.theme-v08 .footer-contact-link small{display:inline-block;font-size:11px;margin-left:8px;color:#a1c0d2}
.theme-v08 .footer-columns .footer-request{display:flex;align-items:center;gap:10px;color:#e4f5ff;font-size:12px;margin-top:13px}
.theme-v08 .footer-request svg{width:18px;height:18px;color:#ff5460;flex:none}
.theme-v08 .footer-bottom{padding:16px 0 20px;align-items:center;gap:16px;border-top:1px solid #ffffff1c;font-size:11px;color:#acc6d5}
.theme-v08 .footer-bottom>span:last-of-type{font-size:9px;letter-spacing:.5px;margin-left:auto;line-height:1.8}
.theme-v08 .footer-bottom i{margin:0 7px;color:#f0525e}
.theme-v08 .back-top{width:36px;height:36px;min-width:36px;margin-left:8px;border-color:#7a9aae55;background:#ffffff04}
.theme-v08 .back-top:hover{background:#ffffff10}
.theme-v08 .back-top svg{width:17px;height:17px}
.theme-v08 .contact-float{right:16px;bottom:25px;gap:10px}
.theme-v08 .contact-float>a{min-height:45px}
.theme-v08 .contact-float .float-icon{width:45px;height:45px;border:2px solid #eef8ff;box-shadow:0 3px 13px #031b3a2b}
.theme-v08 .float-phone .float-icon{background:#007bc2}
.theme-v08 .mobile-dock{display:none}
.theme-v08 .brand-logo:focus-visible,.theme-v08 .header-phone:focus-visible,.theme-v08 .header-zalo:focus-visible,.theme-v08 .navigation-bar a:focus-visible,.theme-v08 .footer a:focus-visible{outline:2px solid #7ccaff;outline-offset:5px}

@media(min-width:861px) and (max-width:1200px){
  .theme-v08 .masthead-inner{grid-template-columns:125px minmax(0,1fr) auto;gap:20px;min-height:107px;padding-block:12px}
  .theme-v08 .brand-logo{width:125px}
  .theme-v08 .brand-name strong{font-size:22px}
  .theme-v08 .brand-name p{font-size:9px;letter-spacing:.8px}
  .theme-v08 .brand-name>span{font-size:10px}
  .theme-v08 .masthead-meta{gap:15px;font-size:10px}
  .theme-v08 .masthead-actions{gap:18px}
  .theme-v08 .header-phone b{font-size:19px}
  .theme-v08 .header-phone small,.theme-v08 .header-zalo small{font-size:7px}
  .theme-v08 .header-zalo-arrow{display:none}
  .theme-v08 .navigation-bar .navigation-inner{gap:18px}
  .theme-v08 .navigation-bar #primary-nav{flex:1;justify-content:space-between;gap:16px}
  .theme-v08 .navigation-bar #primary-nav>a{font-size:12px}
  .theme-v08 .navigation-bar .nav-cta{font-size:11px;gap:10px;padding:10px 14px}
  .theme-v08 .footer-columns{grid-template-columns:1.4fr 1fr 1.1fr;gap:30px}
  .theme-v08 .footer-contact{grid-column:1/-1;display:flex!important;align-items:center;gap:20px;border-top:1px solid #ffffff14;padding-top:18px}
  .theme-v08 .footer-contact h3{margin:0;flex:none}
  .theme-v08 .footer-columns .footer-contact-link,.theme-v08 .footer-columns .footer-request{margin:0}
  .theme-v08 .footer-contact-link small{display:none}
}
@media(min-width:861px) and (max-width:1000px){
  .theme-v08 .masthead-inner{gap:16px;grid-template-columns:117px minmax(0,1fr) auto}
  .theme-v08 .brand-logo{width:117px}
  .theme-v08 .brand-name strong{font-size:20px}
  .theme-v08 .masthead-meta>span{display:none}
  .theme-v08 .masthead-meta{font-size:10px}
  .theme-v08 .masthead-actions{gap:15px}
  .theme-v08 .header-phone b{font-size:18px}
  .theme-v08 .header-zalo small{display:none}
  .theme-v08 .header-zalo b{font-size:13px}
  .theme-v08 .header-phone .phone-icon,.theme-v08 .header-zalo .zalo-round{width:31px;height:31px}
  .theme-v08 .navigation-bar #primary-nav{gap:11px}
  .theme-v08 .navigation-bar #primary-nav>a{font-size:11px}
  .theme-v08 .navigation-bar .nav-cta{font-size:10px;padding:10px 12px;gap:8px}
  .theme-v08 .footer-contact{flex-wrap:wrap;gap:14px 24px}
}
@media(max-width:860px){
  .theme-v08 .masthead{position:relative;z-index:31}
  .theme-v08 .masthead-inner{grid-template-columns:110px minmax(0,1fr) 48px;gap:0 20px;padding-top:12px;padding-bottom:0;min-height:0}
  .theme-v08 .brand-logo{width:110px;grid-column:1;grid-row:1}
  .theme-v08 .brand-name{grid-column:2;grid-row:1}
  .theme-v08 .brand-name strong{font-size:24px;white-space:normal;line-height:1.4}
  .theme-v08 .brand-name p{font-size:10px;letter-spacing:1px}
  .theme-v08 .brand-name>span{font-size:10px}
  .theme-v08 .masthead-contact{display:contents}
  .theme-v08 .masthead-meta{display:none}
  .theme-v08 .masthead-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 0;min-height:57px;border-top:1px solid #65869b66}
  .theme-v08 .header-phone{justify-content:center;gap:10px;min-height:57px;padding:0;margin:0;border:0}
  .theme-v08 .header-phone small,.theme-v08 .header-zalo small{display:none}
  .theme-v08 .header-phone b{font-size:18px}
  .theme-v08 .header-phone .phone-icon{display:grid;width:33px;height:33px}
  .theme-v08 .header-phone .phone-icon svg{width:19px;height:19px}
  .theme-v08 .header-zalo{justify-content:center;gap:12px;border-left:1px solid #7392a755;min-height:33px;margin-block:12px}
  .theme-v08 .header-zalo b{font-size:16px}
  .theme-v08 .header-zalo .zalo-round{width:33px;height:33px}
  .theme-v08 .header-zalo .zalo-icon{width:24px;height:24px}
  .theme-v08 .header-zalo-arrow{display:none}
  .theme-v08 .menu-toggle{display:flex;grid-column:3;grid-row:1;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;margin:0;color:#fff;border:1px solid transparent;background:none}
  .theme-v08 .menu-toggle:focus-visible{outline:2px solid #7ccaff;outline-offset:2px}
  .theme-v08 .menu-label{display:none}
  .theme-v08 .menu-icon{width:27px;gap:6px}
  .theme-v08 .menu-icon i{width:27px;height:2px;background:#eef7ff}
  .theme-v08 .menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(8px) rotate(45deg)}
  .theme-v08 .menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-8px) rotate(-45deg)}
  .theme-v08 .navigation-bar{position:relative;z-index:30;border:0;box-shadow:none}
  .theme-v08 .navigation-bar .navigation-inner{min-height:0;gap:0;position:relative}
  .theme-v08 .navigation-bar #primary-nav{display:none;position:absolute;top:0;left:0;right:0;width:auto;padding:9px 22px 16px;max-height:calc(100dvh - 166px);overflow:auto;background:#082f4b;border:1px solid #365a70;box-shadow:0 16px 24px #031d3840}
  .theme-v08 .navigation-bar #primary-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .theme-v08 .navigation-bar #primary-nav>a{font-size:15px;min-height:49px;border-top:1px solid #ffffff16;color:#dcecf5}
  .theme-v08 .navigation-bar #primary-nav>a:first-child{border:0}
  .theme-v08 .navigation-bar #primary-nav>a:after{height:2px}
  .theme-v08 .navigation-bar #primary-nav>a.active:after{right:calc(100% - 30px)}
  .theme-v08 .navigation-bar .nav-cta{display:none}
  .theme-v08 .footer{padding-top:30px}
  .theme-v08 .footer-columns{grid-template-columns:1fr 1fr;gap:28px 30px;padding-bottom:28px}
  .theme-v08 .footer-intro{grid-column:auto}
  .theme-v08 .footer-contact{grid-column:auto}
  .theme-v08 .footer-discover{grid-column:2;grid-row:1}
  .theme-v08 .footer-columns h3{font-size:12px}
  .theme-v08 .footer-columns a,.theme-v08 .footer-columns p{font-size:13px}
  .theme-v08 .footer-brand img{width:100px}
  .theme-v08 .footer-brand strong{font-size:16px}
  .theme-v08 .footer-brand p{font-size:10px}
  .theme-v08 .footer-columns .footer-brand{gap:12px;margin-bottom:15px}
  .theme-v08 .footer-bottom{flex-wrap:wrap;gap:9px 18px}
  .theme-v08 .footer-bottom>span:last-of-type{font-size:8px;letter-spacing:.3px}
  .theme-v08 .contact-float{right:12px}
}
@media(max-width:600px){
  .theme-v08 .masthead-inner{grid-template-columns:90px minmax(0,1fr) 44px;gap:0 10px;padding-top:12px}
  .theme-v08 .brand-logo{width:90px}
  .theme-v08 .brand-name p{font-size:7px;letter-spacing:.35px;line-height:1.6;margin-bottom:3px}
  .theme-v08 .brand-name strong{font-size:16px;letter-spacing:-.45px;line-height:1.4}
  .theme-v08 .brand-name>span{display:none}
  .theme-v08 .menu-toggle{width:44px;min-width:44px;height:44px;min-height:44px}
  .theme-v08 .menu-icon,.theme-v08 .menu-icon i{width:25px}
  .theme-v08 .masthead-actions{margin-top:12px;min-height:55px}
  .theme-v08 .header-phone{min-height:55px;gap:8px}
  .theme-v08 .header-phone b{font-size:15px;letter-spacing:-.2px}
  .theme-v08 .header-phone .phone-icon{width:31px;height:31px}
  .theme-v08 .header-phone .phone-icon svg{width:17px;height:17px}
  .theme-v08 .header-zalo{gap:10px;min-height:31px;margin-block:12px}
  .theme-v08 .header-zalo b{font-size:14px}
  .theme-v08 .header-zalo .zalo-round{width:31px;height:31px}
  .theme-v08 .header-zalo .zalo-icon{width:23px;height:23px}
  .theme-v08 .navigation-bar #primary-nav{padding-inline:18px;max-height:calc(100dvh - 145px)}
  .theme-v08 .footer{padding-top:26px;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .theme-v08 .footer-columns{gap:28px 22px;grid-template-columns:1fr 1fr;padding-bottom:22px}
  .theme-v08 .footer-intro{grid-column:1/-1}
  .theme-v08 .footer-columns .footer-brand{gap:17px;max-width:100%;margin-bottom:16px}
  .theme-v08 .footer-brand img{width:111px}
  .theme-v08 .footer-brand>div>span{font-size:8px;letter-spacing:.4px}
  .theme-v08 .footer-brand strong{font-size:18px;line-height:1.55}
  .theme-v08 .footer-brand p{font-size:10px}
  .theme-v08 .footer-intro>p{max-width:none;font-size:13px}
  .theme-v08 .footer-discover{grid-column:auto;grid-row:auto}
  .theme-v08 .footer-contact{grid-column:1/-1;padding-top:20px;border-top:1px solid #ffffff14}
  .theme-v08 .footer-columns h3{font-size:11px;letter-spacing:.3px;margin-bottom:12px}
  .theme-v08 .footer-columns a{font-size:13px;line-height:1.7;min-height:32px;margin-top:4px}
  .theme-v08 .footer-columns .footer-contact-link{font-size:14px;min-height:32px;margin-top:4px}
  .theme-v08 .footer-contact-link small{font-size:12px}
  .theme-v08 .footer-columns .footer-request{font-size:13px;min-height:40px;margin-top:9px}
  .theme-v08 .footer-bottom{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:17px 42px 2px 0;gap:8px;font-size:11px}
  .theme-v08 .footer-bottom>span:last-of-type{font-size:8px;letter-spacing:0;margin-left:0}
  .theme-v08 .footer-bottom i{margin-inline:4px}
  .theme-v08 .back-top{position:absolute;right:0;top:18px;margin:0;width:33px;height:36px;min-width:33px}
  .theme-v08 .contact-float{display:none}
  .theme-v08 .mobile-dock{display:grid;grid-template-columns:1fr 1fr;background:#07324e;border-top:1px solid #54758b;box-shadow:0 -4px 15px #021d3620;padding:0 12px env(safe-area-inset-bottom)}
  .theme-v08 .mobile-dock a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:11px;min-height:59px;padding:8px 4px;font-size:14px;font-weight:600;color:#fff;background:none;border:0;line-height:1.5}
  .theme-v08 .mobile-dock a.dock-zalo{color:#fff;background:none;border:0;position:relative}
  .theme-v08 .mobile-dock a.dock-zalo:before{content:'';position:absolute;top:14px;bottom:14px;left:0;width:1px;background:#819cab88}
  .theme-v08 .mobile-dock a.dock-inquiry{display:none}
  .theme-v08 .mobile-dock a.dock-phone svg{color:#e3f4ff;width:30px;height:30px;stroke-width:1.5;border:1px solid #a4c8dd;border-radius:50%;padding:6px;box-sizing:content-box;width:18px;height:18px}
  .theme-v08 .mobile-dock .zalo-icon{width:31px;height:31px;color:white;background:#087df0;border-radius:50%;padding:4px;box-sizing:content-box}
  .theme-v08:has(.inquiry-form :is(input,select,textarea):focus) .mobile-dock{display:none}
}
@media(max-width:370px){
  .theme-v08 .masthead-inner{grid-template-columns:84px minmax(0,1fr) 40px;column-gap:9px}
  .theme-v08 .brand-logo{width:84px}
  .theme-v08 .brand-name strong{font-size:15px;letter-spacing:-.4px}
  .theme-v08 .brand-name p{font-size:6.5px}
  .theme-v08 .menu-toggle{width:40px;min-width:40px}
  .theme-v08 .header-phone b{font-size:14px}
  .theme-v08 .header-phone{gap:7px}
  .theme-v08 .footer-brand img{width:98px}
  .theme-v08 .footer-brand strong{font-size:16px}
  .theme-v08 .footer-brand>div>span{font-size:7px}
  .theme-v08 .footer-columns .footer-brand{gap:12px}
}