
/* V3.4.3 - RESTORE OLD HOMEPAGE + HEADER ONLY
   Mục tiêu: giữ nguyên bố cục V2.4, chỉ sửa header và font. */

.home-header-v343{
    background:linear-gradient(180deg,#bb0000 0%,#a90000 100%) !important;
    border-bottom:3px solid #f0ca35 !important;
    color:#fff !important;
}

.home-head-inner-v343{
    display:grid !important;
    grid-template-columns:155px minmax(0,1fr) 245px !important;
    gap:25px !important;
    align-items:center !important;
    min-height:178px !important;
    padding:14px 0 !important;
}

.home-brand-v343{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.home-logo-v343{
    display:block !important;
    width:102px !important;
    height:102px !important;
    object-fit:contain !important;
    margin:0 auto !important;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));
}

.home-unit-v343{
    margin-top:4px !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    color:#ffd84b !important;
    font-size:16px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
    text-shadow:0 1px 1px rgba(0,0,0,.25);
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-unit-v343 span{
    display:block !important;
    white-space:nowrap !important;
}

.home-title-v343{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.home-title-v343 h1{
    margin:0 !important;
    padding:0 !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:31px !important;
    line-height:1.13 !important;
    font-weight:900 !important;
    letter-spacing:.1px !important;
    color:#fff0a8 !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 2px rgba(0,0,0,.2);
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-title-v343 p{
    margin:11px 0 0 !important;
    padding:0 !important;
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:15px !important;
    line-height:1.4 !important;
    font-style:normal !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    color:#fff !important;
    white-space:normal !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-badge-v343{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    color:#ffe36d !important;
    text-align:center !important;
    border:1px solid #edca4e !important;
    border-radius:9px !important;
    background:rgba(130,65,0,.55) !important;
    padding:15px 12px !important;
    min-width:210px !important;
}

.home-nav-v343,
.home-nav-v343 a{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-nav-v343 .wrap{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:0 2px !important;
}

.home-nav-v343 a{
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    padding:10px 9px !important;
}

.home-nav-v343 .nav-login{
    margin-left:auto !important;
}

/* Font fallback for text that was rendering inconsistently on homepage. */
.home-card,
.hero-panel,
.featured-section,
.home-two-col,
.stats-v24,
.qr-panel,
.home-search{
    font-family:Arial,"Segoe UI",Tahoma,sans-serif !important;
}

@media(max-width:980px){
    .home-head-inner-v343{
        grid-template-columns:130px minmax(0,1fr) 200px !important;
        gap:16px !important;
    }
    .home-logo-v343{width:88px !important;height:88px !important}
    .home-unit-v343{font-size:14px !important}
    .home-title-v343 h1{font-size:26px !important}
    .home-title-v343 p{font-size:14px !important}
    .home-badge-v343{min-width:170px !important;font-size:12px !important}
}

@media(max-width:760px){
    .home-head-inner-v343{
        grid-template-columns:1fr !important;
        text-align:center !important;
        gap:10px !important;
        padding:14px 12px !important;
    }
    .home-logo-v343{width:86px !important;height:86px !important}
    .home-unit-v343{font-size:15px !important}
    .home-title-v343 h1{font-size:24px !important}
    .home-title-v343 p{font-size:13px !important;margin-top:8px !important}
    .home-badge-v343{min-width:0 !important;justify-self:center !important;padding:10px 18px !important}
    .home-nav-v343 .wrap{display:block !important}
    .home-nav-v343 a{display:block !important}
    .home-nav-v343 .nav-login{margin:5px 10px !important;text-align:center !important}
}
