/* header/footer v2 — extracted, rem->px (base 10), scoped under .fpv2 */
.fpv2{--font-pri:"Google Sans",sans-serif;--font-sec:"Inter",sans-serif;--font-thir:"Oswald",sans-serif;--font-four:"UTM Bebas",sans-serif}
/* ẩn reading-progress bar của Bricks (đã có scroll-bar v2 riêng) */
.fpv2 #bricks-reading-progress{display:none!important}
/* header fixed => bù padding. v2 dùng .main; v1 (Bricks) dùng #brx-content */
.fpv2 .main,.fpv2 #brx-content{padding-top:70px}
@media screen and (max-width:767px){.fpv2 .main,.fpv2 #brx-content{padding-top:55px}}
/* container chỉ trong header/footer, tránh đụng .container của Bricks */
.fpv2 .header>.container,.fpv2 .site-footer>.container{width:100%;margin:0 auto;padding:0 15px;max-width:1148px}
.fpv2 .header{background:#fff;width:100%;height:70px;position:fixed;top:0;z-index:10;transition:transform .3s ease,background .3s ease}
.fpv2 .header.is-fixed{transform:translateY(0);box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}
.fpv2 .header.is-hidden{transform:translateY(-100%)}
.fpv2 .header .container{height:100%}
@media screen and (max-width:767px) {
  .fpv2 .header{height:55px}
}
.fpv2 .header-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:100%}
.fpv2 .header-main{display:flex;align-items:center;width:fit-content;column-gap:12px;height:100%}
/* bỏ marker/bullet mặc định của ul/li trong header & footer (reset v2 không trích) */
.fpv2 .menu-list,.fpv2 .menu-list ul,.fpv2 .sub-menu,.fpv2 .footer-list,.fpv2 .footer-list ul{list-style:none;margin:0;padding:0}
.fpv2 .menu-list li::marker,.fpv2 .footer-list li::marker,.fpv2 .sub-menu li::marker{content:"";font-size:0}
.fpv2 .menu-list{display:flex;align-items:center;--sp:16px;margin-right:calc(-1 * var(--sp));margin-left:calc(-1 * var(--sp))}
@media screen and (max-width:767px) {
  .fpv2 .menu-list{width:100%;margin-right:0;margin-left:0;flex-direction:column;align-items:start;padding:20px 15px}
}
.fpv2 .hide-sitename{visibility:visible;opacity:0;width:0;height:0}
.fpv2 .header-logo{display:flex;align-items:center;justify-content:center}
.fpv2 .header-logo img{height:28px}
.fpv2 .header-btn{display:flex;align-items:center;justify-content:center;height:fit-content;transition:all .5s cubic-bezier(.165,.84,.44,1)}
.fpv2 .header-btn img{width:auto;height:38px;margin-bottom:-8px}
@media screen and (max-width:767px) {
  .fpv2 .header-btn img{height:34px}
}
.fpv2 .header-btn:hover{transform:translateY(-2px)}
.fpv2 .menu-item{color:#000;font-family:var(--font-sec);transition:.5s ease;position:relative;padding:0 var(--sp);font-size:15px;font-weight:500}
.fpv2 .menu-item>a{transition:.3s;display:inline-block}
@media screen and (max-width:767px) {
  .fpv2 .menu-item>a{padding:12px 0}
}
@media screen and (max-width:767px) {
  .fpv2 .menu-item{border-bottom:1px solid rgba(0,0,0,.2);padding:0;width:100%}
}
.fpv2 .header-action{display:flex;align-items:center;column-gap:20px}
.fpv2 .header-action .menu-item{padding:0;display:inline-block}
.fpv2 .header-nav{height:100%}
@media screen and (max-width:767.98px) {
  .fpv2 .header-nav{display:none}
}
.fpv2 .menu-bar{height:100%;width:28px;height:16px;display:block;cursor:pointer;padding:0 15px;user-select:none;position:relative}
@media screen and (min-width:768px) {
  .fpv2 .menu-bar{display:none}
}
.fpv2 .menu-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000;display:block;height:2.2px;transition:background ease .3s,top ease .3s .3s,transform ease .3s;width:28px}
.fpv2 .menu-icon::before{top:-7px}
.fpv2 .menu-icon::after{top:7px}
.fpv2 .menu-icon::after, .fpv2 .menu-icon::before{background:#000;content:"";display:block;height:2.2px;position:absolute;transition:background ease .3s,top ease .3s .3s,transform ease .3s;width:28px}
.fpv2 .header-nav{width:100%;display:flex;justify-content:space-between}
@media screen and (max-width:767px) {
  .fpv2 .header-nav{position:absolute;top:55px;left:0;width:100%;background:#fff;height:fit-content;overflow:hidden;max-height:0;transition:.5s ease;box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}
  .fpv2 .header-nav.is-active{border-top:1px solid rgba(255,178,20,.4);max-height:90.8svh;overflow:hidden auto}
}
.fpv2 .header-nav .menu-item-has-children::after{top:50%;width:14px;height:14px}
@media screen and (max-width:767px) {
  .fpv2 .header-nav .menu-item-has-children::after{top:20px}
}
.fpv2 .header-nav .sub-menu::before{height:40px}
@media screen and (max-width:767px) {
  .fpv2 .header-nav .sub-menu{opacity:1;max-height:unset;display:none}
  .fpv2 .header-nav .sub-menu .menu-item{font-size:14px;font-style:italic}
}
.fpv2 .site-footer{position:relative;background:#3c3bdf;background:linear-gradient(180deg,#3c3bdf 0,#212079 100%);padding-top:50px;padding-bottom:80px}
@media screen and (max-width:575px) {
  .fpv2 .site-footer{padding-top:20px;padding-bottom:20px}
}
.fpv2 .site-footer .header-logo{justify-content:start;margin-bottom:34px}
.fpv2 .site-footer .header-logo img{height:42px}
@media screen and (max-width:575px) {
  .fpv2 .site-footer .header-logo{margin-bottom:20px}
  .fpv2 .site-footer .header-logo img{height:30px}
}
.fpv2 .site-footer .container{position:relative}
.fpv2 .footer-grid{display:flex;justify-content:space-between;gap:24px 16px}
@media screen and (max-width:767px) {
  .fpv2 .footer-grid{flex-wrap:wrap;justify-content:start}
}
.fpv2 .footer-column:nth-of-type(1){width:20%}
@media screen and (max-width:767px) {
  .fpv2 .footer-column:nth-of-type(1){width:calc(100% / 3 - (1 - 1 / 3) * 16px)}
}
@media screen and (max-width:575px) {
  .fpv2 .footer-column:nth-of-type(1){width:100%}
}
.fpv2 .footer-column:nth-of-type(2){width:24%}
@media screen and (max-width:767px) {
  .fpv2 .footer-column:nth-of-type(2){width:calc(100% / 3 - (1 - 1 / 3) * 16px)}
}
@media screen and (max-width:575px) {
  .fpv2 .footer-column:nth-of-type(2){width:calc(100% / 2 - (1 - 1 / 2) * 16px);order:3}
}
.fpv2 .footer-column:nth-of-type(3){width:18%}
@media screen and (max-width:767px) {
  .fpv2 .footer-column:nth-of-type(3){width:calc(100% / 3 - (1 - 1 / 3) * 16px)}
}
@media screen and (max-width:575px) {
  .fpv2 .footer-column:nth-of-type(3){width:calc(100% / 2 - (1 - 1 / 2) * 16px)}
}
.fpv2 .footer-column:nth-of-type(4){width:30%}
@media screen and (max-width:767px) {
  .fpv2 .footer-column:nth-of-type(4){width:100%}
}
@media screen and (max-width:575px) {
  .fpv2 .footer-column:nth-of-type(4){order:4}
}
.fpv2 .footer-tt{font-weight:500;text-transform:uppercase;color:#fff;font-size:15px}
@media screen and (max-width:575px) {
  .fpv2 .footer-tt{font-size:12px}
}
.fpv2 .footer-list{margin:0;padding:0;list-style:none}
.fpv2 .footer-list a, .fpv2 .footer-list li{font-size:16px;font-weight:500;color:#fff}
@media screen and (max-width:575px) {
  .fpv2 .footer-list a, .fpv2 .footer-list li{font-size:14px}
}
.fpv2 .footer-list--contact li{display:flex;align-items:start;gap:8px}
.fpv2 .footer-list--contact li>a{display:flex;align-items:start;gap:8px}
.fpv2 .footer-list--contact li>a>img{width:22px;height:auto;flex-shrink:0}
@media screen and (max-width:575px) {
  .fpv2 .footer-list--contact li>a>img{width:16px}
}
.fpv2 .footer-list--contact li>img{width:22px;height:auto;flex-shrink:0}
@media screen and (max-width:575px) {
  .fpv2 .footer-list--contact li>img{width:16px}
}
.fpv2 .footer-list li{margin-top:24px}
.fpv2 .footer-list li ul{margin-top:24px}
.fpv2 .footer-list li ul li{margin-top:10px}
@media screen and (max-width:575px) {
  .fpv2 .footer-list li{margin-top:8px}
}
.fpv2 .footer-box{display:flex;align-items:center;gap:16px;justify-content:space-between}
@media screen and (max-width:575px) {
  .fpv2 .footer-box{gap:8px}
}
.fpv2 .footer-social{display:flex;align-items:center}
.fpv2 .footer-social a{display:flex;align-items:center;justify-content:center}
.fpv2 .footer-social a img{width:32px;height:32px;transition:.5s ease}
.fpv2 .footer-social a:hover img{transform:scale(1.05)}
.fpv2 .footer-form{flex-direction:column;justify-content:start;align-items:start;width:100%}
.fpv2 .newsletter-form{border-radius:16px;overflow:hidden;position:relative;background:#fff;display:flex;align-items:center;width:100%}
.fpv2 .newsletter-form input{min-height:32px;padding:0 18px;border:0;color:#000;font-size:15px;width:100%;padding-right:110px;border:0}
.fpv2 .newsletter-form input::placeholder{color:#6c6c6c}
.fpv2 .newsletter-form input:focus{outline:unset;border:unset}
.fpv2 .form-btn{font-weight:500;font-size:15px;text-transform:uppercase;border:2px solid #fff1bc;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);border-radius:26px;height:32px;min-width:110px;display:flex;align-items:center;justify-content:center;color:#fff1bc;background:#4631fe;background:linear-gradient(180deg,#4631fe 0,#3e3ae0 100%);font-family:var(--font-pri);position:absolute;right:0;top:0}
.fpv2 .footer-map{max-height:215px;position:relative;aspect-ratio:34.4/21.6}
.fpv2 .footer-map iframe{height:100%;width:100%;object-fit:cover}
.fpv2 .footer-column--wide{display:flex;flex-direction:column;row-gap:24px}
.fpv2 .footer-bottom{position:absolute;bottom:-11px;padding-top:16px;font-size:11px;color:#fff;width:50%;font-weight:500}
.fpv2 .footer-bottom::before{top:0;left:0;position:absolute;content:"";width:100%;background:#d9d9d9;height:1px}
@media screen and (max-width:767px) {
  .fpv2 .footer-bottom{position:relative;bottom:unset;margin-top:24px;width:100%}
}
.fpv2 .footer-column .menu-list{flex-direction:column;align-items:start;margin-right:0;margin-left:0}
@media screen and (max-width:767px) {
  .fpv2 .footer-column .menu-list{padding:0}
}
.fpv2 .footer-column .menu-item{margin-top:24px;padding:0;text-align:left;color:#fff;font-size:16px;font-family:var(--font-pri);font-weight:500}
@media screen and (max-width:767px) {
  .fpv2 .footer-column .menu-item{border:0}
  .fpv2 .footer-column .menu-item a{padding:0}
}
@media screen and (max-width:575px) {
  .fpv2 .footer-column .menu-item{margin-top:16px;font-size:14px}
}
.fpv2 #scoll-bar-container{position:fixed;top:70px;left:0;right:0;width:100%;z-index:2}
@media screen and (max-width:767px) {
  .fpv2 #scoll-bar-container{top:55px}
}
.fpv2 #scroll-bar{width:0;height:6px;background-color:#ffb214}
.fpv2 .p-backlink .menu-icon, .fpv2 .p-seo .menu-icon{background:#fff}
.fpv2 .p-backlink .menu-icon::after, .fpv2 .p-backlink .menu-icon::before, .fpv2 .p-seo .menu-icon::after, .fpv2 .p-seo .menu-icon::before{background:#fff}