/* =====================================================================
   PHAN KHU TRANG CHU V2  ·  home.css
   ---------------------------------------------------------------------
   File nay CHI phuc vu trang chu (V2Home.aspx). Khong trang nao khac nap.
   Tach ra tu <style> inline trong V2Home.aspx ngay 2026-07-21.

   >>> THU TU NAP - DOC KY TRUOC KHI SUA <<<
   Trang chu nap CSS theo thu tu nay, file sau de len file truoc:
       1. home-standard-card.js tu chen style cua no (luon nam dau <head>)
       2. Site.css          (nen chung ca web)
       3. Reponsive.css     (co dien, con nhieu !important cu)
       4. mobile-v2.css     (he thiet ke DUNG CHUNG cho ca web)
       5. >>> home.css  <-- file nay, NAP CUOI CUNG
   => File nay THANG tat ca. Sua o day ma khong an thi KHONG phai do bi de,
      ma do sai selector hoac dang xem ban cu trong bo nho dem (doi ?c=).
   => Vi thang san nen KHONG CAN !important. Con dung 5 cho, moi cho deu da
      thu tat/bat va do lai - bo di la hong that.

   [2026-07-21] Thu tu nay MOI DAO. Truoc do home.css nap TRUOC mobile-v2.css
   nen luat rieng cua trang chu bi luat chung de - phai rai !important de
   gianh. Da them cho cam "HeadContentLast" o cuoi <head> trong Site.Master.

   LUU Y: bo bien --cfg-* nam trong the <style> inline cua V2Home.aspx, vi
   may chu doc chung tu home-test-console.json (Console) roi in ra, khong the
   nam trong file .css tinh. Xem khoi "BANG DIEU KHIEN" o cuoi file nay.

   >>> LUAT BAT BUOC <<<
   Sua file nay xong PHAI doi so ?c= o the <link> trong V2Home.aspx.
   ===================================================================== */

.wrap-banner-main {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
}

/* [DA XOA 2026-07-21] CSS cua lightSlider (#lightSliderBanner).
   Banner gio dung bang HTML/CSS (khoi .cqb) nen phan tu do khong con
   ton tai trong markup -> toan bo luat nay la code chet. */

/* [DA XOA 2026-07-21] .wrap-banner-main .lSPager - nut tron cua lightSlider. Banner da doi
   sang HTML/CSS tu viet nen phan tu nay khong con ton tai. */

.cq-home-nav {
    position: -webkit-sticky;
    position: sticky;
    top: var(--cq-nav-top, 90px);
    z-index: 109;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 6px 0 4px;
    background: #f2f5f7;
    border-bottom: 1px solid rgba(219, 227, 234, 0.95);
    box-shadow: 0 10px 22px rgba(16, 42, 67, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.cq-home-nav .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 1300px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
}

.cq-home-nav .menu .item {
    float: none;
    width: auto;
    padding: 0 10px;
}

.cq-home-nav .cate-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    line-height: 1.2;
    border: 1px solid #d6dde5;
    border-radius: 999px;
    background: #ffffff;
    color: #1f3f63;
    font-weight: 600;
    white-space: nowrap;
    box-sizing: border-box;
}

.cq-home-nav .cate-menu:hover,
.cq-home-nav .cate-menu:focus {
    color: #1f3f63;
    text-decoration: none;
    border-color: #b9c7d3;
}

.cq-home-nav .cate-menu.home-filter-btn.is-active {
    background: #12385b;
    border-color: #12385b;
    color: #ffffff;
}

.cq-home-nav .menu .item:first-child .cate-menu {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: 50%;
    background: #1f3f63;
    border-color: #1f3f63;
    color: #ffffff;
}

.cq-home-nav .menu .item:first-child .cate-menu:hover,
.cq-home-nav .menu .item:first-child .cate-menu:focus {
    background: #264d77;
    border-color: #264d77;
    color: #ffffff;
}

.cq-home-nav .menu .item:first-child .cate-menu span.fa {
    display: block;
    font-size: 15px;
    line-height: 1;
}

@media (min-width: 768px) {
    body {
        background: #f2f5f7;
    }

    .home-content-shell {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        padding-left: var(--home-content-gutter, 120px);
        padding-right: var(--home-content-gutter, 120px);
        padding-top: 14px;
        padding-bottom: 12px;
        box-sizing: border-box;
    }

/* [DA XOA 2026-07-21] Khoi tieu de muc (.wrap-title-cate / .title-cate / .more) - 7 luat.
   Trang chu nay khong co tieu de muc; loc bang thanh tab chu khong chia muc. */

    .home-content-shell .list-item {
        margin-left: -12px;
        margin-right: -12px;
    }

/* [DA XOA 2026-07-21] .datalist-content .item-4/.item-8 - bo cuc "datalist" cu, khong con dung. */

    .home-content-shell .inner-item {
        margin-left: 12px;
        margin-right: 12px;
    }

    .home-content-shell .home-test-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        grid-auto-flow: dense;
        gap: 22px 24px;
        overflow: hidden;
        clear: both;
        margin-left: 0;
        margin-right: 0;
    }

    /* [DA XOA 2026-07-21] .home-test-row:after { clear: both }
       Day la tan du thoi luoi con dung FLOAT - hoi do can mot phan tu de
       "don dep" cac cot noi.

       Luoi bay gio la GRID. Ma trong grid, ::after ĐƯỢC TÍNH LÀ MỘT Ô THẬT.
       No chiem mot o, va vi moi hang cao bang nhau nen no DE RA NGUYEN MOT
       HANG TRONG ~350px o cuoi luoi.
       => Chinh la nguyen nhan "iPad bi ho" va "may tinh khong lap day".
       Da do: tat dong nay thi khoang thua tu 369px -> -1px.

       ⚠ Dung them lai bat ky ::before/::after nao vao .home-test-row - moi
         cai them vao la mot O TRONG trong luoi. */

    .home-content-shell .home-test-row .item-4 {
        width: auto;
        float: none;
        margin-bottom: 0;
    }

    .home-content-shell .home-test-row .item-wide {
        grid-column: span 2;
    }

    .home-content-shell .home-test-row .inner-item {
        margin-left: 0;
        margin-right: 0;
    }

    .home-content-shell.home-test-mode > * {
        display: none;
    }

    .home-content-shell.home-test-mode > .home-test-lab {
        display: block !important;
    }

    .home-content-shell .sep20 {
        height: 8px;
    }
}

/* [DA XOA 2026-07-21] .home-experiment-section - phan tu nay khong con
   trong markup, ma luat cu lai an no o CA hai khuon man hinh => code chet.
   Cung xoa luon CSS lightSlider trong 2 khoi @media ben duoi. */

/* [DA XOA 2026-07-21] #menuProduct - khong noi nao trong trang chu tao ra phan tu nay. */

@media (max-width: 991px) {
    .cq-home-nav .menu {
        max-width: calc(100% - 24px);
    }

    .home-content-shell {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media (max-width: 767px) {
    .cq-home-nav {
        padding-top: 6px;
        padding-bottom: 3px;
    }
}


/* ##########################################################################
   ####  PHAN DOI VE TU mobile-v2.css  -  ngay 2026-07-21                ####
   --------------------------------------------------------------------------
   Truoc day CSS trang chu nam lan trong mobile-v2.css (file dung chung cho
   ca web). Hau qua: sua trang chu lam hong trang khac (da dinh o /tap-chi),
   va khong ai biet phai sua o file nao.

   Nay gom het ve day. Quy uoc: TRANG CHU thi sua file nay, DUNG CHUNG
   (header, menu duoi, dang nhap) thi sua mobile-v2.css.

   ⚠ Khoi nay co y dat CUOI FILE de giu nguyen thu tu uu tien nhu truoc khi
     tach: no van de len phan dau file. Dung dao len tren.
   ########################################################################## */


/* NGOAI LE: BANNER TAI TRO giu phong RIENG.
   Moi nha tai tro co nhan dien thuong hieu rieng nen KHONG ep vao phong chung
   cua site. Dung selector co #id (do uu tien 1-0-0) de thang duoc luat ep
   phong o tren - neu chi dung .cqb thi thua diem, khong an. */
#cqBanner,
#cqBanner *:not(i) {
    font-family: 'Montserrat', 'Muli', sans-serif !important;
}


/* Rieng chu "tra la" dung Muli cho mem, dung nhu thiet ke ban dau */
#cqBanner .cqb--leaf .cqb__t1 {
    font-family: 'Muli', 'Montserrat', sans-serif !important;
}


/* Div dem .sep20 nam giua banner va thanh loc -> tao khoang ho 20px.
   Tren dien thoai da an bang class .cq-hide-mobile (JS gan trong V2Home.aspx),
   day la luat cho MAY TINH: an luon div dem dung truoc thanh loc. */
.wrap-banner-main + .sep20 {
    display: none;
}


/* Thanh loc - phan CAU TRUC dung chung cho ca 2 khuon man hinh.
   MAU NEN thi TACH RIENG:
       may tinh   -> xam dam mo   (xem @media min-width:1280px o cuoi file)
       dien thoai -> trang        (xem @media max-width:1279px o cuoi file)
   Co y tach ra vi 2 khuon co cam giac khac nhau, dung ep giong nhau. */
.cq-home-nav {
    border-bottom: 0;
    box-shadow: none;
    padding-bottom: 0;
    /* Site.css dat margin-bottom:30px cho .box-home -> tab bi day len cach
       khung noi dung 38px, khong the "dinh lien" duoc. Phai keo ve 0. */
    margin-bottom: 0;
}


/* Bo not khoang thua ben duoi hang tab (line-height cua .item) */
.cq-home-nav .menu .item {
    line-height: 0;
}


/* Le TREN cua khung noi dung = khoang cach tu thanh loc xuong hang card dau.
   PHAI noi o day (le TRONG khung), TUYET DOI khong them margin giua thanh loc
   va khung - lam vay tab se roi ra, mat hieu ung "dinh lien". */
.home-content-shell {
    background: #f2f5f7;
    padding-top: 36px;
}


/* --------------------------------------------------------------------------
   3. THANH LOC KIEU TAB HO SO
   -------------------------------------------------------------------------- */
.cq-home-nav .menu {
    align-items: flex-end;
    gap: 3px;
}

.cq-home-nav .menu .item {
    padding: 0;
}


/* Tab TAT: chu sang mo tren nen den */
.cq-home-nav .cate-menu {
    min-height: 0;
    /* margin:0 la BAT BUOC - Site.css dat margin-bottom:8px cho .cate-menu,
       lam tab lo lung cach khung noi dung 8px, khong "dinh lien" duoc. */
    margin: 0;
    padding: 11px 18px;
    border: 0;
    border-radius: 14px 14px 0 0;
    background: none;
    /* MAU CHU tach rieng theo khuon man hinh (nen toi vs nen trang) - xem
       2 khoi @media o cuoi file. */
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1;
    text-transform: uppercase;
    transition: background-color .16s ease, color .16s ease;
}



/* Tab DANG MO: mang sang tho xuong, cung mau khung noi dung -> dinh lien.
   KHONG duoc lam toi mau nay, neu khong se dut hieu ung "khoi lien". */
.cq-home-nav .cate-menu.home-filter-btn.is-active,
.cq-home-nav .cate-menu.home-filter-btn.is-active:hover {
    background: #f2f5f7;
    color: #14212e;
    font-weight: 600;
}



/* --- Nut TAI LAI trang chu (chi icon, dat sau "Cua Hang") --- */
.cq-home-nav .home-reload-btn {
    padding: 11px 14px;
}

.cq-home-nav .home-reload-btn i {
    display: block;
    font-size: 13px;
    line-height: 1;
    transition: transform .45s ease;
}

.cq-home-nav .home-reload-btn:hover i {
    transform: rotate(180deg);
}


/* --------------------------------------------------------------------------
   4. CARD - BO GOC DONG TAM VOI AVATAR
   Goc ngoai = ban kinh trong + khoang cach.  Hai cap deu ra 24:
       avatar  r12 + le trong 12 = 24
       nut noi r16 + le 8        = 24
   DOI 1 SO THI PHAI TINH LAI CA CUM, neu khong se lech tam.
   -------------------------------------------------------------------------- */
/* Card: BO VIEN TRANG DAY tren may tinh cho giong dien thoai.
   Luat goc trong home-standard-card.js dat padding:4px + nen trang + do bong
   -> tao vien trang bao quanh anh. Truoc day chi go trong khoi @media mobile,
   nen MAY TINH van con vien. Nay go o day de ap CHO MOI MAN HINH. */
.home-standard-card {
    position: relative;
    padding: 0;
    border: 1px solid rgba(18, 56, 91, .07);
    border-radius: 24px;
    box-shadow: none;
}

.home-standard-card__body {
    padding: 12px;
}

.home-standard-card__author-avatar {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}


/* --------------------------------------------------------------------------
   4b. CARD HOI-DAP PHAI CAO BANG CARD THUONG
   Card thuong = anh VUONG + phan chu (~102px)  -> ty le rong/cao ~ 0.70
   Card Hoi-Dap chi co MOT o mau, khong co phan chu, nen khi loc rieng
   "Hoi - Dap" (ca luoi toan card nay) no tu co lai thanh hinh gan vuong.
   Cho o mau mot ty le co dinh de dung mot minh van dung dang.
   Trong luoi TRON (co ca card thuong), flex:1 se thang -> tu gian cho bang
   hang xom. Nen luat nay chi an khi chieu cao dang la "auto".
   -------------------------------------------------------------------------- */
.card-type-question .home-standard-card__media-wrap {
    aspect-ratio: 0.7;
}


/* Card Hoi-Dap KHONG co vien - o mau da tu tach khoi nen roi, them vien
   chi lam ban. (Card thuong van giu vien toc vi nen trang de chim vao nen.) */
.card-type-question .home-standard-card {
    border: 0;
}


/* --------------------------------------------------------------------------
   5. TEN TAC GIA: IN HOA, CHI 1 CHU  (ca may tinh lan dien thoai)
   Ban day du van nam trong HTML nhung an di, de trinh doc man hinh van doc duoc.
   Co 11px vi chu IN HOA doc ra to hon chu thuong cung co - de 13px se lan at
   tieu de bai viet.
   -------------------------------------------------------------------------- */
.home-standard-card__author > .home-standard-card__meta:not(.home-standard-card__meta--short),
.home-standard-card__question-author > .home-standard-card__meta:not(.home-standard-card__meta--short) {
    display: none;
}

.home-standard-card__meta--short {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #8b98a5;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-standard-card__question-author .home-standard-card__meta--short {
    color: rgba(255, 255, 255, .92);
}


/* --------------------------------------------------------------------------
   6. NUT NOI KHI RE CHUOT: Pinterest (trai) + 3 cham (phai)
   -------------------------------------------------------------------------- */
.home-standard-card__ovb {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    z-index: 3;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(15, 25, 35, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, background-color .18s ease;
}

.home-standard-card:hover .home-standard-card__ovb,
.home-standard-card.is-menu-open .home-standard-card__ovb {
    opacity: 1;
    transform: none;
}

.home-standard-card__ovb:hover {
    background: rgba(15, 25, 35, .82);
    color: #fff;
}

.home-standard-card__pin {
    left: 8px;
}

.home-standard-card__pin:hover {
    background: #E60023;
}

.home-standard-card__more {
    right: 8px;
}


/* --------------------------------------------------------------------------
   7. NHAN "DUOC TAI TRO" - cho bai duoc GHIM tu Console
   Nam DUNG CHO nut Pinterest va cao bang nhau -> re chuot vao thi nhan mo di,
   nut Pinterest hien len thay vao, doi cho muot khong giat khung.
   -------------------------------------------------------------------------- */
.home-standard-card__ad {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    height: 32px;
    padding: 0 12px;
    background: none;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    white-space: nowrap;
    /* khong co nen -> phai co bong chu, neu khong se chim mat tren anh sang */
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 0 10px rgba(0, 0, 0, .35);
    pointer-events: none;
    opacity: 1;
    transition: opacity .18s ease;
}

.home-standard-card:hover .home-standard-card__ad,
.home-standard-card.is-menu-open .home-standard-card__ad {
    opacity: 0;
}


/* --------------------------------------------------------------------------
   8. MENU XO XUONG CUA NUT 3 CHAM
   -------------------------------------------------------------------------- */
.home-standard-card__menu {
    position: absolute;
    top: 47px;
    right: 8px;
    z-index: 30;
    min-width: 200px;
    padding: 5px 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(18, 56, 91, .2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.home-standard-card.is-menu-open .home-standard-card__menu {
    opacity: 1;
    visibility: visible;
    transform: none;
}


/* Card cat vien (overflow:hidden) nen khi mo menu phai bo cat, neu khong
   menu se bi khuat mat mot nua. */
.home-standard-card.is-menu-open {
    overflow: visible;
    z-index: 20;
}

.home-standard-card__menu-label {
    padding: 8px 14px 4px;
    color: #a6b2bd;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.home-standard-card__menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    color: #14212e;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.home-standard-card__menu-item:hover,
.home-standard-card__menu-item:focus {
    background: #f3f6f8;
    color: #14212e;
    text-decoration: none;
}

.home-standard-card__menu-item i {
    width: 15px;
    color: #7b8a97;
    font-size: 13px;
    text-align: center;
}

.home-standard-card__menu-sep {
    height: 1px;
    margin: 5px 0;
    background: #eef2f5;
}

.home-standard-card__menu-item--warn,
.home-standard-card__menu-item--warn i {
    color: #b3402f;
}


/* ==========================================================================
   BANNER TAI TRO (HTML/CSS)  -  AP DUNG TREN MOI MAN HINH
   --------------------------------------------------------------------------
   Thay cho banner anh cu (lightSlider). Chu la HTML nam tren lop nen,
   KHONG nuong vao anh -> khong bao gio bi cat, luon sac net.
   Nen hien la MAU THUAN. Muon dung anh: them vao .cqb__bg
       background-image:url(...); background-size:cover; background-position:center;
   Markup nam trong V2Home.aspx, phan chay vong nam trong khoi $(function(){...}).
   ========================================================================== */
.cqb {
    position: relative;
    height: 300px;
    overflow: hidden;
    border-radius: 0;
    isolation: isolate;
}

.cqb__slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, visibility .7s;
}

.cqb__slide.is-on {
    opacity: 1;
    visibility: visible;
}

.cqb__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}


/* Hoa van cham mo troi cham -> tao chieu sau ma nhe tenh (0 KB) */
.cqb__veil {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: radial-gradient(rgba(255, 255, 255, .10) 1px, transparent 1px);
    background-size: 18px 18px;
    opacity: .6;
}

.cqb__slide.is-on .cqb__veil {
    animation: cqbDrift 26s linear infinite;
}


/* Quang sang tho nhe */
.cqb__glow {
    position: absolute;
    top: -25%;
    right: -10%;
    z-index: 1;
    width: 60%;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(60px);
    opacity: .5;
}

.cqb__slide.is-on .cqb__glow {
    animation: cqbBreathe 9s ease-in-out infinite;
}

.cqb__body {
    display: flex;
    position: relative;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    /* Le trong ROI RONG de chu khong bi sat mep man hinh.
       Banner tren may tinh la full-bleed (rong 100vw) nen can le lon. */
    padding: 0 clamp(24px, 6vw, 110px);
}

.cqb__body--right {
    align-items: flex-end;
    text-align: right;
}


/* Tung dong chu bay len lan luot */
.cqb-up {
    opacity: 0;
    transform: translateY(14px);
}

.cqb__slide.is-on .cqb-up {
    animation: cqbUp .7s cubic-bezier(.2, .7, .3, 1) forwards;
}

.cqb__slide.is-on .cqb-d1 { animation-delay: .10s; }

.cqb__slide.is-on .cqb-d2 { animation-delay: .22s; }

.cqb__slide.is-on .cqb-d3 { animation-delay: .34s; }

.cqb__slide.is-on .cqb-d4 { animation-delay: .46s; }


/* Nhan "Duoc tai tro" */
.cqb__ad {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 4;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(15, 25, 35, .42);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: rgba(255, 255, 255, .95);
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
}

.cqb__ad--dark {
    background: rgba(15, 25, 35, .14);
    color: rgba(20, 33, 46, .75);
}


/* Nut hanh dong */
.cqb__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 11px 20px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
    color: #14212e;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

.cqb__cta:hover,
.cqb__cta:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    color: #14212e;
    text-decoration: none;
}

.cqb__cta i {
    font-style: normal;
    transition: transform .18s ease;
}

.cqb__cta:hover i {
    transform: translateX(3px);
}

.cqb__cta--ink {
    background: #14212e;
    color: #ffffff;
}

.cqb__cta--ink:hover,
.cqb__cta--ink:focus {
    color: #ffffff;
}


/* Dieu khien: cham tron, thanh tien trinh, mui ten */
.cqb__dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    position: absolute;
    right: 0;
    bottom: 12px;
    left: 0;
    z-index: 4;
}


/* Vien mo quanh cham -> doc duoc tren CA nen sang (SGL vang) lan nen toi.
   KHONG dat luat rieng theo mau banner: cham nam ngoai slide nen khong biet
   slide nao dang bat, se bi sai mau. */
.cqb__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    box-shadow: 0 0 0 1px rgba(20, 33, 46, .14);
    cursor: pointer;
    transition: width .25s ease, background .25s ease;
}

.cqb__dot.is-on {
    width: 22px;
    border-radius: 999px;
    background: #ffffff;
}

.cqb__bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 2px;
    background: rgba(255, 255, 255, .2);
}

.cqb__bar i {
    display: block;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, .9);
}

.cqb.is-playing .cqb__bar i {
    animation: cqbBar 6s linear forwards;
}

.cqb__nav {
    position: absolute;
    top: 50%;
    z-index: 4;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(15, 25, 35, .32);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .2s ease;
}

.cqb:hover .cqb__nav {
    opacity: 1;
}

.cqb__nav--prev { left: 10px; }

.cqb__nav--next { right: 10px; }


/* --- 1. TRA LA (xanh la) --- */
.cqb--leaf .cqb__bg { background: linear-gradient(135deg, #4e7d2f 0%, #2f5a1c 100%); }

.cqb--leaf .cqb__glow { background: #8fc45c; }


/* --- 2. CONG DONG (xanh ngoc thuong hieu) --- */
.cqb--teal .cqb__bg { background: linear-gradient(135deg, #0d7d6c 0%, #0a6156 100%); }

.cqb--teal .cqb__glow { background: #31b39c; }


/* --- 3. SGL (vang thuong hieu, chu dam mau) --- */
.cqb--sgl .cqb__bg { background: linear-gradient(135deg, #f5c518 0%, #e0ac00 100%); }

.cqb--sgl .cqb__glow { background: #fff08a; }

.cqb--sgl .cqb__veil {
    background-image: radial-gradient(rgba(20, 33, 46, .10) 1px, transparent 1px);
    opacity: .45;
}



/* --- Kieu chu dung chung --- */
.cqb__t1 {
    margin: 0;
    color: #ffffff;
    font-family: 'Muli', 'Montserrat', sans-serif;
    font-size: clamp(34px, 6vw, 58px);
    font-weight: 400;
    line-height: 1;
}

.cqb__t2 {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .92);
    font-size: clamp(13px, 1.7vw, 19px);
    font-style: italic;
}

.cqb__t3 {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .72);
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
}


/* Cong dong */
.cqb__t1s {
    margin: 0;
    color: rgba(255, 255, 255, .9);
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(10px, 1.4vw, 15px);
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cqb__t2b {
    margin: 4px 0 0;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(22px, 4vw, 42px);
    font-weight: 800;
    line-height: 1.05;
}

.cqb__t2b em {
    color: #f5b731;
    font-style: normal;
}

.cqb__t3g {
    margin: 4px 0 0;
    color: #f5b731;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(12px, 1.6vw, 17px);
    font-weight: 700;
}


/* SGL - chu dam mau tren nen vang */
.cqb--sgl .cqb__t1 {
    color: #2a2205;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(32px, 5.5vw, 56px);
    font-weight: 300;
    letter-spacing: .08em;
}

.cqb__t2s {
    margin: 7px 0 0;
    color: rgba(42, 34, 5, .72);
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(9px, 1.2vw, 13px);
    font-weight: 600;
    letter-spacing: .34em;
    text-transform: uppercase;
}

.cqb--sgl .cqb__t3 {
    color: rgba(42, 34, 5, .6);
    font-weight: 600;
}

@media (max-width: 1279px) {

    /* ----------------------------------------------------------------------
       4. THANH LOC (chip) + mui ten luot
       ---------------------------------------------------------------------- */
    /* KHONG dat background/border o day - luat chung o dau file da cho thanh
       loc nen XAM DAM MO. Neu dat lai o day se de mat vi khoi nay nam SAU. */
    .cq-home-nav {
        padding: var(--cq-2) 30px 0;
        box-shadow: none;
    }
    .cq-home-nav .menu {
        display: flex;
        overflow-x: auto;
        justify-content: flex-start;
        gap: var(--cq-2);
        width: auto;
        max-width: none;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .cq-home-nav .menu::-webkit-scrollbar {
        display: none;
    }
    .cq-home-nav .menu .item {
        padding: 0;
    }

    /* Bo nut "+" o dau thanh loc - thanh nay CHI de LOC.
       Tao bai da co nut tron goc duoi phai.
       CHI an tren mobile: desktop khong co nut tron nen van phai giu nut "+". */
    .cq-home-nav .menu .item:first-child {
        display: none;
    }

    /* An thanh "Tao bai viet moi" (ke ca avatar) va nut gio hang */
    .cq-home-nav .create,
    .cq-home-nav .wrap-link-store {
        display: none !important;
    }

    /* KIEU DANG tab da nam o luat chung dau file (tab ho so, dinh lien khung).
       O day CHI chinh cho vua man hinh nho.
       ⚠ Truoc day cho nay con giu kieu "chip bo tron" cu - vi nam SAU luat
       chung nen no de mat kieu tab tren dien thoai. Da go bo. */
    .cq-home-nav .cate-menu {
        padding: 10px 13px;
        font-size: 11px;
        white-space: nowrap;
    }

    /* Mui ten < > luot thanh loc khi qua nhieu muc */
    .home-nav-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        z-index: 3;
        width: 24px;
        height: 24px;
        border: 1px solid var(--cq-hairline-strong);
        border-radius: 50%;
        background: var(--cq-surface);
        color: var(--cq-text);
        font-size: 10px;
        line-height: 1;
        text-decoration: none;
        cursor: pointer;
        transform: translateY(-50%);
        transition: opacity .18s ease;
    }
    .home-nav-arrow--prev { left: 4px; }
    .home-nav-arrow--next { right: 4px; }
    .home-nav-arrow.is-hidden {
        opacity: 0;
        pointer-events: none;
    }

    /* ----------------------------------------------------------------------
       5. LUOI BAI VIET - 2 cot deu nhau
       ---------------------------------------------------------------------- */
    /* Khung noi dung phai TRAN HET BE NGANG man hinh.
       Neu khong: .page-width co le 10px hai ben, ma lop bao .Window.body ben
       duoi lai co nen TRANG -> lo hai dai trang doc hai canh, nen trong khong
       dong mau. Keo full-bleed la het.
       (Cach nay khong phu thuoc vao le cua the cha nen khong so no doi.) */
    .home-content-shell {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        /* Le tren 20px = khoang tho phia TREN hang card.
           - Co banner : banner cach thanh loc 20px, roi 20px nay tach banner
                         voi card  -> tren/duoi banner CAN NHAU.
           - Khong banner: 20px nay tach thanh loc voi card.
           Doi so nay thi phai doi ca margin-top cua .wrap-banner-main cho khop. */
        padding: 20px var(--cq-3) 0;
    }

    /* So cot mac dinh = 2 (dien thoai). Cac muc lon hon xem cuoi file. */
    .home-content-shell .home-test-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /* MOI HANG CAO BANG NHAU - uu tien de nhin, de luot */
        grid-auto-rows: 1fr;
        grid-auto-flow: dense;
        gap: var(--cq-3);
        clear: both;
        margin: 0;
    }
    .home-content-shell .home-test-row .item-4 {
        width: auto;
        height: 100%;
        float: none;
        margin-bottom: 0;
    }

    /* MOI card cung 1 co - bo card rong 2 cot cho dong bo */
    .home-content-shell .home-test-row .item-wide {
        grid-column: span 1;
    }
    .home-content-shell .home-test-row .inner-item {
        height: 100%;
        margin: 0;
    }

    /* ----------------------------------------------------------------------
       6. CARD - vien manh, khong do bong, anh vuong
       ---------------------------------------------------------------------- */
    /* Card LAP DAY o luoi -> moi card trong cung hang cao bang nhau.
       Phai liet ke ca .item-wide vi CSS nen (home-standard-card.js) dat
       ".item-wide .home-standard-card{height:364px}" - do uu tien CAO HON
       ".home-standard-card" nen neu khong ghi de, card do se dai hon o vuong
       va lo goc bo ben trong. */
    .home-standard-card,
    .item-wide .home-standard-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 0;
        border: 1px solid var(--cq-hairline);
        border-radius: var(--cq-r-card);
        background: var(--cq-surface);
        box-shadow: none;
        overflow: hidden;
    }

    /* Anh VUONG - trung gian cho ca anh ngang lan doc */
    .home-standard-card__media-wrap,
    .item-wide .home-standard-card__media-wrap {
        display: block;
        position: relative;
        flex: 0 0 auto;
        min-height: 0;
        margin: 0;
    }
    .home-standard-card__media,
    .item-wide .home-standard-card__media {
        display: block;
        position: relative;
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
        /* bo goc bo ben trong - vien ngoai cua card da lo goc roi */
        border-radius: 0;
        background-color: var(--cq-placeholder);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* Lop phu rat nhe de hoa cac anh chat luong khac nhau - 0 KB, thuan CSS */
    .home-standard-card__media:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, .16) 100%);
        pointer-events: none;
    }

    /* Tim / binh luan: giu o hang duoi cung voi tac gia, chi lam nho va nhat lai.
       KHONG dua len tren anh vi phai doi cau truc HTML dung chung voi desktop. */
    .home-standard-card__icons {
        display: flex;
        align-items: center;
        gap: var(--cq-2);
        flex: 0 0 auto;
        margin-left: auto;
        padding: 0;
        color: var(--cq-text-3);
    }
    .home-standard-card__icon,
    .home-standard-card__icon:hover {
        gap: 3px;
        color: var(--cq-text-3);
        font-size: 11px;
        font-weight: 500;
        text-decoration: none;
    }
    .home-standard-card__icon .far,
    .home-standard-card__icon .fas {
        font-size: 12px;
    }

    /* Phan chu duoi anh: tieu de + tac gia (1 hang) */
    /* Phan chu HUT phan con lai -> bu chenh lech, cac card cao bang nhau */
    .home-standard-card__body,
    .item-wide .home-standard-card__body {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: var(--cq-2);
        min-height: 0;
        padding: var(--cq-3);
        background: transparent;
    }
    .home-standard-card__title,
    .item-wide .home-standard-card__title {
        display: -webkit-box;
        /* LUON chua cho 2 dong - tieu de 1 dong cung khong lam card ngan lai */
        min-height: 2.7em;
        max-height: 2.7em;
        color: var(--cq-text);
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        text-transform: none;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        /* cat theo TU, khong cat giua chu */
        word-break: normal;
        overflow-wrap: break-word;
    }
    .home-standard-card__meta-row {
        gap: var(--cq-2);
        min-height: 0;
        margin: 0;
    }
    .home-standard-card__author {
        gap: 6px;
        max-width: 100%;
    }
    .home-standard-card__author-avatar {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        background-color: var(--cq-placeholder);
    }
    /* Ten nguoi dang.
       [2026-07-21] Tang do dam 500 -> 600 va lam dam mau mot bac.
       Ly do: doi phong tu Inter sang Montserrat. Montserrat la phong hinh hoc,
       chieu cao chu thuong THAP hon Inter, nen cung mot do dam 500 o co 11px
       + CHU HOA + mau xam nhat thi nhin RAT MANH, gan nhu doc khong ra.
       ⚠ Doi phong chinh thi phai xem lai cac cho chu NHO nhu the nay - do dam
         cua hai phong khac nhau khong quy doi 1:1 duoc. */
    /* Ten nguoi dang: CO Y de MANH, khong de dam.
       Day la thong tin phu - de dam thi no tranh cho voi tieu de bai.
       [2026-07-21] Da tung sua nham theo huong NGUOC LAI (tang len 600 va lam
       dam mau) vi hieu sai y "hien thi manh thoi". Nay tra ve dung y: mang. */
    .home-standard-card__meta {
        color: var(--cq-text-3);
        font-size: 11px;
        font-weight: 400;
    }

    /* Ten nguoi dang: dien thoai chi hien CHU DAU ("Bao Dam" -> "Bao").
       Ban day du van nam trong HTML (an di) de may tinh dung. */
    .home-standard-card__author > .home-standard-card__meta:not(.home-standard-card__meta--short),
    .home-standard-card__question-author > .home-standard-card__meta:not(.home-standard-card__meta--short) {
        display: none;
    }
    .home-standard-card__meta--short {
        display: block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* ----------------------------------------------------------------------
       7. CARD HOI - DAP  -  "khu vui choi" nhieu mau nhung cung mot he
       Hinh khoi Y HET card thuong, chi khac ruot mau.
       8 mau cung do tuoi / do dam -> dung canh nhau khong choi.
       Mau duoc gan theo thu tu tu V2Home.aspx (bien --home-standard-card-bg)
       ---------------------------------------------------------------------- */
    .item-4.card-type-question .home-standard-card {
        height: 100%;
        padding: 0;
        border-color: rgba(0, 0, 0, .06);
        background: var(--cq-surface);
    }

    /* Card Hoi-Dap KHONG co phan chu duoi anh, nen neu de o mau dung o hinh
       vuong thi card se THAP HON cac card khac. Cho o mau KEO DAI HET chieu
       cao card -> bang dung cac card thuong, va cau hoi co them cho tho. */
    .item-4.card-type-question .home-standard-card__media-wrap {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        margin: 0;
    }
    .item-4.card-type-question .home-standard-card__media {
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
        border-radius: 0;
    }

    /* O mau phai LA FLEX CHILD lap day media-wrap, va ben trong dung
       space-between de CAU HOI o TREN - TEN NGUOI HOI + tim/binh luan o DAY DAY.
       Neu khong dat flex:1 1 auto thi o mau chi cao bang noi dung, chan se
       dinh ngay duoi cau hoi va thua mot mang mau trong o duoi. */
    .home-standard-card__media--question {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: var(--cq-3);
        background-image: none;
    }
    .home-standard-card__media--question .home-standard-card__media-question-title {
        flex: 0 1 auto;
        min-height: 0;
    }
    .home-standard-card__question-footer {
        flex: 0 0 auto;
        margin-top: auto;
    }

    /* chuyen sac rat nhe cung mot tong - nhin "dat" hon mau phang li */
    .home-standard-card__media--question:after {
        box-shadow: none;
        background: linear-gradient(to bottom, rgba(255, 255, 255, .06) 0%, rgba(0, 0, 0, .10) 100%);
    }
    .home-standard-card__media-question-title {
        color: #ffffff;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        -webkit-line-clamp: 5;
        word-break: normal;
        overflow-wrap: break-word;
    }
    .home-standard-card__question-footer {
        position: relative;
        z-index: 2;
        gap: var(--cq-2);
        min-height: 0;
    }
    .home-standard-card__question-author {
        gap: 6px;
    }
    .home-standard-card__question-author .home-standard-card__author-avatar {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        background-color: rgba(255, 255, 255, .3);
    }
    .home-standard-card__question-author .home-standard-card__meta {
        color: rgba(255, 255, 255, .92);
        font-size: 11px;
    }

    /* card Hoi-Dap: icon nam trong hang chan, khong noi tren anh */
    .item-4.card-type-question .home-standard-card__icons {
        position: static;
        padding: 0;
        border-radius: 0;
        background: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    .item-4.card-type-question .home-standard-card__body {
        display: none;
    }

    /* ----------------------------------------------------------------------
       8. CARD BANNER TAI TRO  (gia dang card, nam ngay duoi thanh loc)
       ---------------------------------------------------------------------- */
    /* Vo banner: KHONG con la card nua, chi la lop bao TRAN VIEN de canh le.
       Vi sao phai tran vien: banner nam ngoai .home-content-shell, ma the cha
       .page-width co le 10px -> banner bi thut vao 10px nhieu hon card.
       Keo tran vien roi tu dat le 12px thi banner THANG HANG voi card.
       Le doc 20px tren, 0 duoi (khung noi dung da co le tren 20px roi)
       -> tren/duoi can nhau, khong con cho 0px cho 40px. */
    .wrap-banner-main {
        /* Reponsive.css:936 dat display:none cho banner o <=560px. Phai ghi de
           vi banner nay gio la mot CARD trong dong bai viet.
           [2026-07-21] Da BO !important: home.css nay nap SAU Reponsive.css nen
           cung do uu tien thi luat nay thang san. Da thu tat/bat va do lai o ca
           375px lan 1440px - khong lech diem nao. */
        display: block;
        position: relative;
        width: 100vw;
        max-width: 100vw;
        margin: 20px calc(50% - 50vw) 0;
        padding: 0 var(--cq-3);
        border: 0;
        border-radius: 0;
        background: none;
        overflow: visible;
    }

    /* Card that su nam o lop trong - de bo goc/vien khong bi keo tran vien */
    .wrap-banner-main .cqb {
        height: 170px;
        border: 1px solid var(--cq-hairline);
        border-radius: var(--cq-r-card);
        background: var(--cq-surface);
        overflow: hidden;
    }

    /* Chua cho nhan "Duoc tai tro" (goc tren trai) va hang cham (duoi)
       de chu KHONG bi de len. Banner mobile thap nen rat de dinh nhau. */
    .cqb__body {
        padding-top: 34px;
        padding-bottom: 24px;
    }
    .cqb__ad {
        top: 10px;
        left: 10px;
    }

    /* Khung mobile chi cao 170px -> phai cat bot cho vua, neu khong NUT se
       de len hang cham o day. An dong dia chi web (da co nut roi, thua). */
    .cqb__t3 {
        display: none;
    }
    .cqb__t1 {
        font-size: 30px;
    }
    .cqb--sgl .cqb__t1 {
        font-size: 30px;
    }
    .cqb__t2b {
        font-size: 21px;
    }
    .cqb__t2,
    .cqb__t2s {
        margin-top: 5px;
    }
    .cqb__cta {
        margin-top: 10px;
        padding: 9px 15px;
        font-size: 12px;
    }

    /* Khung mobile thap -> khong du cho ca NUT lan HANG CHAM o day.
       Chuyen cham len GOC TREN PHAI (doi dien nhan "Duoc tai tro" ben trai)
       de phan day danh tron cho nut bam. */
    .cqb__dots {
        top: 13px;
        right: 12px;
        bottom: auto;
        left: auto;
        justify-content: flex-end;
    }
    .cqb__body {
        padding-bottom: 14px;
    }

    /* Nhan "Duoc tai tro" - nho, mo, khong pha bo cuc */
/* [DA XOA 2026-07-21] .cq-sponsored - nhan "Duoc tai tro" ban CU. Nhan that dang dung la
   .home-standard-card__ad do home-standard-card.js sinh ra. Khong noi nao
   tao ra .cq-sponsored -> luat nay khong bao gio khop. */
}

@media (min-width: 600px) and (max-width: 899px) {
    .home-content-shell {
        padding-left: var(--cq-4);
        padding-right: var(--cq-4);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    /* ⚠ PHAI dung DEM (padding) chu KHONG dung LE (margin) - xem ghi chu o
       khoi 900-1099px ben duoi. */
    .wrap-banner-main {
        margin: 0 calc(50% - 50vw) var(--cq-4);
        padding: 0 var(--cq-4);
    }
    .cq-home-nav {
        padding-left: 36px;
        padding-right: 36px;
    }
}

@media (min-width: 900px) and (max-width: 1099px) {
    .home-content-shell {
        padding-left: var(--cq-5);
        padding-right: var(--cq-5);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    /* ⚠ LOI DA XAY RA 2026-07-21 (may tinh bang / iPad 1024px):
       Truoc day o day ghi  margin: 0 var(--cq-5) var(--cq-4);
       Nhung luat GOC cua .wrap-banner-main o dau file da dat width:100vw.
       Ghi de LE ma KHONG go BE RONG => banner rong 100vw CONG them 24px le
       moi ben -> tran ra ngoai man hinh 24px, va lech han so voi luoi card.
       Do duoc: card tu 17->993, banner tu 46->1046 (man hinh chi rong 1024).

       CACH DUNG (giong het bo cuc dien thoai): keo TRAN VIEN roi tu dat DEM
       bang dung so dem cua .home-content-shell o cung khoang man hinh.
       Vi ca hai deu tran vien + cung so dem nen luon THANG HANG.
       ⚠ Doi so dem cua .home-content-shell thi PHAI doi ca o day. */
    .wrap-banner-main {
        margin: 0 calc(50% - 50vw) var(--cq-4);
        padding: 0 var(--cq-5);
    }
    .cq-home-nav {
        padding-left: 44px;
        padding-right: 44px;
    }
}

@media (min-width: 1100px) and (max-width: 1279px) {
    .home-content-shell {
        padding-left: var(--cq-6);
        padding-right: var(--cq-6);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    /* ⚠ PHAI dung DEM chu KHONG dung LE - xem ghi chu o khoi 900-1099px. */
    .wrap-banner-main {
        margin: 0 calc(50% - 50vw) var(--cq-4);
        padding: 0 var(--cq-6);
    }
    .cq-home-nav {
        padding-left: 52px;
        padding-right: 52px;
    }
}

@media (min-width: 600px) and (max-width: 1279px) {
    .wrap-banner-main .cqb {
        height: 210px;
    }
}

@media (min-width: 1280px) {

    /* --- CARD TO + CARD NHO ---
       Giu card rong 2 cot de luoi co nhip dieu, NHUNG kieu dang van dong bo
       (cung vien, cung bo goc, cung cach xu ly anh) va cung chieu cao hang. */
    .home-content-shell .home-test-row .item-wide {
        grid-column: span 2;
    }

    /* Card TO: anh khong ep vuong (se qua cao), ma LAP DAY chieu cao con lai
       -> tong chieu cao van bang dung card nho cung hang. */
    .home-content-shell .home-test-row .item-wide .home-standard-card__media-wrap {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }
    .home-content-shell .home-test-row .item-wide .home-standard-card__media {
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
    }

    /* Card TO: phan chu chi cao BANG NOI DUNG, de anh hut het cho con lai.
       Neu de phan chu cung "hut cho thua" (flex:1) thi anh va chu se CHIA DOI
       khong gian -> tao mang trang lon duoi anh. */
    .home-content-shell .home-test-row .item-wide .home-standard-card__body {
        flex: 0 0 auto;
    }

    /* Moi hang cao bang nhau, card lap day o luoi */
    .home-content-shell .home-test-row {
        grid-auto-rows: 1fr;
    }
    .home-content-shell .home-test-row > [class*="item-"],
    .home-content-shell .home-test-row .inner-item {
        height: 100%;
    }
    .home-content-shell .home-test-row .home-standard-card,
    .home-content-shell .home-test-row .item-wide .home-standard-card {
        height: 100%;
    }

    /* Card NHO: anh vuong. (KHONG dua .item-wide vao day - card to da co luat
       rieng o tren cho anh lap day chieu cao; neu them vao se ghi de nguoc lai.) */
    .home-content-shell .home-test-row .home-standard-card__media-wrap {
        flex: 0 0 auto;
        min-height: 0;
        margin: 0;
    }
    .home-content-shell .home-test-row .home-standard-card__media {
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
    }

    /* Card NHO: phan chu hut cho thua de bu chenh lech chieu cao.
       KHONG dua .item-wide vao day - card to lam nguoc lai (anh hut cho thua,
       chu cao tu nhien). Neu them vao se ghi de luat card to o tren. */
    .home-content-shell .home-test-row .home-standard-card__body {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* Card Hoi-Dap: o mau keo het chieu cao card (khong co phan chu ben duoi) */
    .home-content-shell .home-test-row .item-4.card-type-question .home-standard-card__media-wrap {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }
    .home-content-shell .home-test-row .item-4.card-type-question .home-standard-card__media {
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto;
    }
    .home-content-shell .home-test-row .home-standard-card__media--question {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        min-height: 0;
    }
    .home-content-shell .home-test-row .home-standard-card__question-footer {
        margin-top: auto;
    }
}

@media (min-width: 1280px) {
    .cq-home-nav {
        background: rgba(74, 85, 96, .88);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
    }
    .cq-home-nav .cate-menu {
        color: rgba(255, 255, 255, .78);
    }
    .cq-home-nav .cate-menu:hover,
    .cq-home-nav .cate-menu:focus {
        background: rgba(255, 255, 255, .10);
        color: #fff;
    }

    /* nut "+" tao bai va nut tai lai tren nen toi */
    .cq-home-nav .menu .item:first-child .cate-menu,
    .cq-home-nav .home-reload-btn {
        background: rgba(255, 255, 255, .14);
        color: #fff;
    }
    .cq-home-nav .menu .item:first-child .cate-menu:hover,
    .cq-home-nav .home-reload-btn:hover {
        background: rgba(255, 255, 255, .26);
        color: #fff;
    }
}

@media (max-width: 1279px) {
    .cq-home-nav {
        background: #ffffff;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
    .cq-home-nav .cate-menu {
        color: #8b98a5;
    }
    .cq-home-nav .cate-menu:hover,
    .cq-home-nav .cate-menu:focus {
        background: rgba(242, 245, 247, .7);
        color: #5c6b7a;
    }

    /* nut "+" tao bai va nut tai lai tren nen trang */
    .cq-home-nav .menu .item:first-child .cate-menu,
    .cq-home-nav .home-reload-btn {
        background: #eef1f4;
        color: #5c6b7a;
    }
    .cq-home-nav .menu .item:first-child .cate-menu:hover,
    .cq-home-nav .home-reload-btn:hover {
        background: #e2e7ec;
        color: #14212e;
    }
}

/* ##########################################################################
   ####  BANG DIEU KHIEN TRANG CHU  -  noi tu Console                    ####
   ####  /Console/View/HomeTest/Editor.aspx                              ####
   --------------------------------------------------------------------------
   VAN DE DA CHUA (2026-07-21):
   Truoc day Console co 8 o cai dat, admin sua va he thong bao "da luu",
   NHUNG ngoai web KHONG DOI GI - vi mobile-v2.css nap sau va de len het.
   Do la loai loi te nhat: no IM LANG, admin tuong da xong.

   CACH CHUA: gom tat ca vao DUNG MOT KHOI dat o CUOI file nap CUOI CUNG.
   Nho vay gia tri tu Console luon thang. Muon biet Console dieu khien
   duoc nhung gi -> chi can doc khoi nay.

   >>> DAY LA NOI DUY NHAT GIU SO MAC DINH (tu 2026-07-21) <<<
   Cac so trong  var(--cfg-xxx, SO)  ben duoi CHINH LA so mac dinh cua
   trang chu. Khong con ban sao o dau khac:
     - V2Home.aspx  chi IN RA bien nao Console co nhap, khong giu so nao.
     - Console      o de trong = dung mac dinh, cung khong giu so nao.
   => Muon doi mac dinh: sua THANG o day, khong phai sua cho nao khac.
   => Muon tra mot muc ve mac dinh: vao Console xoa trang o do roi luu.

   Truoc do so mac dinh bi chep o BA noi, lech nhau la Console bao "da luu"
   nhung ngoai web khong doi gi (loi L10). Dung quay lai kieu do.

   ⚠ May tinh va dien thoai CO Y de rieng - hai khuon von khac nhau that.
     Dung gom lai lam mot.
   ########################################################################## */

/* ---------- DUNG CHUNG CA HAI KHUON ---------- */
.cq-home-nav .cate-menu.home-filter-btn.is-active,
.cq-home-nav .cate-menu.home-filter-btn.is-active:hover {
    background: var(--cfg-filter-active-bg, #f2f5f7);
}

/* ---------- MAY TINH (>= 1280px) ---------- */
@media (min-width: 1280px) {
    .cq-home-nav {
        background: var(--cfg-desk-filter-bg, rgba(74, 85, 96, .88));
    }
    .home-content-shell .home-test-row {
        gap: var(--cfg-desk-gap-y, 22px) var(--cfg-desk-gap-x, 24px);
    }
    .home-content-shell .home-standard-card {
        border-radius: var(--cfg-desk-card-radius, 24px);
    }
    .home-content-shell .home-standard-card__title {
        font-size: var(--cfg-desk-title-size, 16px);
    }
    .home-content-shell .home-standard-card__meta {
        font-size: var(--cfg-desk-meta-size, 13px);
    }
}

/* ---------- DIEN THOAI / MAY TINH BANG (<= 1279px) ---------- */
@media (max-width: 1279px) {
    .cq-home-nav {
        background: var(--cfg-mob-filter-bg, #ffffff);
    }
    .home-content-shell .home-standard-card {
        border-radius: var(--cfg-mob-card-radius, 16px);
    }
    .home-content-shell .home-standard-card__title {
        font-size: var(--cfg-mob-title-size, 13px);
    }
    .home-content-shell .home-standard-card__meta {
        font-size: var(--cfg-mob-meta-size, 11px);
    }
}

/* ---------- MAY TINH: KHOA CHUNG MOT CHIEU CAO ----------
   (Khoi nay bi XOA NHAM luc 2026-07-21 khi thay khoi bo goc - da khoi phuc.
    Bai hoc: cat file bang "tu moc A den moc B" thi phai kiem tra o giua
    KHONG con khoi nao khac. Da co khoi nay nam giua nen mat theo.)

   1. KHOI CHU: khoa cung, giong het nhau o MOI loai card.
      Truoc day card nho dung flex:1 1 auto (co gian) con card to dung
      0 0 auto (co dinh) - hai co che nguoc nhau. O 1440px hai ben tinh co
      bang nhau nen khong ai thay; sang 1850px lech ngay 14px. */
@media (min-width: 1280px) {
    .home-content-shell .home-test-row .home-standard-card__body,
    .home-content-shell .home-test-row .item-wide .home-standard-card__body {
        flex: 0 0 auto;
        min-height: 0;
        padding: 12px;
        justify-content: flex-start;
    }

    .home-content-shell .home-test-row .home-standard-card__meta-row,
    .home-content-shell .home-test-row .item-wide .home-standard-card__meta-row {
        margin-top: 0;
    }

    /* 2. ANH: lay het phan con lai. Khoi chu cao bang nhau + card cao bang
          nhau  =>  anh cao bang nhau  =>  day anh LUON thang hang, o moi
          be ngang man hinh, khong can chinh tay lai. */
    .home-content-shell .home-test-row .home-standard-card__media-wrap {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* 2b. ANH PHAI CO CHIEU CAO "TU THAN".
          ⚠ LOI DA XAY RA 2026-07-21: sau khi bo aspect-ratio o buoc 3, khong
            con gi cho anh chieu cao rieng nua. Luoi VAN dung, vi card HOI-DAP
            co ti le rieng keo cao ca hang len. Nhung khi loc mot muc KHONG CO
            card Hoi-Dap (vd "Y tuong") thi CA LUOI SUP: anh cao 0px, card chi
            con 104px - dung ca 36 card deu vay.
            ➜ Bai hoc: bo cuc ma phai NHO vao mot loai card khac moi dung duoc
              la bo cuc hong. No chi cho ra loi khi loc.
          Cach chua: cho moi wrap mot ti le co san lam san. Van de flex:1 1 auto
          nen no VAN gian ra lap day hang -> day anh van thang hang nhu cu.
          Card to rong gap doi nen phai ti le khac (2.2/1); de 1/1 thi hang se
          cao gap doi. */
    .home-content-shell .home-test-row .home-standard-card__media-wrap {
        aspect-ratio: 1 / 1;
    }

    .home-content-shell .home-test-row .item-wide .home-standard-card__media-wrap {
        aspect-ratio: 2.2 / 1;
    }

    /* Card Hoi-Dap: mau phu KIN card, khong co khoi chu ben duoi.
       ⚠ LOI DA XAY RA 2026-07-21: o day tung de "aspect-ratio: auto" vi nghi
         card Hoi-Dap co luat rieng roi. Nhung khi loc RIENG muc "Hoi-Dap" thi
         ca luoi chi con card Hoi-Dap -> khong con card nao keo cao hang len
         -> card sup thanh hinh chu nhat NAM NGANG (265x211 thay vi 265x367).
         Dung y het loi L18, chi khac la lan nay tu tay tao ra ngoai le.

       Ti le 0.72 = dung ti le cua card thuong o may tinh:
         card thuong = anh (vuong, bang be rong W) + khoi chu 102px
                     => W / (W + 102) ≈ 0.72
       Nho vay dung mot minh hay dung chung voi card khac deu cao bang nhau. */
    .home-content-shell .home-test-row .card-type-question .home-standard-card__media-wrap {
        aspect-ratio: 0.72;
    }

    /* 3. Bo rang buoc anh VUONG cua BAN THAN the anh (khac voi wrap o tren):
          no ep anh cao bang be ngang, lech 2px so voi khung chua -> day anh
          van le. Nay anh lap day khung, con khung moi la cai giu ti le. */
    .home-content-shell .home-test-row .home-standard-card__media {
        aspect-ratio: auto;
        height: 100%;
    }
}

/* ---------- MAY TINH: ANH KHONG TU BO GOC, DE CARD CAT ----------
   Doi 2026-07-21 theo yeu cau: bo 2 goc bo BEN DUOI cua anh, cho giong
   dien thoai.

   CO CHE (bay gio may tinh va dien thoai DUNG CHUNG mot cach):
     - Anh de border-radius: 0
     - Card ngoai co border-radius + overflow:hidden -> tu cat 2 goc TREN
       cho anh, con 2 goc DUOI thi vuong, ap sat khoi chu.
   Cach nay LUON dung: doi bo goc card trong Console thi anh tu theo, khong
   the lech duoc nua.

   TRUOC DAY: anh tu bo 28px ca 4 goc trong khi card bo 24px -> anh nhu mot
   khoi rieng noi ben trong card, va 2 goc duoi bo tron tao khe ho voi khoi
   chu. Do cung la nguyen nhan card Hoi-Dap lo vet xam o goc (loi L12) - nay
   khong con kha nang do nua vi khong con hai ban kinh de lech nhau.

   ⚠ Luat nay gom CA card Hoi-Dap, nen khoi "bo goc bam theo Console" cu
     da bo di - khong can nua. */
@media (min-width: 1280px) {
    .home-content-shell .home-test-row .home-standard-card__media-wrap,
    .home-content-shell .home-test-row .home-standard-card__media {
        border-radius: 0;
    }
}

/* ---------- PHONG ANH CARD LEN 120% ----------
   LY DO: nhieu anh nguoi dung tai len co SAN VIEN TRANG o mep. Khi hien
   trong o vuong, vien trang do lam card trong ban va thieu dut khoat.
   Phong 120% thi phan vien trang bi day ra ngoai khung, anh dep hon.

   VI SAO KHONG SUA THANG background-size:
   Anh dang dung "background-size: cover" (phu kin, giu ti le). Doi thanh
   "120%" thi trinh duyet hieu la "rong 120%, cao 120% cua khung" -> KEO GIAN
   anh, mat ti le. Khong lam vay.

   CACH DUNG: ve anh vao mot lop phu ::before to hon khung 20% (thut -10%
   moi phia), van de "cover" nen ti le giu nguyen. Khung cha da co
   overflow:hidden nen phan thua bi cat gon.
     - "background-image: inherit" -> lop phu lay dung anh cua tung card,
       khong can sua JS sinh card.
     - Anh van con o the cha lam du phong: trinh duyet cu khong ho tro
       ::before thi chi la khong phong, chu khong mat anh.

   ⚠ TRU card Hoi-Dap: no khong co anh, ben trong la CHU. Lop phu ::before
     la phan tu dinh vi nen se NAM DE LEN chu neu khong loai tru. */
.home-standard-card__media:not(.home-standard-card__media--question) {
    position: relative;
}

.home-standard-card__media:not(.home-standard-card__media--question)::before {
    content: "";
    position: absolute;
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ---------- THANH LOC: LAM MO 2 MEP KHI CON MUC O NGOAI ----------
   VAN DE GOC (dien thoai): 8 muc loc + nut "+" + nut tai lai, man hinh chi
   chua duoc 3 muc. Thanh bi CAT CUT nen trong nhu da het -> nhieu nguoi
   khong biet la vuot ngang duoc, coi nhu mat 5 muc.

   CACH CHUA: lam mo dan o mep nao CON noi dung phia ngoai. Mat mo = "con
   nua o ben kia" - tin hieu nay nguoi dung hieu ngay ma khong can hoc.

   ⚠ CHI mo ben nao that su con noi dung. Mo ca hai ben khi da cuon het thi
     nhin nhu loi hien thi. Hai lop dau hieu "cq-con-trai" / "cq-con-phai"
     do home.js gan vao, cap nhat moi lan cuon.

   ⚠ PHAI co ban -webkit-: iOS Safari (chinh la may cua nguoi dung dien thoai)
     van can tien to nay. Thieu no thi tren iPhone khong thay mo gi ca. */
@media (max-width: 1279px) {
    .cq-home-nav.cq-con-trai .menu {
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
    }

    .cq-home-nav.cq-con-phai .menu {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
    }

    .cq-home-nav.cq-con-trai.cq-con-phai .menu {
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
        mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
    }

    /* Cuon muot khi JS dua muc vao giua */
    .cq-home-nav .menu {
        scroll-behavior: smooth;
    }
}

/* ---------- MAY TINH: THEM LOP PHU ANH + TEN NGUOI DUNG MANH ----------
   1. LOP PHU DAY ANH (bong do dan)
      Truoc 2026-07-21 lop nay CHI co trong khoi @media (max-width:1279px),
      tuc la chi dien thoai va may tinh bang moi co. Vi vay nhin tren iPad
      "day" va co chieu sau hon han may tinh - chu web thay ro va hoi tai sao.
      Do khong phai y do thiet ke, chi la tan du thoi mobile va desktop duoc
      viet tach roi. Nay cho may tinh dung y het.

      Tac dung: day anh toi nhe dan -> anh tach khoi khoi chu trang ben duoi,
      va cac anh chat luong khac nhau nhin dong deu hon. 0 KB, thuan CSS.

      ⚠ Phai la ::after (khong phai ::before): ::before dang duoc dung de
        PHONG ANH 120%. ::after ve sau nen nam TREN anh - dung thu tu can co.

   2. TEN NGUOI DUNG: de MANH (400) thay vi dam (600).
      Day la thong tin phu, de dam thi tranh cho voi tieu de bai. Chu-JS
      home-standard-card.js dat san 600 nen phai ghi de o day.
   -------------------------------------------------------------------- */
@media (min-width: 1280px) {
    .home-content-shell .home-test-row .home-standard-card__media::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, .16) 100%);
        pointer-events: none;
    }

    .home-content-shell .home-standard-card__meta {
        color: var(--cq-text-3);
        font-weight: 400;
    }
}

/* ---------- DIEN THOAI (<= 680px): CHUA CHO CHO THANH MENU DUOI ----------
   VAN DE (do duoc: card cuoi bi thanh menu duoi DE LEN 17px):
   Duoi 680px, Reponsive.css:345 dat:
       body      { overflow: hidden }
       .body     { position: fixed; height: 100%; overflow: auto }
   Tuc la CA TRANG cuon BEN TRONG .Window.body, chu KHONG cuon o cap tai lieu.

   Vi vay  body { padding-bottom: ... }  trong mobile-v2.css KHONG co tac dung
   gi ca - body chi cao 68px va da bi an. Card cuoi chui xuong duoi thanh menu.

   ⚠ Phai dat dem vao DUNG khung cuon. O day dat vao .home-content-shell (nam
     ben trong khung cuon) thay vi vao .Window.body, vi .Window.body dung chung
     cho moi trang - sua no la dung ca web.

   ⚠ Moc 680px lay tu Reponsive.css, KHONG phai 767 hay 1279. Doi moc ben do
     thi phai doi ca o day. Tren 680px tai lieu cuon binh thuong nen dem cua
     body da du, khong can luat nay.
   ---------------------------------------------------------------------- */
@media (max-width: 680px) {
    .home-content-shell {
        padding-bottom: calc(var(--cq-navbar-h) + var(--cq-4));
    }
}
