/* =========================================================
   PHONGVT CORE + HOME TOP
   Layout 1350px - dùng cho NamVilla / Flatsome
========================================================= */

:root{
    --phongvt-primary:#062b63;
    --phongvt-secondary:#0f75bc;
    --phongvt-accent:#ed1c24;
    --phongvt-text:#10233f;
    --phongvt-muted:#667085;
    --phongvt-light:#f5f9ff;
    --phongvt-white:#ffffff;
    --phongvt-border:rgba(6,43,99,.12);
    --phongvt-shadow:0 18px 45px rgba(6,43,99,.12);
    --phongvt-radius:16px;
}

[class*="phongvt-"]{
    box-sizing:border-box;
}

.phongvt-home{
    width:100%;
    background:#fff;
    color:var(--phongvt-text);
    overflow:hidden;
}

.phongvt-container{
    width:100%;
    max-width:1350px;
    margin:0 auto;
    padding:0 15px;
}

.phongvt-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 20px;
    border-radius:999px;
    border:0;
    text-decoration:none !important;
    font-size:14px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    transition:all .25s ease;
}

.phongvt-btn-primary{
    background:var(--phongvt-accent);
    color:#fff !important;
    box-shadow:0 12px 28px rgba(237,28,36,.24);
}

.phongvt-btn-primary:hover{
    background:#d9161d;
    color:#fff !important;
    transform:translateY(-2px);
}

.phongvt-btn-white{
    background:#fff;
    color:var(--phongvt-primary) !important;
}

/* Xóa khoảng trắng dư Flatsome */
body.page .page-wrapper,
body.page .entry-content{
    padding-top:0 !important;
}

/* =========================================================
   FLATSOME HEADER CUSTOM
========================================================= */

.header-wrapper,
.header-main{
    background:#fff !important;
}

.header-top{
    background:#061f49 !important;
    color:#fff !important;
    min-height:34px !important;
}

.header-top a,
.header-top span,
.header-top li{
    color:#fff !important;
}

.header-main{
    min-height:76px !important;
    border-bottom:1px solid rgba(6,43,99,.08);
}

.header-main .header-inner{
    max-width:1350px !important;
    margin:0 auto !important;
    padding:0 15px !important;
}

.header-main .logo img{
    max-height:58px !important;
}

.header-nav-main > li > a{
    position:relative;
    color:var(--phongvt-primary) !important;
    font-size:15px !important;
    font-weight:800 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    padding:10px 13px !important;
}

.header-nav-main > li.active > a,
.header-nav-main > li.current-menu-item > a,
.header-nav-main > li > a:hover{
    color:var(--phongvt-accent) !important;
}

.header-nav-main > li.active > a:after,
.header-nav-main > li.current-menu-item > a:after{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:0;
    height:2px;
    border-radius:99px;
    background:var(--phongvt-accent);
}

.header-button .button,
.header-nav-main .button{
    min-height:42px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:var(--phongvt-accent) !important;
    border-color:var(--phongvt-accent) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    box-shadow:0 10px 25px rgba(237,28,36,.22);
}

/* =========================================================
   HOME HERO
========================================================= */

.phongvt-hero{
    position:relative;
    min-height:500px;
    padding:34px 0 44px;
    background:
        linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 35%,rgba(255,255,255,.10) 72%,rgba(255,255,255,0) 100%),
        url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1900") center/cover no-repeat;
    overflow:hidden;
}

.phongvt-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 78% 34%,rgba(15,117,188,.22),transparent 25%),
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
    pointer-events:none;
}

.phongvt-hero-inner{
    position:relative;
    z-index:2;
}

.phongvt-hero-content{
    max-width:720px;
}

.phongvt-hero-kicker{
    margin:0 0 4px;
    color:var(--phongvt-primary);
    font-size:32px;
    line-height:1;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.phongvt-hero-title{
    max-width:590px;
    margin:0;
    color:var(--phongvt-primary);
    font-size:44px;
    line-height:1.03;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:-.8px;
}

.phongvt-hero-title strong{
    display:block;
    color:var(--phongvt-accent);
}

.phongvt-hero-desc{
    max-width:455px;
    margin:16px 0 0;
    color:#18324a;
    font-size:15px;
    line-height:1.6;
}

.phongvt-hero-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    max-width:620px;
    margin-top:22px;
}

.phongvt-stat{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:68px;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(255,255,255,.82);
    border:1px solid rgba(15,117,188,.10);
    box-shadow:0 12px 28px rgba(6,43,99,.08);
}

.phongvt-stat-icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    border-radius:10px;
    background:rgba(15,117,188,.10);
    color:var(--phongvt-secondary);
    font-size:17px;
}

.phongvt-stat b{
    display:block;
    color:var(--phongvt-primary);
    font-size:15px;
    line-height:1.1;
}

.phongvt-stat span{
    display:block;
    margin-top:3px;
    color:var(--phongvt-muted);
    font-size:11px;
    line-height:1.2;
}

/* AGI box */
.phongvt-agi-box{
    position:absolute;
    top:95px;
    right:calc((100vw - 1350px) / 2 + 40px);
    width:250px;
    padding:20px;
    border-radius:20px;
    background:rgba(6,35,73,.94);
    color:#fff;
    box-shadow:0 24px 70px rgba(6,35,73,.28);
}

.phongvt-agi-title{
    margin:0 0 5px;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:900;
}

.phongvt-agi-sub{
    margin:0 0 13px;
    color:rgba(255,255,255,.86);
    font-size:13px;
    font-weight:700;
}

.phongvt-agi-box ul{
    display:grid;
    gap:7px;
    margin:0 0 15px;
    padding:0;
    list-style:none;
}

.phongvt-agi-box li{
    color:rgba(255,255,255,.88);
    font-size:12px;
}

/* Search box */
.phongvt-search{
    max-width:790px;
    margin-top:18px;
    padding:14px;
    border-radius:16px;
    background:rgba(5,31,69,.94);
    box-shadow:0 20px 55px rgba(5,31,69,.22);
}

.phongvt-search-tabs{
    display:flex;
    gap:8px;
    margin-bottom:11px;
}

.phongvt-search-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
}

.phongvt-search-tabs a.is-active{
    background:var(--phongvt-accent);
}

.phongvt-search-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 112px;
    gap:10px;
}

.phongvt-search-grid select{
    width:100%;
    height:40px;
    border:0;
    border-radius:9px;
    background:#fff;
    padding:0 11px;
    color:#1f2937;
    font-size:13px;
}

.phongvt-search-grid .phongvt-btn{
    min-height:40px;
    border-radius:9px;
    padding:0 14px;
    white-space:nowrap;
    box-shadow:none;
}

.phongvt-search-keywords{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:10px;
    color:rgba(255,255,255,.72);
    font-size:12px;
}

.phongvt-search-keywords a{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    text-decoration:none !important;
}

/* Benefits */
.phongvt-benefits{
    position:relative;
    z-index:5;
    margin-top:-18px;
}

.phongvt-benefit-row{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    background:#fff;
    border:1px solid var(--phongvt-border);
    border-radius:13px;
    box-shadow:0 16px 45px rgba(6,43,99,.10);
    overflow:hidden;
}

.phongvt-benefit-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border-right:1px solid rgba(6,43,99,.08);
}

.phongvt-benefit-item:last-child{
    border-right:0;
}

.phongvt-benefit-icon{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 40px;
    border-radius:12px;
    background:rgba(15,117,188,.08);
    color:var(--phongvt-secondary);
    font-size:19px;
}

.phongvt-benefit-item b{
    display:block;
    color:var(--phongvt-primary);
    font-size:14px;
    line-height:1.25;
}

.phongvt-benefit-item span{
    display:block;
    margin-top:3px;
    color:var(--phongvt-muted);
    font-size:12px;
    line-height:1.25;
}

/* Responsive */
@media(max-width:1200px){
    .phongvt-agi-box{
        right:20px;
    }

    .phongvt-search-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .phongvt-search-grid .phongvt-btn{
        grid-column:1 / -1;
    }
}

@media(max-width:849px){
    .header-main{
        min-height:68px !important;
    }

    .header-main .logo img{
        max-height:46px !important;
    }

    .phongvt-hero{
        min-height:auto;
        padding:34px 0 44px;
    }

    .phongvt-hero-kicker{
        font-size:25px;
    }

    .phongvt-hero-title{
        font-size:34px;
    }

    .phongvt-hero-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .phongvt-agi-box{
        position:relative;
        top:auto;
        right:auto;
        width:100%;
        margin-top:22px;
    }

    .phongvt-search{
        max-width:100%;
    }

    .phongvt-benefit-row{
        grid-template-columns:1fr;
    }

    .phongvt-benefit-item{
        border-right:0;
        border-bottom:1px solid rgba(6,43,99,.08);
    }

    .phongvt-benefit-item:last-child{
        border-bottom:0;
    }
}

@media(max-width:600px){
    .phongvt-search-grid{
        grid-template-columns:1fr;
    }

    .phongvt-search-tabs a{
        flex:1;
    }
}