/* css/product-landingpage-content.css — CSS dung CHUNG cho cac khoi noi
   dung WYSIWYG (tintuc.chitiet) tren trang Landingpage san pham
   (layout_product_landingpage.php). Muc dich: cung cap san 1 bo class de
   nguoi biên tap chen HTML vao noi dung bai viet ma KHONG can style inline
   — style nam het o day, tai su dung duoc cho nhieu bai/san pham khac
   nhau, khong phai CSS rieng cho 1 bai.

   LUU Y: heading/paragraph/ul/li/ol BEN TRONG cac khoi duoi day CO CHU Y
   KHONG dinh nghia lai font-size/font-weight/mau/margin/list-style — de
   TAI SU DUNG NGUYEN VEN style bai viet goc da co san (#news_detail
   .product-content h2/h3/p/ul/li trong css/core.bundle.css), giong het
   phan con lai cua bai viet. Ngoai le DUY NHAT: h2 tren Landingpage
   khong hien so thu tu tu dong "01." (xem cuoi file). */

/* ---- Khoi "4 bai toan pho bien" (.lp-split-numbered-list): 2 cot — trai la tieu
   de + mo ta + anh minh hoa, phai la danh sach 4 the so thu tu kem 2 gach
   dau dong van de/han che. Chi dinh nghia BO CUC (grid/flex/spacing), KHONG
   dinh nghia typography cho h2/h3/p/ul/li — cac the do dung nguyen style
   bai viet goc. ---- */
.pd-landing-page #news_detail .product-content ul {
    padding-left: 0;
}
.pd-landing-page-py {padding: 48px 0 !important}
.pd-landing-page-py-0 {padding: 0 !important}
.pd-landing-page-pt-0 {padding-top: 0 !important}
.pd-landing-page-pt {padding-top: 48px !important}
.pd-landing-page-pb-0 {padding-bottom: 0 !important}
.pd-landing-page-pb {padding-bottom: 48px !important}

.lp-split-numbered-list {
    display: grid;
    grid-template-columns: minmax(280px, 500px) 1fr;
    gap: 32px;
    align-items: start;
    padding: 48px 0;
}
/* h2 tieu de: KHONG dinh nghia font-size/mau/margin (dung nguyen style h2
   bai viet goc) — CHI tat counter-increment de khong lam lech so thu tu
   cac h2 THAT phia sau (vd "Tam quan trong..." se thanh "02." thay vi "01."
   neu khong tat, du "01." cua chinh no da bi an qua content:none o cuoi
   file). Do dac ta selector goc la #news_detail .product-content h2
   (id+class+element = 1,1,1), phai dung it nhat 2 class + ID o day
   (1,2,0) moi thang the. */
#news_detail .lp-split-numbered-list .lp-split-numbered-list__title {
    counter-increment: none;
}
/* Sticky cot trai (tieu de + mo ta + anh) khi cuon qua cot phai (danh sach
   4 the, thuong CAO HON cot trai — do luong thuc te: intro ~422px, list
   ~709px, du khong gian de thay hieu ung dinh). top = chieu cao thanh
   header dinh #wap_top (position:sticky, do duoc 122px, css/style.css) +
   24px khoang cach — neu chi top:0 thi intro se bi header sticky cua site
   de len tren/che mat luc dinh. .lp-split-numbered-list da co san
   align-items:start (dong 27) — BAT BUOC, khong the dung stretch (mac
   dinh) vi se ep intro cao het bang list, sticky se khong con gi de
   "cuon qua" nua. ---- */
.lp-split-numbered-list__intro {
    position: sticky;
    top: 146px;
}
.lp-split-numbered-list__image {
    border-radius: 16px;
    overflow: hidden;
}
.lp-split-numbered-list__image img {
    display: block;
    width: 100%;
    height: auto;
}

.lp-split-numbered-list__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.lp-split-numbered-list__item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgb(36, 97, 233, 0.5) 0px 6px 17px -16px;
    padding: 24px 16px 8px;
    border: 1px solid #edf0f5;
}
.lp-split-numbered-list__num {
    flex: 0 0 auto;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    /* Mau tint nhat cua --ivd-brand (khong dung opacity de khong anh huong
       ca box), thay cho mau xanh la cua ban mau goc. */
    color: #CCDFF8;
}
/* Icon canh gach dau dong — khong co trong style ul/li goc (bai viet goc
   khong dung icon), nen day la phan MOI duy nhat can dinh nghia. */
.lp-split-numbered-list__bullets i {
    color: #F04438;
    margin-right: 4px;
}

@media (max-width: 992px) {
    .lp-split-numbered-list {
        grid-template-columns: 1fr;
    }
    /* Tat sticky khi 2 cot da xep chong doc (grid 1 cot o tren) — sticky
       chi hop ly khi intro/list nam CANH NHAU cung cuon doc lap, xep chong
       thi khong con y nghia (va se dinh sai cho luc cuon qua list). */
    .lp-split-numbered-list__intro {
        position: static;
        top: auto;
    }
    .lp-split-numbered-list__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        text-align: left;
    }
    .lp-split-numbered-list__num {
        font-size: 3rem;
    }
}
.pd-landing-page .product-title-section {
    text-align: center;
}

/* ---- Khoi timeline so buoc dan xen trai/phai (.lp-vertical-stepper): moi buoc 1
   ben la tieu de (h3) + gach dau dong (ul, icon check), ben con lai la anh
   minh hoa, noi voi nhau bang 1 duong ke doc + khoanh tron danh so THU TU
   TU DONG (01, 02... qua CSS counter, tu dong tang khi them buoc, khong
   can sua tay). Ket bang 1 nut CTA (dung lai .btn-gradient + js-quote-trigger
   co san cua site — xem js/quote-popup.js — KHONG viet lai popup rieng).
   Tieu de (h3) + ul/li KHONG dinh nghia typography/list-style, dung nguyen
   style bai viet goc, giong quy uoc cua .lp-split-numbered-list o tren. ---- */
.lp-vertical-stepper {
    margin: 32px 0;
}
/* Header (badge + h2 2 mau + p subtitle) dat truoc cac buoc — chi dinh
   nghia BO CUC (can giua, max-width, mau accent), KHONG dinh nghia lai
   font-size/font-weight cua h2/p (dung nguyen style bai viet goc), TRU
   phan can giua vi site mac dinh h2 can trai (display:flex;
   align-items:flex-start) — day la yeu cau rieng cua khoi header nay nen
   phai ghi de bo cuc (khong phai typography). */
.lp-vertical-stepper__header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
}
.lp-vertical-stepper__badge {
    display: inline-block;
    padding: 6px 16px;
    margin-bottom: 16px;
    border: 1px solid var(--ivd-brand, #005EDB);
    border-radius: 999px;
    color: var(--ivd-brand, #005EDB);
    font-size: 0.875rem;
    font-weight: 600;
}
/* Do dac ta ID goc (#news_detail .product-content h2, xem giai thich chi
   tiet o .lp-split-numbered-list__title phia tren) nen phai lap lai ID + 2 class
   o day de thang the. counter-increment:none de khong lam lech so thu tu
   cac h2 that phia sau (giong h2 cua .lp-split-numbered-list). */
#news_detail .lp-vertical-stepper .lp-vertical-stepper__title {
    counter-increment: none;
    display: block;
    text-align: center;
}
/* Dong 2 cua tieu de, mau thuong hieu — phan MOI (site khong co khai niem
   "h2 2 mau"), nen can dinh nghia rieng, khac voi phan con lai cua h2 la
   dung nguyen mau/font-size goc. */
.lp-vertical-stepper__title-accent {
    display: block;
    color: var(--ivd-brand, #005EDB);
}
.lp-vertical-stepper__subtitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.lp-vertical-stepper__steps {
    position: relative;
    display: flex;
    flex-direction: column;
    counter-reset: lp-vertical-stepper-step;
}
.lp-vertical-stepper__steps:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: var(--ivd-brand, #005EDB);
    transform: translateX(-50%);
}
.lp-vertical-stepper__step {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    padding: 16px 0;
}
.lp-vertical-stepper__marker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--ivd-brand, #005EDB);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700;
    box-shadow: 0 0 0 4px #fff;
}
.lp-vertical-stepper__marker:before {
    counter-increment: lp-vertical-stepper-step;
    content: counter(lp-vertical-stepper-step, decimal-leading-zero);
}
.lp-vertical-stepper__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}
/* Icon check canh gach dau dong — khong co trong style ul/li goc, nen day
   la phan MOI duy nhat can dinh nghia (giong .lp-split-numbered-list__bullets i). */
.lp-vertical-stepper__bullets i {
    color: var(--ivd-brand, #005EDB);
    margin-right: 4px;
}
.lp-vertical-stepper__cta {
    text-align: center;
    margin-top: 8px;
}

@media (max-width: 991px) {
    .lp-vertical-stepper__steps:before {
        left: 20px;
    }
    .printing-process .lp-vertical-stepper__step {padding-left: 45px}
    .lp-vertical-stepper__step {
        grid-template-columns: 1fr;
    }
    .lp-vertical-stepper__marker {
        left: 20px;
        top: 24px;
    }
}

/* ---- Khoi tab theo linh vuc (.lp-tabs): dung lai HEADER cua
   .lp-vertical-stepper (.lp-vertical-stepper__header/__title/__title-accent/__subtitle o
   tren — cung 1 mau tieu de 2 mau + subtitle can giua, khong viet lai).
   Thanh tab DUNG LAI 100% .pf-filters/.pf-filters__btn co san cua site
   (portfolio-showcase.css, dang dung cho bo loc danh muc/mau thiet ke) —
   CHI ghi de border-radius (pill, giong bien the .pf-showcase--catpage)
   + mau active sang --ivd-brand (ban goc dung mau navy #293F7B co dinh,
   khong doi theo thuong hieu), khong viet lai toan bo nut. Chuyen tab bang
   JS o cuoi khoi HTML (an/hien .lp-tabs__panel qua thuoc tinh
   [hidden] co san, khong tu ve co che moi). ---- */

.lp-tabs .pf-filters {
    justify-content: center;
}
.lp-tabs .pf-filters__btn {
    border-radius: 999px;
}
.lp-tabs .pf-filters__btn:hover {
    border-color: var(--ivd-brand, #005EDB);
    color: var(--ivd-brand, #005EDB);
}
.lp-tabs .pf-filters__btn--active,
.lp-tabs .pf-filters__btn--active:hover {
    background: var(--ivd-brand, #005EDB);
    border-color: var(--ivd-brand, #005EDB);
    color: #fff;
}
.lp-tabs__panel {
  display: grid;
    grid-template-columns: minmax(280px, 460px) 1fr;
    gap: 40px;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgb(36, 97, 233) 0px 41px 46px -73px;
    padding: 32px 16px 0;
    border: 1px solid #edf0f5;
}
.lp-tabs__panel[hidden] {
    display: none;
}
.lp-tabs__panel--empty .lp-tabs__content h3{text-align: center}
.lp-tabs__panel--empty {
    display: block;
    padding: 32px 16px;
}
.lp-tabs__media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}
/* Icon check canh gach dau dong — cung quy uoc voi .lp-split-numbered-list__bullets i
   / .lp-vertical-stepper__bullets i (phan MOI duy nhat, ul/li con lai dung nguyen
   style bai viet goc). */
.lp-tabs__bullets i {
    color: var(--ivd-brand, #005EDB);
    margin-right: 4px;
}
.lp-tabs__content .btn-gradient {
    margin: 0 auto;
    display: block;
}

@media (max-width: 767px) {
    .lp-tabs__panel {
        grid-template-columns: 1fr;
        padding: 24px;
    }
}

/* ---- Nut prev/next DUNG CHUNG cho moi carousel/slider trong thu vien nay
   (.lp-multi-row-slider, .lp-multi-col-carousel) — KHONG con dung lai
   .pd-uudai-nav/__prev/__next cua khoi "Uu dai" o hero (css/inan-pro-des.css)
   nhu ban dau nua: class do dinh vi bang offset AM (left/right:-30px), tuc
   la NOI HAN ra ngoai card — hop ly voi container hero co san du le rong,
   nhung noi dung WYSIWYG bai viet thi khong biet truoc con lai bao nhieu
   le xung quanh. Da thu ghi de offset am nho hon (-12px) rieng cho man
   hinh nho nhung van bi cat mot phan tren man hinh rong hon (nguoi dung
   bao loi kem anh chup 2 lan). Doi han sang co che moi: nut LUON NAM BEN
   TRONG vien card (offset DUONG, khong am) o MOI kich thuoc man hinh —
   khong con phu thuoc do rong con lai cua container nen khong the tran/
   cat nua. Kich thuoc cung tang tu 30px len 44px (to hon, de bam hon). ---- */
.lp-carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: var(--text-main, #1f2937);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(20, 23, 31, 0.14);
    transition: background .15s ease, color .15s ease;
}
.lp-carousel-nav:hover {
    background: var(--ivd-brand, #005EDB);
    color: #fff;
}
.lp-carousel-nav.is-hidden {
    display: none;
}
/* FIX: 2 dong nay truoc day la left/right: -10px (LECH RA NGOAI 10px so
   voi mep card) — trai voi dung y da ghi trong comment phia tren khoi nay
   ("nut LUON NAM BEN TRONG vien card, offset DUONG khong am") va trai voi
   chinh breakpoint mobile ngay ben duoi (da dung dung offset duong 6px).
   Day chinh la nguyen nhan .lp-multi-col-carousel__track (hoac vien cha
   __viewport, khong co overflow:hidden) bi "thua ra" 1 doan ben phai o
   man hinh rong/vua — sua thanh offset duong, khop voi mobile. ---- */
.lp-carousel-nav--prev {
    left: 10px;
}
.lp-carousel-nav--next {
    right: 10px;
}
@media (max-width: 575px) {
    .lp-carousel-nav {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
    .lp-carousel-nav--prev {
        left: 6px;
    }
    .lp-carousel-nav--next {
        right: 6px;
    }
}

/* ---- Cham tron (dots) DUNG CHUNG cho .lp-multi-row-slider va
   .lp-multi-col-carousel — hoc dung theo class/id cua slider trang chu
   (application/views/includes/slider.php, css/home.css: .hs-dots/.hs-dot/
   .hs-dot--active) de dong nhat ngon ngu UI toan site. KHONG the dung lai
   truc tiep file home.css/home.bundle.css vi 2 file do chi duoc nap
   `if (isset($home))` (xem application/views/includes/template.php) — tuc
   la CHI co o trang chu, khong co o trang Landingpage nay, nen phai dinh
   nghia lai o day. So luong cham + gan click/dong bo trang thai active do
   JS dam nhan (js/product-landingpage-blocks.js), khong hardcode san trong
   HTML — tu dong dung neu so slide/item thay doi sau nay. ---- */
.hs-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}
.hs-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: none;
    background: #cfe0fa;
    padding: 0;
    cursor: pointer;
    transition: background .15s, transform .15s;
}
.hs-dot--active {
    background: var(--ivd-brand, #005EDB);
    transform: scale(1.2);
    width: 16px;
    border-radius: 50px;
}

/* ---- Khoi testimonial dang carousel (.lp-multi-row-slider): dung lai HEADER
   cua .lp-vertical-stepper (.lp-vertical-stepper__header/__title/__title-accent
   o tren, khong can subtitle o day). Track cuon bang scroll-snap (dung ky
   thuat giong .pd-uudai-track), JS o cuoi khoi HTML chi goi track.scrollBy(),
   khong tu ve lai co che carousel. ---- */

.lp-multi-row-slider__viewport {
    position: relative;
    margin: 0 auto;
}
.lp-multi-row-slider__track {
    display: flex;
    /* CHI khai bao overflow-x — nhung theo dung spec CSS, khi 1 truc la
       "auto"/"scroll" con truc kia la "visible" thi trinh duyet TU DONG doi
       "visible" thanh "auto" (khong the vua cho cuon ngang vua "khong cat
       gi" theo chieu doc). Ket qua: overflow-y cua chinh track nay tinh ra
       la "auto" du khong khai bao, va box-shadow "noi" ra ngoai duoi cua
       .lp-multi-row-slider__slide (offset-y:41px, xem selector do) bi CAT
       MAT vi track khong co khoang trong du de shadow ve vao — dung loi
       nguoi dung bao "them shadow nhung khong effect". Them padding-bottom
       du rong (>= muc shadow "tho ra") de shadow co cho hien thi thay vi bi
       cat — padding nam TRONG vung noi dung cuon nen KHONG bi anh huong boi
       overflow, khac voi phan "tran ra ngoai box" cua shadow. */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    border-radius: 16px;
    padding: 4px 0 24px;
}
.lp-multi-row-slider__track::-webkit-scrollbar {
    display: none;
}
.lp-multi-row-slider__slide {
   flex: 0 0 100%;
    scroll-snap-align: start;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(200px, 40%) 1fr;
    gap: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: rgb(36, 97, 233) 0px 41px 46px -73px;
    padding: 48px 32px;
    border: 1px solid #edf0f5;
}
div#cong-nghe-in .lp-multi-row-slider__slide {
    grid-template-columns: 3fr 2fr;
   background: radial-gradient(circle at 0 100%, rgba(219, 234, 254, 0.75), transparent 42%), linear-gradient(135deg, #f8fbff, #ffffff);
    align-items: center;
    padding: 16px 0 16px 48px;
}
.lp-multi-row-slider__slide--empty {
    display: block;
    text-align: center;
    color: #8a93a6;
    padding: 48px 32px;
}
.lp-multi-row-slider__name {
    display: block;
    font-weight: 700;
    color: #14171f;
}
.lp-multi-row-slider__role {
    display: block;
    font-size: 0.875rem;
    color: #6b7280;
    margin: 4px 0 12px;
}
.lp-multi-row-slider__tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #EAF2FE;
    color: var(--ivd-brand, #005EDB);
    font-size: 0.875rem;
    font-weight: 600;
}
.lp-multi-row-slider__block {
    margin-bottom: 20px;
}
.lp-multi-row-slider__block-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #14171f;
    margin: 0 0 8px;
}
.lp-multi-row-slider__block-title i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #EAF2FE;
    color: var(--ivd-brand, #005EDB);
    font-size: 0.875rem;
}
.lp-multi-row-slider__content .btn-gradient {
    margin-top: 4px;
}

/* ---- Bien the slide thu 2 cho .lp-multi-row-slider: ANH nguoi that o cot
   trai (thay vi .lp-multi-row-slider__person la text) + trich dan o cot
   phai — dung LAI dung grid 40%/60% co san cua .lp-multi-row-slider__slide
   (khong can class rieng cho ty le cot). ---- */
.lp-multi-row-slider__photo {
    border-radius: 8px;
    overflow: hidden;
    /* min-height du phong cho truong hop noi dung quote qua ngan (cot phai
       thap hon 320px) — khong de anh bi co qua nho. */
    min-height: 320px;
}
/* height:100% (thay vi 1 con so px co dinh) de ANH TU GIAN DAY dung bang
   chieu cao THUC TE cua .lp-multi-row-slider__photo — o desktop, div nay la
   1 grid item cua .lp-multi-row-slider__slide (display:grid, align-items
   mac dinh la stretch) nen no da TU DONG cao bang .lp-multi-row-slider__quote-content
   (cot ben canh) roi; van de la ANH BEN TRONG truoc gio bi ep cung 320px
   nen khi quote dai hon 320px, div bao ngoai co cao dung nhung anh ben
   trong KHONG lap day het, de lo khoang nen toi (#1f2937) trong o duoi anh.
   height:100% giai quyet dung phan con thieu nay — chi hoat dung dung khi
   cha la item duoc "stretch" boi grid/flex (thiet lap chieu cao xac dinh
   cho %), KHONG dung duoc o mobile (xem @media duoi, van giu px co dinh vi
   luc do __photo/__quote-content KHONG con chia se 1 hang grid nua ma xep
   chong doc — chieu cao cha luc do la auto, % se khong resolve dung). */
#news_detail img.lp-multi-row-slider__photo-img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.lp-multi-row-slider__quote-company {
    display: block;
    font-size: 1.375rem;
    font-weight: 800;
    color: #14171f;
    margin: 0 0 4px;
}
.lp-multi-row-slider__quote-field {
    display: block;
    font-size: 0.9375rem;
    color: #6b7280;
    margin: 0 0 20px;
}
.lp-multi-row-slider__quote-text {
    line-height: 1.7;
    color: #4b5563;
    margin: 0 0 24px;
}
.lp-multi-row-slider__quote-author {
    display: block;
    font-weight: 700;
    color: #14171f;
}
.lp-multi-row-slider__quote-role {
    display: block;
    font-size: 0.9375rem;
    color: #6b7280;
    margin-top: 2px;
}

@media (max-width: 576px) {
    .lp-multi-row-slider__slide {
        grid-template-columns: 1fr !important;
        padding: 24px 16px;
    }
    }
}

/* ---- Danh sach tinh nang dan xen anh/tieu de (.lp-alternating-rows): moi
   muc DUNG LAI 100% .lp-vertical-stepper__step (grid 2 cot, dao thu tu DOM de
   dan xen trai/phai) + .lp-vertical-stepper__media/__content/__bullets/__cta da
   co o tren, khong viet lai — chi them .lp-alternating-rows__item cho khoang
   cach giua cac muc (margin-bottom). Tieu de (h3) KHONG dinh nghia
   typography, dung nguyen style bai viet goc, giong quy uoc chung cua
   file nay. ---- */



@media (max-width: 767px) {
    /* .lp-vertical-stepper__step co san (xem tren) tu doi grid-template-columns:1fr
       o breakpoint nay roi (bare class, van khop ca o day) — nhung cung
       them padding-left:48px de danh cho marker/duong ke cua rieng
       .lp-vertical-stepper, khong lien quan .lp-alternating-rows nen phai reset lai. */
    .lp-alternating-rows__item.lp-vertical-stepper__step {
        padding-left: 0;
    }
}

/* ---- Khoi "Loi ich cot loi" (.lp-content-toggle): badge + h2 2 mau + subtitle
   CAN TRAI (khac .lp-vertical-stepper__header la can giua) + 2 cot (anh trai,
   accordion phai) + CTA. Dung lai .lp-vertical-stepper__badge/__title-accent/__cta
   da co, KHONG dung lai .lp-vertical-stepper__title vi class do ep can giua —
   viet rieng .lp-content-toggle__title (chi tat counter-increment, con lai dung
   nguyen style h2 goc — h2 goc VON DA can trai/flex-start san nen khong
   can ghi de bo cuc nhu ben .lp-vertical-stepper). Anh dung lai .lp-vertical-stepper__media
   (border-radius/width co san). Accordion la phan MOI hoan toan (site
   chua co component tuong tu). ---- */

.lp-content-toggle__header {
    max-width: 800px;
    margin: 0 0 32px;
}
#news_detail .lp-content-toggle .lp-content-toggle__title {
    counter-increment: none;
}
.lp-content-toggle__subtitle {
    margin-top: 8px;
}
.lp-content-toggle__body {
    display: grid;
    grid-template-columns: minmax(280px, 520px) 1fr;
    gap: 40px;
    align-items: start;
}
.lp-content-toggle__accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.lp-content-toggle__item {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 8px;
    overflow: hidden;
}
/* La <div> (khong phai <button>) — theo yeu cau: chi can bam chuot de mo/
   dong, khong can ho tro ban phim/role="button". JS van bat su kien click
   qua event delegation tren document (xem product-landingpage-blocks.js),
   hoat dong y het bat ke la div hay button vi closest() so class, khong so
   tag. */
.lp-content-toggle__item-head {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 16px;
    cursor: pointer;
}
.lp-content-toggle__item-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #EAF2FE;
    color: var(--ivd-brand, #005EDB);
    font-size: 1.125rem;
}
/* La <h3> that (ngu nghia/SEO that, khong phai span) — hop le vi
   .lp-content-toggle__item-head gio la <div> (khong con la <button>, div
   khong bi gioi han "phrasing content only" nhu button nen chua h3 truc
   tiep la hop chuan HTML5, khong can lop boc <h3> rieng ben ngoai nua nhu
   ban truoc). h3 that bi site set san font-size:1.25rem + margin-bottom:20px
   (#news_detail .product-content h3, css/core.bundle.css:72) — phai ghi de
   ca 2 gia tri nay de khong pha layout flex ngang (icon - tieu de - mui ten)
   va khong sinh khoang cach thua. Do dac ta ID+class cua rule goc (1,1,1)
   nen phai dung it nhat 1 ID + 2 class (1,2,0) o day moi thang duoc. */
#news_detail .product-content .lp-content-toggle__item-title {
    flex: 1 1 auto;
    font-weight: 700;
    font-size: 1rem;
    margin: 0;
    color: #14171f;
}
.lp-content-toggle__item-caret {
    flex: 0 0 auto;
    color: #8a93a6;
    transition: transform .2s ease;
}
.lp-content-toggle__item.is-open .lp-content-toggle__item-caret {
    transform: rotate(180deg);
}
.lp-content-toggle__item-body {
    padding: 0 20px 18px 76px;
}

@media (max-width: 992px) {
    .lp-content-toggle__body {
        grid-template-columns: 1fr;
    }
}

/* .lp-vertical-stepper__title von co ban ghi de rieng cho .lp-vertical-stepper (xem tren)
   — o day header nam trong .lp-card-grid, can ghi de lai rieng de
   tat counter-increment (tranh lech so cac h2 that phia sau) + can giua,
   dung y het quy uoc chung. */
#news_detail .lp-card-grid .lp-vertical-stepper__title {
    counter-increment: none;
    display: block;
    text-align: center;
}

/* ---- Khoi 3 the giai phap (.lp-card-grid): DUNG LAI header
   .lp-vertical-stepper__header/__badge/__title/__title-accent/__subtitle (can
   giua, tieu de 2 dong) da co, khong viet lai. Moi the la 1 vung icon lon
   (thay cho anh minh hoa — theo lua chon cua nguoi dung, khong dung anh
   that) + tieu de (h3, khong dinh nghia typography) + gach dau dong icon
   sparkle (phan MOI, giong quy uoc .lp-vertical-stepper__bullets i). ---- */
.lp-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* align-items:start (thay vi mac dinh stretch) de moi the tu co chieu
       cao rieng theo noi dung, khong bi keo bang chieu cao ca hang — can
       thiet de margin-top cua the giua (xem duoi) tao ra hieu ung so le
       that su, khong chi la day noi dung xuong trong 1 khung da cao bang
       nhau. */
    align-items: start;
    gap: 24px;
    margin: 32px 0;
}
/* The giua dat thap hon 2 the con lai — dung y het "diem so le" trong anh
   mau (mui ten do nguoi dung khoanh). Dung class rieng (khong dung
   :nth-of-type) vi .lp-vertical-stepper__header dung TRUOC cung la <div>, se lam
   lech thu tu dem cua :nth-of-type (dem theo tag, khong theo class). */
.lp-card-grid__item--offset {
    margin-top: 40px;
}
/* .lp-vertical-stepper__header nam BEN TRONG .lp-card-grid (khong phai sibling)
   de rule display:block o tren match dung, nen phai keo dan het 3 cot
   bang grid-column, khong thi no se chi chiem 1/3 be rong nhu 1 the thuong. */
.lp-card-grid .lp-vertical-stepper__header {
    grid-column: 1 / -1;
}
.lp-card-grid__item {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 24px;
}
.lp-card-grid__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    margin-bottom: 20px;
    background: linear-gradient(180deg, #EAF2FE 0%, #fff 100%);
    color: var(--ivd-brand, #005EDB);
    font-size: 4rem;
}
.lp-card-grid__item h3 {
    padding: 0 24px;
}
/* Do dac ta ID goc (#news_detail .product-content ul, xem giai thich chi
   tiet o .lp-split-numbered-list__bullets phia tren) nen phai lap lai ID o day
   moi thang duoc padding-left mac dinh 30px cua site. */
#news_detail .lp-card-grid__item .lp-card-grid__bullets {
    padding-left: 24px;
    padding-right: 24px;
}
.lp-card-grid__bullets i {
    color: var(--ivd-brand, #005EDB);
    margin-right: 4px;
}

@media (max-width: 991px) {
    .lp-card-grid {
        grid-template-columns: 1fr;
    }
}

/* ---- Khoi marquee 2 hang chay nguoc chieu (.lp-marquee): hang
   tren chay TRAI -> PHAI, hang duoi chay PHAI -> TRAI, lap vo han. Ky
   thuat: moi .lp-marquee__track NHAN DOI y het danh sach the (2
   ban giong het nhau noi tiep nhau), roi dung @keyframes dich chuyen
   translateX tu 0 den -50% (dung 1 nua chieu dai, vi track dai gap doi
   noi dung that) — den khi het 1 vong, ban sao thu 2 vua khop tiep tuc
   vao vi tri ban dau, tao cam giac lap lien mach khong dut doan. Anh minh
   hoa dung PLACEHOLDER (khoi mau, khong phai anh that — theo yeu cau) nen
   khong co the tag <img> rieng can toi uu. ---- */
/* .lp-full-bleed (wrapper cua shortcode [gallery]) tran full-width,
   pha vo be rong .container Bootstrap dang chua no (max-width co dinh +
   canh giua) — ky thuat "full-bleed" chuan: width:100vw + margin am de keo
   ve 2 mep man hinh, khong phu thuoc do sau long nhau thuc te trong DOM
   (container/.row/.col-lg-8...).
   LUU Y: don vi vw TINH CA be rong thanh cuon doc (neu trinh duyet danh
   san khong gian cho no, kieu Windows Chrome mac dinh), trong khi be rong
   noi dung THAT SU (%, hay document.documentElement.clientWidth) THI
   KHONG — chenh lech nay (~15-17px, dung bang be rong thanh cuon) lam
   .lp-full-bleed tran qua mep phai 1 chut, khien CA TRANG xuat hien
   thanh cuon ngang khong mong muon (da do duoc thuc te: scrollWidth >
   clientWidth). Khac phuc bang overflow-x:hidden tren <body> — CHI SCOPE
   qua .pd-landing-page (khong dung o than the o duoi, xem cuoi file) de
   khong anh huong toan site, chi rieng Landingpage. */
.pd-landing-page {
    overflow-x: hidden;
}
div#lpTabsQuote .lp-tabs__panel {
    background: transparent;
    padding: 0;
    border: 0;
}
.lp-full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.lp-marquee {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.lp-marquee__row {
    overflow: hidden;
    width: 100%;
    /* Hieu ung mo dan 2 canh — dung y het cong thuc fade-mask cua
       .pf-filters (css/portfolio-showcase.css), khong tu nghi ra cong
       thuc rieng. */
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.lp-marquee__track {
    /* So the "khe" hien thi cung luc — dung y het ky thuat bien CSS cua
       .lp-multi-col-carousel__track (--lp-multi-col-carousel-cols) o duoi:
       doi gia tri qua media query de item TU TO LEN khi man hinh hep lai,
       thay vi tiep tuc thu nho theo 100vw nhu truoc. */
    --lp-marquee-visible: 3.5;
    display: flex;
    gap: 16px;
    width: max-content;
}
/* 32s ban dau tinh cho hang 6 anh cung (luc con la placeholder cung mau) —
   tu khi doi sang [gallery] (~15-16 anh that/hang), track dai gap ~2.5 lan
   nhung thoi luong khong doi nen chay nhanh han han. Tang len 90s de giu
   toc do di chuyen tren man hinh (px/giay) o muc cham, de nhin, khong phu
   thuoc so luong anh thuc te trong gallery tung san pham. */
.lp-marquee__row--ltr .lp-marquee__track {
    animation: lp-marquee-ltr 120s linear infinite;
}
.lp-marquee__row--rtl .lp-marquee__track {
    animation: lp-marquee-rtl 120s linear infinite;
}
.lp-marquee__row:hover .lp-marquee__track {
    animation-play-state: paused;
}
/* The la 1 anh that (url ngoai, khong con la khoi mau CSS placeholder nua
   — da bo het cac class mau --c1..--c6 va style caption text vi khong
   con can thiet). */
.lp-marquee__item {
    flex: 0 0 calc((100vw - 4 * 16px) / var(--lp-marquee-visible));
    width: 260px;
    /* aspect-ratio 3/2 (1200x800 — kich thuoc anh gallery thuc te da bao)
       thay cho height co dinh 150px (~16:9, lech ti le) — de object-fit:cover
       hau nhu khong can crop gi, anh nam gon full khung. */
    aspect-ratio: 3 / 2;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(20, 23, 31, 0.1);
}
/* .bp-gallery__item (dung chung, css/inan-layout-blogpost.css) mac dinh la
   cursor:pointer (hinh ban tay) — o day doi rieng thanh cursor zoom-in cho
   khoi nay, KHONG dong den rule goc (van dung dung cho trang portfolio). */
.lp-marquee__item.bp-gallery__item {
    cursor: zoom-in;
}
.lp-marquee__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes lp-marquee-ltr {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}
@keyframes lp-marquee-rtl {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .lp-marquee__track {
        animation: none;
    }
}
/* Cung 2 moc 991px/575px nhu .lp-multi-col-carousel-cols o duoi, de dong
   bo cam giac responsive giua cac khoi trong cung trang landingpage. */
@media (max-width: 991px) {
    .lp-marquee__track { --lp-marquee-visible: 2.5; }
}
@media (max-width: 575px) {
    .lp-marquee__track { --lp-marquee-visible: 1.5; }
}

/* ---- Khoi carousel nhieu cot (.lp-multi-col-carousel): hien 3 cot tren
   desktop, responsive giam dan so cot qua bien --lp-multi-col-carousel-cols (dung y
   het ky thuat cua .pd-consult-track o css/inan-pro-des.css, khong tu
   nghi cong thuc rieng). Nut prev/next DUNG LAI .pd-uudai-nav/__prev/
   __next co san (giong .lp-multi-row-slider). Track cuon bang scroll-snap,
   JS o cuoi khoi HTML goi track.scrollBy() theo dung 1 CHIEU RONG THE
   (khong phai 1 "trang" 3 the) — dung y het cong thuc scrollByCard() cua
   js/product-landingpage-uudai.js. Tieu de (h2) mau accent NAM CUNG 1
   DONG (giong yeu cau anh mau) — can h2 KHONG con la flex container
   (site mac dinh h2 la flex de xep so+tieu de, xem giai thich chi tiet
   da lam o .lp-card-grid truoc do) thi span con moi thuc inline
   duoc. h3/ul/li ben trong the KHONG dinh nghia lai typography, dung
   nguyen style bai viet goc (bao gom ca dau check tu dong da lam truoc
   do cho Landingpage), giong quy uoc chung cua file nay. ---- */
.lp-multi-col-carousel {
    margin: 32px 0;
}
.lp-multi-col-carousel__header {
    text-align: center;
    margin: 0 auto 32px;
}
#news_detail .lp-multi-col-carousel .lp-multi-col-carousel__title {
    counter-increment: none;
    display: block;
    text-align: center;
}
.lp-multi-col-carousel__title-accent {
    color: var(--ivd-brand, #005EDB);
}
.lp-multi-col-carousel__viewport {
    position: relative;
}
.lp-multi-col-carousel__track {
    --lp-multi-col-carousel-cols: 3;
    /* FIX: cong thuc flex-basis cua .lp-multi-col-carousel__item ben duoi
       truoc day hardcode 24px trong khi gap that su o day la 16px — 2 gia
       tri lech nhau khien item duoc tinh HEP hon can thiet, de lai 1 khoang
       trong ~8px sau moi "trang" the thay vi khit hoan toan voi mep
       viewport. Dua vao 1 bien dung chung de cong thuc va gap khong bao
       gio lech nhau nua. */
    --lp-multi-col-carousel-gap: 16px;
    display: flex;
    gap: var(--lp-multi-col-carousel-gap);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 4px 2px;
}
.lp-multi-col-carousel__track::-webkit-scrollbar {
    display: none;
}
.lp-multi-col-carousel__item {
    flex: 0 0 calc((100% - (var(--lp-multi-col-carousel-cols) - 1) * var(--lp-multi-col-carousel-gap)) / var(--lp-multi-col-carousel-cols));
    min-width: 0;
    scroll-snap-align: start;
    border-radius: 12px;
    box-shadow: rgb(36, 97, 233, 0.5) 0px 6px 17px -16px;
    border: 1px solid #edf0f5;
    background: #fff;
    overflow: hidden;
}
/* .lp-multi-col-carousel__visual (khung icon placeholder co san) VAN GIU
   NGUYEN dinh nghia — khong xoa, phong khi noi dung khac con dung — nhung
   bo "the quy trinh" moi duoi day dung anh that (.lp-multi-col-carousel__item-image)
   thay cho khung icon nay. ---- */
.lp-multi-col-carousel__visual {
    height: 220px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: linear-gradient(160deg, #EAF2FE 0%, #BFDAF9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ivd-brand, #005EDB);
    font-size: 3rem;
}

/* ---- The "buoc quy trinh" chi tiet (.lp-multi-col-carousel__item-*): so
   thu tu + tieu de buoc, anh minh hoa, roi 3 dong dac diem/ung dung/muc do
   ung dung (icon + nhan + mo ta) va 2 dong danh gia dang cham tron (gia
   thanh/thoi gian gia cong) — bien the noi dung PHONG PHU hon cho tung
   the cua .lp-multi-col-carousel, dung CHUNG khung carousel/scroll-snap/
   nut prev-next/cham dieu huong co san, chi doi cach trinh bay BEN TRONG
   moi the. ---- */
.lp-multi-col-carousel__item-header {
    display: flex;
    align-items: stretch;
}
.lp-multi-col-carousel__item-badge {
    flex: 0 0 auto;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--ivd-brand, #005EDB) 0%, #1a73e8 100%);
    color: #fff;
    font-weight: 800;
}
.lp-multi-col-carousel__item-title {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 12px;
    font-weight: 700;
}
/* .product-content img, .portfolio-content img { width:100%!important;
   height:100%!important; } (css/core.bundle.css, dung cho anh WYSIWYG
   thuong trong bai viet) DE LEN anh nay — cung loi da gap va sua nhieu lan
   trong file nay (vd .ivd-hero__primary/__grid/.ivd-tl3__photo img phia
   duoi) — height:190px bi ghi de thanh height:100% (tren <img> khong co
   the cha xac dinh chieu cao => tinh ra 0), lam anh xep phang, ca the
   "co lai" thap hon noi dung THAT SU can, ket hop overflow:hidden tren
   .lp-multi-col-carousel__item CAT MAT phan noi dung phia duoi — dung
   loi nguoi dung bao "khong thay thong tin o duoi". PHAI dung !important
   tuong duong moi ghi de lai — NHUNG lan dau chi viet ".lp-multi-col-carousel__item-image"
   (class don, dac ta 0,1,0) la KHONG DU, thua ca khi co !important vi rule
   goc ".product-content img" da la 0,1,1 (them 1 diem element "img"). Phai
   them ID #news_detail (dac ta 1,1,1) moi thang chac chan, khong phu
   thuoc thu tu nap file. */
#news_detail img.lp-multi-col-carousel__item-image {
    display: block;
    width: 100% !important;
    height: 190px !important;
    object-fit: contain ;
    border-radius:0;
}
.lp-multi-col-carousel__item-body {
    padding: 16px 18px 6px;
}
.lp-multi-col-carousel__item-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0;
    border-top: 1px dashed #e5e9f0;
}
.lp-multi-col-carousel__item-row:first-child {
    border-top: none;
    padding-top: 0;
}
.lp-multi-col-carousel__item-row-icon {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1.5px solid var(--ivd-brand, #005EDB);
    color: var(--ivd-brand, #005EDB);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
}
.lp-multi-col-carousel__item-row-text {
    flex: 1 1 auto;
    min-width: 0;
}
.lp-multi-col-carousel__item-row-label {
    display: block;
    margin: 0 0 8px;
    font-weight: 600;
}

.lp-multi-col-carousel__item-rating {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px dashed #e5e9f0;
}
.lp-multi-col-carousel__item-rating:last-child {
    padding-bottom: 16px;
}
.lp-multi-col-carousel__item-rating-label {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
}
.lp-multi-col-carousel__item-rating-label i {
    flex: 0 0 auto;
    color: var(--ivd-brand, #005EDB);
    font-size: 1rem;
}
.lp-multi-col-carousel__item-rating-dots {
    display: flex;
    gap: 5px;
    flex: 0 0 auto;
}
.lp-multi-col-carousel__item-rating-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1.5px solid var(--ivd-brand, #005EDB);
    background: none;
}
.lp-multi-col-carousel__item-rating-dot--filled {
    background: var(--ivd-brand, #005EDB);
}
@media (max-width: 991px) {
    .lp-multi-col-carousel__track { --lp-multi-col-carousel-cols: 2; }
}
@media (max-width: 575px) {
    .lp-multi-col-carousel__track { --lp-multi-col-carousel-cols: 1; }
}

/* ---- .lp-carousel-split: layout 2 cot ty le 4:8 (tuc 1:2) — trai la tieu
   de + mo ta, phai LONG NGUYEN VEN 1 khoi .lp-multi-col-carousel day du
   (viewport/track/item/nut prev-next/cham deu tai su dung y het component
   goc, KHONG viet lai). KHONG full-bleed (nam trong container binh thuong,
   khac voi .lp-consult-hero/.lp-contact-split truoc do vi khong ai yeu cau
   pha container o day). Cot phai it khong gian hon full-width nen giam bot
   so cot hien thi mac dinh cua carousel long ben trong (--lp-multi-col-
   carousel-cols) — CHI scope rieng cho carousel NAM TRONG .lp-carousel-
   split__right, khong anh huong khoi .lp-multi-col-carousel doc lap khac
   tren trang. ---- */
.lp-carousel-split {
    display: grid;
    grid-template-columns: minmax(320px, 25%) 1fr;
    gap: 0 32px;
    /* align-items:start (thay vi center) — voi noi dung carousel THUC TE
       (anh that + mo ta dai, khac voi ban demo placehold.co ngan gon luc
       dau), cot phai (carousel) thuong CAO HON han cot trai (chi tieu de +
       mo ta ngan). align-items:center se can GIUA cot trai theo chieu cao
       CUA CA HANG (tuc theo carousel), lam tieu de troi lo lung giua khoang
       trong lon phia tren/duoi thay vi bat dau tu tren cung — cang ro khi
       dung nhieu khoi .lp-carousel-split lien tiep co chieu cao carousel
       khac nhau, nhin "khong deu" giua cac khoi (dung loi nguoi dung bao ve
       bai 1202). align-items:start neo ca 2 cot vao mep TREN cua hang, luon
       nhat quan bat ke carousel cao bao nhieu. */
    align-items: start;
}
/* .lp-carousel-split__left CAN GIUA rieng theo chieu doc trong hang cua no
   (align-self, KHONG doi align-items:start chung cua ca grid o tren — gia
   tri do van giu nguyen cho .lp-carousel-split__right/header, chi rieng cot
   trai duoc ghi de). */
.lp-carousel-split__left {
    align-self: center;
}
/* Header tong the (.lp-vertical-stepper__header) dat TRUOC .lp-carousel-split__left/
   __right nhung VAN nam BEN TRONG .lp-carousel-split (khong phai div rieng)
   — dung y het ky thuat da lam cho .lp-card-grid (xem selector duoi): keo
   dan het 2 cot bang grid-column, grid tu dong day __left/__right xuong
   HANG MOI vi hang 1 da bi header chiem het. Phai ghi de rieng tat
   counter-increment/can giua vi fix goc (dong 135) chi scope cho parent
   .lp-vertical-stepper, khong khop voi parent .lp-carousel-split o day. */
.lp-carousel-split .lp-vertical-stepper__header {
    grid-column: 1 / -1;
}
#news_detail .lp-carousel-split .lp-vertical-stepper__title {
    counter-increment: none;
    display: block;
    text-align: center;
}
/* .lp-carousel-split__title gio la h3 (header tong the o tren da la h2) —
   selector theo CLASS nen khong phu thuoc tag h2/h3, khong can doi gi them
   o day khi doi tag trong HTML. */
#news_detail .lp-carousel-split .lp-carousel-split__title {
    counter-increment: none;
    display: block;
}
.lp-carousel-split__title-accent {
    color: var(--ivd-brand, #005EDB);
    display: block;
}

/* min-width:0 BAT BUOC phai co tren item luoi (.lp-carousel-split__right) —
   day la "CSS Grid blowout" kinh dien: mac dinh 1 grid item co
   min-width:auto, tuc TRINH DUYET se khong cho track "1fr" co lai NHO HON
   min-content cua noi dung ben trong no, DU noi dung do (o day la track
   carousel) da tu overflow-x:auto rieng. Neu carousel co NHIEU the/mo ta
   dai (vd khoi 2 "06 kieu dang" trong bai 1202 co 6 the, dai hon khoi 1 co
   5 the) thi min-content cua no co the VUOT QUA be rong cot 1fr duoc cap —
   luc do ca .lp-carousel-split__right se TRAN RA NGOAI ranh gioi container
   (dung loi nguoi dung bao "giat ra hon so voi container"), du chinh
   .lp-carousel-split (grid cha) van bao cao dung be rong container binh
   thuong — chi rieng item con moi bi tran. min-width:0 tra lai quyen "co
   nho hon min-content" cho item, de overflow-x:auto CUA TRACK BEN TRONG
   thuc su phat huy tac dung thay vi bi grid chan lai. */
.lp-carousel-split__right {
    min-width: 0;
}
.lp-carousel-split__right .lp-multi-col-carousel {
    margin: 0;
}
.lp-carousel-split__right .lp-multi-col-carousel__track {
    --lp-multi-col-carousel-cols: 2;
}
@media (max-width: 576px) {
    .lp-carousel-split__right .lp-multi-col-carousel__track {
        --lp-multi-col-carousel-cols: 1;
    }
}
@media (max-width: 992px) {
    .lp-carousel-split {
        grid-template-columns: 1fr;
    }
}

/* ---- Khoi callout nhan manh + CTA (.lp-quote-banner): nen mau nhat
   thuong hieu, 2 dau ngoac kep trang tri lon (icon Phosphor ph-quotes,
   khong ve lai hinh khoi xep lop phuc tap cua anh mau — dung icon co san
   la du dat hieu ung goi y). Chu CTA dung class rieng (khong dung lai
   .btn-gradient vi kieu dang vien den + nen dam khac han thiet ke nut
   chuan cua site) nhung VAN gan .js-quote-trigger de mo dung popup bao
   gia that co san — chi phan hien thi la moi, hanh vi la tai su dung. ---- */
.lp-quote-banner {
    position: relative;
    overflow: hidden;
}
.lp-quote-banner__quote {
    position: absolute;
    z-index: 0;
    line-height: 1;
    color: var(--ivd-brand, #005EDB);
    pointer-events: none;
}
.lp-quote-banner__quote i {
    display: block;
}
.lp-quote-banner__quote--main {
    top: 24px;
    left: 24px;
    font-size: 150px;
    opacity: 1;
}
.lp-quote-banner__quote--faded {
    bottom: -16px;
    right: 32px;
    font-size: 70px;
    opacity: .12;
}
.lp-quote-banner__content {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    /* FIX: truoc day khong co padding-left o day, nen khoang cach voi icon
       ngoac kep to (.lp-quote-banner__quote--main, position:absolute) chi
       den tu do rong thua ngau nhien giua content (max-width:800px, can
       giua) va container — o man hinh rong thi thua nhieu nen khong dinh,
       nhung khi container bi bop hep lai (< ~991px, luc content khong con
       bi gioi han boi max-width:800px nua ma choan het chieu rong) thi
       content ap sat le trai, chong len icon 150px. Danh rieng padding-left
       du de icon luon co cho, khong phu thuoc vao be rong container nua. */
    padding-left: 150px;
}
.lp-quote-banner__headline {
    font-size: 1.375rem;
    line-height: 1.4;
    color: #14171f;
    margin: 0 0 16px;
}
.lp-quote-banner__headline strong {
    font-weight: 800;
}
.lp-quote-banner__sub-label {
    font-weight: 700;
    color: var(--ivd-brand, #005EDB);
    margin: 0 0 4px;
    font-size: 0.9375rem;
}
.lp-quote-banner__sub-text {
    color: var(--ivd-brand, #005EDB);
    font-size: 0.9375rem;
    margin: 0 0 24px;
}
.lp-quote-banner__cta {
    display: inline-block;
    background: var(--ivd-brand, #005EDB);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border: 2px solid #14171f;
    border-radius: 8px;
    padding: 14px 28px;
    cursor: pointer;
    transition: transform .15s ease;
}
.lp-quote-banner__cta:hover {
    transform: translateY(-2px);
}

/* FIX: truoc day chi co 1 breakpoint duy nhat o 575px — khoang giua 576px
   va luc content con bi max-width:800px "che cho" (~roughly >912px tinh ca
   padding) khong duoc dieu chinh gi ca, dung ngay khoang "giao dien bi bop
   lai" ma icon to 150px chong len badge/tieu de. Them 1 tang trung gian de
   thu hep dan ca icon lan padding-left tuong ung, khop voi tang mobile
   ben duoi thay vi nhay truc tiep tu 150px xuong 90px. */
@media (max-width: 767px) {
    .lp-quote-banner__quote--main {
        font-size: 110px;
    }
    .lp-quote-banner__content {
        padding-left: 108px;
    }
}

@media (max-width: 575px) {
    .lp-quote-banner {
        padding: 32px 24px;
    }
    .lp-quote-banner__quote--main {
        font-size: 90px;
    }
    .lp-quote-banner__quote--faded {
        font-size: 42px;
    }
    .lp-quote-banner__content {
        padding-left: 0;
        padding-top: 76px;
    }
    .lp-quote-banner__headline {
        font-size: 1.125rem;
    }
}

/* ---- Khoi CTA 2 cot: thong tin lien he + form bao gia nhung (.lp-contact-split)
   — phan nen "header" DUNG LAI 2 class trang tri CO SAN cua site (theo dung
   yeu cau), khong tu ve hieu ung nen moi:
   - .bg-blue-blur (css/core.bundle.css) — vet mo mau xanh nhat, dang dung
     cho cac section template nhu "San pham lien quan"/"Video lien quan".
   - .bg-semicircle (css/core.bundle.css) — vong ban nguyet mo dan, dang dung
     lam nen phia sau tieu de section.
   Cot phai nhung nguyen shortcode [quote_form] (co san, tu co style rieng
   .ivd-quote-inline-wrap trong css/quote-popup.css), khong tao form moi. ---- */
/* CHI dat margin-top/bottom (khong dung shorthand "margin: 32px 0") — phan
   tu nay dung CHUNG voi .lp-full-bleed tren cung 1 the (2 class deu 0,1,0,
   nen rule NAO DUNG SAU trong file thang cho THUOC TINH DAI CHUNG). Neu
   dung shorthand se GHI DE CA margin-left/margin-right cua .lp-full-bleed
   ve 0 (vi shorthand tuong duong khai bao ca 4 huong), pha het ky thuat can
   giua "100vw + margin am" — dung loi thuc te da gap (khoi bi lech han
   sang phai, ho trong ben trai). */
.lp-contact-split {
    margin-top: 32px;
    margin-bottom: 32px;
}
.lp-contact-split .bg-blue-blur {
    padding: 56px 0;
}
.lp-contact-split .bg-semicircle {
    /* Bo padding-top mac dinh 96px (danh rieng cho vong tron phia tren 1
       tieu de <h2> can giua o ngu canh goc) — o day .bg-semicircle lam nen
       cho ca khoi 2 cot, khong can khoang trong do. */
    padding-top: 0;
}
.lp-contact-split__grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}
.lp-contact-split__left {
    position: relative;
}
/* Icon trang tri goc tren-phai (thay cho anh buom/tia sang rieng trong anh
   mau nguoi dung gui) — dung icon Phosphor co san, dung quy uoc icon chung
   ca site (khong tao asset anh rieng). */
.lp-contact-split__deco {
    position: absolute;
    top: -16px;
    right: 8px;
    font-size: 2rem;
    color: var(--ivd-brand, #005EDB);
    opacity: .45;
}
.lp-contact-split__title {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.28;
    margin: 0 0 12px;
    letter-spacing: -0.029em;
}
.lp-contact-split__title-accent {
    color: var(--ivd-brand, #005EDB);
}
.lp-contact-split__desc {
    color: #4a4f63;
    margin: 0 0 28px;
    max-width: 480px;
}
.lp-contact-split__methods {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 28px;
}
/* .lp-contact-split__method ap dung cho ca <a> (tel/Zalo) LAN <button
   class="js-quote-trigger"> (mo popup bao gia co san, xem js/quote-popup.js)
   — dung chung 1 kieu hien thi, chi khac phan tu/hanh vi ben duoi. */
.lp-contact-split__method {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
}
.lp-contact-split__method-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #EAF2FE;
    color: var(--ivd-brand, #005EDB);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: background .15s ease, color .15s ease;
}
.lp-contact-split__method:hover .lp-contact-split__method-icon {
    background: var(--ivd-brand, #005EDB);
    color: #fff;
}
.lp-contact-split__method-label {
    font-size: 0.8125rem;
    color: #4a4f63;
}
.lp-contact-split__method-value {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #14171f;
}
.lp-contact-split__meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.lp-contact-split__meta-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.875rem;
    color: #4a4f63;
}
.lp-contact-split__meta-item i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--ivd-brand, #005EDB);
}
/* [quote_form] tu co margin:32px 0 rieng (.ivd-quote-inline-wrap, danh cho
   luc nhung giua noi dung bai viet binh thuong) — bo di vi o day da nam san
   trong luoi 2 cot co gap/align rieng cua khoi nay. */
.lp-contact-split__right .ivd-quote-inline-wrap {
    margin: 0;
}

@media (max-width: 900px) {
    .lp-contact-split__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
@media (max-width: 575px) {
    .lp-contact-split .bg-blue-blur {
        padding: 40px 0;
    }
    .lp-contact-split__title {
        font-size: 1.375rem;
    }
    .lp-contact-split__methods {
        gap: 16px;
    }
}

/* ---- Khoi CTA 1 cot dang "hero tu van" (.lp-consult-hero): bo cuc KHAC
   han .lp-contact-split o tren (khong chia 2 cot, xep doc: hang icon trang
   tri -> tieu de 2 mau can giua -> mo ta -> 3 the loi ich -> the form trang
   can giua duoi cung), theo dung yeu cau "thiet ke khac". Nen "header" van
   dung LAI .bg-blue-blur/.bg-semicircle nhu khoi truoc, dong nhat ngon ngu
   trang tri toan thu vien. Form van la [quote_form] co san, KHONG tao form
   moi — chi xep lai bo cuc field (grid 2 cot) + doi mau the (trang, bo dau
   ngoac kep trang tri) bang CSS de hop voi giao dien card trang cua khoi
   nay, khong sua shortcode_helper.php. ---- */

.lp-consult-hero .bg-blue-blur {
    padding: 64px 0;
}
.lp-consult-hero .bg-semicircle {
    /* Giam padding-top mac dinh (96px, tinh cho ngu canh chi co 1 tieu de
       o dau) vi khoi nay co them hang icon phia tren tieu de, khong can
       nhieu khoang trong nhu vay nua. */
    padding-top: 32px;
}
.lp-consult-hero__icons {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}
.lp-consult-hero__icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(20, 23, 31, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #c7cadb;
}
.lp-consult-hero__icon--active {
    background: var(--ivd-brand, #005EDB);
    color: #fff;
    box-shadow: 0 8px 20px rgba(0, 94, 219, .35);
}
.lp-consult-hero__title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 16px;
    letter-spacing: -0.029em;
}
/* Site mac dinh h2 trong bai viet la display:flex;flex-direction:column;
   align-items:flex-start (#news_detail .product-content h2, css/core.bundle.css)
   — flexbox lam text-align:center o tren VO NGHIA (cac dong chu tro thanh
   flex item, bi ep can trai boi align-items bat ke text-align gi), day
   chinh la loi da gap voi MOI h2 khac trong thu vien nay (.lp-vertical-stepper__title,
   .lp-multi-col-carousel__title...) va da sua bang cung 1 cach: ghi de
   display:block de h2 het la flex container. counter-increment:none de
   khong lam lech so thu tu cac h2 that phia sau, dung quy uoc chung ca file.
   Do dac ta ID+class cua rule goc (1,1,1) nen phai dung it nhat 1 ID + 2
   class (1,2,0) o day moi thang duoc. */
#news_detail .lp-consult-hero .lp-consult-hero__title {
    counter-increment: none;
    display: block;
    text-align: center;
}
.lp-consult-hero__title-accent {
    color: var(--ivd-brand, #005EDB);
}
.lp-consult-hero__desc {
    text-align: center;
    max-width: 640px;
    margin: 0 auto 32px;
}
/* FIX: truoc day dung flex-wrap + flex:1 1 210px cho tung item — voi dung
   4 item co san, kieu nay de sinh ra bo cuc 3+1 (3 item vua khit 1 hang,
   item thu 4 bi day xuong rieng 1 hang) o nhung be rong container "vua du
   cho 3 nhung chua du cho 4". Chuyen sang CSS Grid voi so cot CO DINH
   (4 hoac 2, khong bao gio la 3 hay 1) qua breakpoint ben duoi. */
.lp-consult-hero__benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 230px));
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 992px) {
    .lp-consult-hero__benefits {
        grid-template-columns: repeat(2, minmax(0, 350px));
    }
}
/* .lp-consult-hero__benefit: hoc theo dung cach thiet ke cua
   .ivd-header__action/.ivd-header__action-text (icon + khoi chu 2 dong
   nhan/gia-tri, css/header-redesign.css:108-148) — VIET MOI hoan toan bang
   class rieng (khong tai su dung .ivd-header__action*, theo dung yeu cau),
   chi hoc cach bo cuc/ty le. Ap dung cho ca <a> (tel/Zalo) LAN <button
   class="js-quote-trigger"> giong cach lam o .lp-contact-split__method. */
.lp-consult-hero__benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 10px;
    padding: 14px 16px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.lp-consult-hero__benefit:hover {
    border-color: var(--ivd-brand, #005EDB);
    box-shadow: 0 4px 14px rgba(0, 94, 219, .12);
    text-decoration: none;
    color: inherit;
}
.lp-consult-hero__benefit-icon {
    flex: 0 0 auto;
    display: flex;
    font-size: 1.5rem;
    color: var(--ivd-brand, #005EDB);
}
.lp-consult-hero__benefit-text {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.lp-consult-hero__benefit-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: #4a4f63;
}
.lp-consult-hero__benefit-value {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ivd-brand, #005EDB);
}
.lp-consult-hero__form {
    max-width: 800px;
    margin: 0 auto;
}
/* [quote_form] mac dinh la the mau xanh nhat + dau ngoac kep trang tri lon
   (.ivd-quote-inline-wrap, css/quote-popup.css — hop voi ngu canh nhung
   giua doan van ban thuong). O day can 1 the TRANG, bong do nhe, khong dau
   ngoac kep, hop voi tong the "card CTA" cua khoi nay — ghi de rieng qua
   class cha .lp-consult-hero__form, KHONG sua file CSS goc (van dung
   nguyen cho moi noi khac dang dung [quote_form]). */
.lp-consult-hero__form .ivd-quote-inline-wrap {
    background: #fff;
    box-shadow: 0 12px 32px rgba(20, 23, 31, .1);
    border-radius: 16px;
    padding: 32px;
    margin: 0;
}
.lp-consult-hero__form .ivd-quote-inline-wrap::before {
    content: none;
}
.lp-consult-hero__form .ivd-quote-inline-title,
.lp-consult-hero__form .ivd-quote-inline-subtitle {
    text-align: center;
}
/* Xep lai field thanh luoi 2 cot (khac ban goc xep doc tung field 1 hang) —
   field 1 (noi dung yeu cau) va field 4 (email, field CUOI CUNG) trai het
   2 cot, field 2+3 (ho ten + dien thoai) nam CANH NHAU. Dung :nth-of-type
   thay vi sua them class vao shortcode_helper.php (dem theo thu tu <div>
   con truc tiep trong form — 4 .ivd-quote-field, roi den .ivd-quote-hp,
   .ivd-quote-error, deu la <div>, thu tu nay on dinh vi lay tu chinh code
   sinh HTML). */
.lp-consult-hero__form .ivd-quote-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 16px;
}
.lp-consult-hero__form .ivd-quote-inline-wrap form {
    text-align: left;
}
.lp-consult-hero__form .ivd-quote-field:nth-of-type(1) {
    grid-column: 1 / -1;
}
/* An field Email (field thu 4, sau content/fullname/phone) rieng cho form
   trong khoi nay — theo yeu cau, khong sua shortcode_helper.php nen khong
   anh huong [quote_form] o cac noi khac (vd .lp-contact-split van du 4
   field nhu cu). */
.lp-consult-hero__form .ivd-quote-field:nth-of-type(4) {
    display: none;
}
/* Nut submit (<button>, KHONG phai .ivd-quote-field) cung la con truc tiep
   cua .ivd-quote-form nen cung bi grid 2 cot o tren "hut" vao — cac phan tu
   khac dung truoc no trong form (.ivd-quote-hp dung position:absolute,
   .ivd-quote-error dung display:none khi chua .active) deu bi loai khoi
   luong grid, nen nut la item DUY NHAT roi vao HANG MOI va tu dong nam o
   COT 1 (trai) thay vi keo dai het hang — dung loi nguoi dung bao "dang
   nam ben trai". Keo dan het 2 cot giong field dau tien de nam giua/full
   chieu rong (nut von co san width:100% tu class goc .ivd-quote-submit-btn). */
.lp-consult-hero__form .ivd-quote-submit-btn {
    grid-column: 1 / -1;
}
/* Bo label, dung placeholder thay the — CHI rieng form trong khoi nay (theo
   yeu cau), KHONG sua shortcode_helper.php dung chung nen khong anh huong
   [quote_form] o cac trang khac (lien he, portfolio, blogpost, popup bao
   gia...). display:none thu gon luon ca margin-bottom cua label, khong de
   lai khoang trong. Phan dat gia tri placeholder (lay tu chinh text label,
   chi khi input/textarea CHUA co san placeholder) nam trong JS, xem
   js/product-landingpage-blocks.js. */
.lp-consult-hero__form .ivd-quote-field label {
    display: none;
}

@media (max-width: 767px) {
    .lp-consult-hero__title {
        font-size: 1.5rem;
    }
}
@media (max-width: 575px) {
    .lp-consult-hero .bg-blue-blur {
        padding: 40px 0;
    }
    .lp-consult-hero__icons {
        gap: 10px;
    }
    .lp-consult-hero__icon {
        width: 44px;
        height: 44px;
        font-size: 1.125rem;
        border-radius: 10px;
    }
    .lp-consult-hero__form .ivd-quote-inline-wrap {
        padding: 24px 20px;
    }
    .lp-consult-hero__form .ivd-quote-form {
        grid-template-columns: 1fr;
    }
    .lp-consult-hero__form .ivd-quote-field:nth-of-type(1),
    .lp-consult-hero__form .ivd-quote-field:nth-of-type(2),
    .lp-consult-hero__form .ivd-quote-field:nth-of-type(3) {
        grid-column: 1 / -1;
    }
}

/* .ivd-timeline-section/.ivd-policy-section (copy nguyen tu bai "Gioi
   thieu" id=143, xem css/about.css) von duoc dem padding tu selector
   THEO TAG ".ivd-about-page section{padding:48px 0}" — o day da doi
   <section> thanh <div> theo yeu cau nen KHONG con khop selector do nua
   (.ivd-hero-section rieng van an toan vi co them 1 rule THEO CLASS
   ".ivd-about-page .ivd-hero-section{padding:48px 0}", nhung 2 khoi nay
   thi khong co rule class rieng tuong duong) — bu lai dung gia tri goc
   de khong mat khoang cach tren/duoi. */
.ivd-about-page .ivd-timeline-section,
.ivd-about-page .ivd-policy-section {
    padding: 48px 0;
}
@media (max-width: 575px) {
    .ivd-about-page .ivd-timeline-section,
    .ivd-about-page .ivd-policy-section {
        padding: 36px 0;
    }
}

/* .product-content img, .portfolio-content img { width:100%!important;
   height:100%!important; } (css/core.bundle.css, dung cho anh WYSIWYG
   thuong trong bai viet) DE LEN ca anh trong 3 khoi copy tu bai "Gioi
   thieu" — vi la !important nen bat ke do dac ta cao hon bao nhieu cung
   khong thang duoc, PHAI dung !important tuong duong moi ghi de lai. Anh
   huong ro nhat: .ivd-hero__grid img (2 anh nho duoi hero) bi ep width:100%
   thay vi 50%-8px, khien tran ra ngoai het be rong (dung loi nguoi dung
   bao). Cung anh huong (it ro hon nhung van sai): .ivd-hero__primary img
   mat height:390px co dinh, .ivd-tl3__photo img mat height:250px co dinh —
   phuc hoi lai dung gia tri goc cua css/about.css. */
.ivd-hero__primary img {
    width: 100% !important;
    height: 390px !important;
}
.news_detail .ivd-hero__grid img {
    width: calc(50% - 8px) !important;
    height: auto !important;
}
.ivd-tl3__photo img {
    width: 100% !important;
    height: 250px !important;
}

/* Landingpage: bo so thu tu tu dong "01.", "02."... truoc moi h2 trong noi
   dung bai viet (#news_detail .product-content h2::before, dinh nghia o
   css/core.bundle.css) — trang mac dinh (layout_product.php) van giu
   nguyen so thu tu nay, chi rieng Landingpage la khong can. Scope qua
   .pd-landing-page tren <body> (xem application/views/includes/template.php).
   Do dac ta ID (#news_detail) o rule goc nen phai lap lai ID o day de
   thang the — chi tang class (.pd-landing-page) khong du. */
.pd-landing-page #news_detail .product-content h2::before {
    content: none;
}

/* Landingpage: doi dau cham den mac dinh (list-style:disc) cua the ul li
   trong noi dung bai viet thanh dau check khoanh tron mau thuong hieu —
   trang mac dinh (layout_product.php) van giu nguyen dau cham den. Ve dau
   check bang 2 pseudo-element (khoanh tron + ky tu check) thay vi anh/SVG
   de de chinh mau theo --ivd-brand, khong can file anh rieng. Do dac ta ID
   goc (#news_detail .product-content ul li, xem core.bundle.css) nen phai
   lap lai ID + them class .pd-landing-page o day de thang the. */
.pd-landing-page #news_detail .product-content ul li {
    list-style: none;
    position: relative;
    padding-left: 28px;
}
.pd-landing-page #news_detail .product-content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 18px;
    height: 18px;
    border: 1.5px solid var(--ivd-brand, #005EDB);
    border-radius: 50%;
    box-sizing: border-box;
}
.pd-landing-page #news_detail .product-content ul li:after {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: var(--ivd-brand, #005EDB);
}
/* .lp-split-numbered-list__bullets (icon X, van de/han che) va .lp-vertical-stepper__bullets/
   .lp-tabs__bullets (da tu co icon check rieng, xem i { color }
   phia tren) KHONG can dau khoanh tron nay nua — tranh hien 2 lop dau hieu
   chong nhau tren cung 1 dong. Do rule tren dung 2 class + 2 element
   (.pd-landing-page + .product-content, ul + li = 1,2,2), o day phai them
   .product-content vao chuoi de dat toi thieu 1,3,1 moi thang duoc, khong
   the chi dua vao thu tu file (de gay loi neu sau nay sap xep lai). */
.pd-landing-page #news_detail .product-content .lp-split-numbered-list__bullets li,
.pd-landing-page #news_detail .product-content .lp-vertical-stepper__bullets li,
.pd-landing-page #news_detail .product-content .lp-tabs__bullets li,
.pd-landing-page #news_detail .product-content .lp-card-grid__bullets li {
    padding-left: 0;
}
.pd-landing-page #news_detail .product-content .lp-split-numbered-list__bullets li:before,
.pd-landing-page #news_detail .product-content .lp-split-numbered-list__bullets li:after,
.pd-landing-page #news_detail .product-content .lp-vertical-stepper__bullets li:before,
.pd-landing-page #news_detail .product-content .lp-vertical-stepper__bullets li:after,
.pd-landing-page #news_detail .product-content .lp-tabs__bullets li:before,
.pd-landing-page #news_detail .product-content .lp-tabs__bullets li:after,
.pd-landing-page #news_detail .product-content .lp-card-grid__bullets li:before,
.pd-landing-page #news_detail .product-content .lp-card-grid__bullets li:after {
    content: none;
}

/* ---- .material (bai 1202): wrapper GOP 2 khoi .lp-carousel-split "Chat
   lieu bao bi tui giay" lai, phá container full-width + nen mau — dung Y
   HET pattern da lam cho .lp-consult-hero (khong tu nghi cau truc moi):
   .material.lp-full-bleed (pha container) > .bg-blue-blur (nen trang tri
   co san, css/core.bundle.css) > .container (keo be rong noi dung tro lai
   binh thuong — KHONG THE THIEU, vi .lp-full-bleed pha rong toi 100vw,
   neu khong co .container ben trong thi 2 khoi .lp-carousel-split se tran
   het toan man hinh). Cau truc/HTML cua 2 khoi .lp-carousel-split ben
   trong giu nguyen 100%, KHONG doi gi. */
.material .bg-blue-blur {
    padding: 56px 0;
}