/* =====================================================================================================================
   Template ststore_v4 – "Ấn bản chính luận": lớp thiết kế riêng của ST-Store đặt lên khung + khối nội dung của ststore_v3.
   Chỉ nạp khi template v4 bật (Asset v4 đăng ký SAU asset v3/v2), nên không cần đóng phạm vi; dùng body.st-v4 khi cần
   đè quy tắc v3. Một số chỗ thêm :not(#st) – mỗi lần +1 cột ID trong độ ưu tiên – để thắng quy tắc font !important của
   ega-pages.css mục 2 (body.ega-body *:not(i):not([class*="fa-"])…).

   Bản sắc: trang web như một cuốn sách của Nhà xuất bản –
     nền giấy ngà · tiêu đề chữ có chân (Noto Serif) · mỗi khối là một "Chương 0N" (đánh số tự động bằng CSS counter) ·
     dải đánh dấu đỏ (ruy băng trên logo ST) thay nhãn giảm giá · thẻ sách đổ bóng như sách thật, nghiêng nhẹ khi rê chuột.
   Màu lấy từ logo: xanh dầu #1D4E6B (chính) · đỏ ST #D71920 (điểm nhấn: giá, Mua ngay, dải đánh dấu) · mực đêm #123247.

   Mục lục: 1 Biến · 2 Nền & chữ · 3 Thanh trên cùng · 4 Header & menu · 5 Banner · 6 Ô ưu đãi (vé) · 7 Tiêu đề "Chương" ·
            8 Thẻ sách · 9 Flash sale · 10 Khối trang chủ khác · 11 Footer · 12 Trang trong · 13 Nút & form · 14 Responsive
   ===================================================================================================================== */

/* ---------- 1. Biến: đè bảng màu v3 (đang dùng màu của trang tham khảo) bằng màu ST-Store ---------- */
body.ega-body.st-v4 {
    --st-petrol: #1D4E6B;
    --st-petrol-dark: #163D55;
    --st-night: #123247;
    --st-red: #D71920;
    --st-red-dark: #A3121A;
    --st-red-soft: #FBE3E4;
    --st-paper: #FAF7F0;
    --st-paper-2: #F1EBDF;
    --st-ink: #1E2328;
    --st-lead: #5B6470;
    --st-rule: #E2DACB;
    --st-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
    --st-sans: 'Be Vietnam Pro', sans-serif;
    --st-book-shadow: drop-shadow(0 1px 0 rgba(0, 0, 0, .06)) drop-shadow(0 12px 14px rgba(18, 50, 71, .28));

    /* ega-pages.css (trang trong) + ststore-v2.css */
    --ega-primary: var(--st-petrol);
    --ega-primary-dark: var(--st-petrol-dark);
    --ega-price: var(--st-red);
    --ega-text: var(--st-ink);
    --ega-muted: var(--st-lead);
    --ega-line: var(--st-rule);
    --ega-soft: var(--st-paper-2);
    --stv2-primary: var(--st-petrol);
    --stv2-primary-dark: var(--st-petrol-dark);
    --stv2-accent: var(--st-red);
    --stv2-radius: 10px;
    --stv2-shadow: 0 10px 30px -18px rgba(18, 50, 71, .45);
    background: var(--st-paper);
    color: var(--st-ink);
}
/* ega-fix.css khai biến trên từng khối .ega (header, trang chủ, footer) */
.st-v4 .ega {
    --text-color: #1E2328;
    --body-background: #FAF7F0;
    --text-secondary-color: #5B6470;
    --primary-color: #1D4E6B;
    --secondary-color: #123247;
    --price-color: #D71920;
    --label-background: #D71920;
    --label-color: #ffffff;
    --footer-bg: #123247;
    --footer-color: #C9D6DF;
    --addtocart-bg: #1D4E6B;
    --addtocart-text-color: #ffffff;
    --cta-color: #1D4E6B;
    --border-color: #E2DACB;
    --link-color: #1D4E6B;
    --link-hover-color: #D71920;
    --policies-bg: #1D4E6B;
    --policies-color: #ffffff;
    --reviewBg: #1D4E6B;
    --heading-color: #1D4E6B;
    --btn-radius: 999px;
    --border-radius: 10px;
}

/* ---------- 2. Nền giấy & chữ ---------- */
.st-v4 .wrapper, .st-v4 .ega-home, .st-v4 .ega .section, .st-v4 .section_product_top,
.st-v4 .section_blog, .st-v4 .section_bento_grid, .st-v4 .section_lookbook { background-color: transparent; }
.st-v4 a { color: var(--st-petrol); }
.st-v4 a:hover { color: var(--st-red); }
.st-v4 ::selection { background: var(--st-red-soft); color: var(--st-red-dark); }

/* Chữ có chân cho tiêu đề & tên sách (thắng quy tắc Be Vietnam Pro !important của v3) */
body.st-v4 :is(h1, h2, h3, .heading-bar__title, .product-name, .product-name a, .stv2-pd-title, .stv2-cat-head__title,
    .stv2-combo-head__title, .stv2-rel__title, .stv2-news-card__title, .stv2-news-card__title a, .ega-page__title,
    .ega-checkout__title, .policies-title, .ega-rv__quote, .blogwp h3, .blogwp h3 a, .footer-title, .estore-bundle__title,
    .estore-popup__title, .st-ticket__title, .ega-reviews__title, .ega-mnav-head):not(#st):not(#st),
body.st-v4 :is(h1, h2, h3, .heading-bar__title, .product-name, .stv2-pd-title, .stv2-cat-head__title, .stv2-combo-head__title,
    .stv2-rel__title, .stv2-news-card__title, .ega-page__title, .ega-checkout__title, .policies-title, .blogwp h3,
    .estore-bundle__title, .st-ticket__title, .ega-reviews__title)
    :not(i):not(svg):not(svg *):not([class*="fa-"]):not([class*="ri-"]):not(#st):not(#st) {
    font-family: var(--st-serif) !important;
}
.st-v4 :is(h1, h2, h3) { color: var(--st-night); letter-spacing: 0; }

/* ---------- 3. Thanh trên cùng (views/layouts/_topbar.php) ---------- */
.st-topbar { background: var(--st-night); color: #C9D6DF; font-size: 13px; line-height: 1.4; }
.st-topbar__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 24px; padding-top: 7px; padding-bottom: 7px; }
.st-topbar__brand { display: inline-flex; align-items: center; gap: 6px; letter-spacing: .02em; }
.st-topbar__links { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.st-v4 .st-topbar a { color: #C9D6DF; display: inline-flex; align-items: center; gap: 6px; }
.st-v4 .st-topbar a:hover { color: #fff; }
.st-topbar strong { color: #fff; font-weight: 600; }
.st-topbar i { font-size: 15px; color: #F2A7A9; }

/* ---------- 4. Header & menu ---------- */
.st-v4 .ega-header { background: var(--st-paper); border-bottom: 1px solid var(--st-rule); box-shadow: none; }
.st-v4 .ega-header .menu-item__link { color: var(--st-night); font-weight: 600; position: relative; }
.st-v4 .ega-header .menu-item__link::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 3px; border-radius: 2px;
    background: var(--st-red); transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.st-v4 .ega-header .menu-item:hover > .menu-item__link,
.st-v4 .ega-header .menu-item__link:hover { color: var(--st-red); }
.st-v4 .ega-header .menu-item:hover > .menu-item__link::after { transform: scaleX(1); }
.st-v4 .ega-header .header-icon,
.st-v4 .ega-header .header-icon i,
.st-v4 .ega-header #icon-account > a i { color: var(--st-petrol); font-size: 22px; }
.st-v4 .ega-header .header-icon:hover i { color: var(--st-red); }
.st-v4 .ega-header .count_item { background: var(--st-red); color: #fff; font-weight: 700; }
.st-v4 .ega-header .submenu, .st-v4 .stv2-mega { border-top: 3px solid var(--st-red); border-radius: 0 0 12px 12px; box-shadow: 0 18px 36px -20px rgba(18, 50, 71, .5); }
.st-v4 .ega-header .submenu .link:hover, .st-v4 .stv2-mega__link:hover { color: var(--st-red); }
.st-v4 .stv2-mega__heading { color: var(--st-red); letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.st-v4 .stv2-mega__chip { border-color: var(--st-rule); border-radius: 999px; }
.st-v4 .stv2-mega__chip:hover { border-color: var(--st-petrol); color: var(--st-petrol); }
.st-v4 .ega-form-search .search-bar { border: 1.5px solid var(--st-petrol); border-radius: 999px; overflow: hidden; background: #fff; }
.st-v4 .ega-form-search .search-bar input { border: 0; box-shadow: none; }
.st-v4 .ega-form-search .btn-action .btn { background: var(--st-petrol); color: #fff; border-radius: 0 999px 999px 0; }
.st-v4 .ega-form-search .search__list a { border-radius: 999px; border: 1px solid var(--st-rule); background: #fff; }
.st-v4 .ega-minicart { border-top: 3px solid var(--st-petrol); border-radius: 0 0 12px 12px; }

/* Header: v3 (ega-fix/ega-theme) đặt màu icon = var(--text-color), nền trắng, bộ đếm = --primary-color với độ ưu tiên cao hơn → đè lại */
body.st-v4 .ega .ega-header { background: var(--st-paper) !important; }
body.st-v4 .ega .ega-header .menu-item__link,
body.st-v4 .ega .ega-header .menu-item__link span { color: var(--st-night) !important; }
body.st-v4 .ega .ega-header .menu-item:hover > .menu-item__link,
body.st-v4 .ega .ega-header .menu-item:hover > .menu-item__link span { color: var(--st-red) !important; }
body.st-v4 .ega .header-right__icons .header-icon,
body.st-v4 .ega .header-right__icons .header-icon i,
body.st-v4 .ega .header-right__icons #icon-account > a,
body.st-v4 .ega .header-right__icons #icon-account > a i { color: var(--st-petrol) !important; }
body.st-v4 .ega .header-right__icons .header-icon:hover i,
body.st-v4 .ega .header-right__icons #icon-account > a:hover i { color: var(--st-red) !important; }
body.st-v4 .ega .header-right__icons .header-icon i { font-size: 24px; }
body.st-v4 .ega .ega-header .header-right__icons { grid-template-columns: repeat(3, 44px) !important; }
/* 3 ô icon (tìm kiếm · tài khoản · giỏ) rộng bằng nhau: căn giữa icon trong mỗi ô cho khoảng cách đều (v3 chỉ căn giữa ô tìm kiếm) */
body.st-v4 .ega .header-right__icons > .header-icon,
body.st-v4 .ega .header-right__icons > #icon-account,
body.st-v4 .ega .header-right__icons > .mini-cart { display: flex !important; justify-content: center; align-items: center; }
body.st-v4 .ega .header-right__icons > #icon-account > a { display: flex !important; justify-content: center; align-items: center; width: 100%; }
body.st-v4 .ega .header-right__icons > .mini-cart > a.header-icon { display: flex !important; justify-content: center; align-items: center; width: 100%; padding: 0 !important; }
body.st-v4 .ega .ega-header .header-right__icons > #icon-account > a { padding: 0 !important; } /* v3: padding-right 15px làm icon lệch trái */
body.st-v4 .ega .ega-header .count_item { background: var(--st-red) !important; color: #fff !important; box-shadow: 0 0 0 2px var(--st-paper); }
body.st-v4 .ega .ega-header .toggle-nav .bar { background: var(--st-petrol) !important; }

/* Menu tài khoản trên header (v3: nền #333 chữ trắng) → cùng kiểu menu con v4 */
body.st-v4 .ega .ega-header .header-right__icons #icon-account .account-action {
    background: #fff !important; border-top: 3px solid var(--st-red); border-radius: 0 0 12px 12px;
    box-shadow: 0 18px 36px -20px rgba(18, 50, 71, .5); padding: 8px 0 !important; min-width: 220px;
}
body.st-v4 .ega .ega-header .header-right__icons #icon-account .account-action a { color: var(--st-night) !important; padding: 9px 18px !important; font-weight: 500; }
body.st-v4 .ega .ega-header .header-right__icons #icon-account .account-action a i { color: var(--st-petrol) !important; width: 18px; }
body.st-v4 .ega .ega-header .header-right__icons #icon-account .account-action a:hover { background: var(--st-paper-2) !important; color: var(--st-red) !important; }
body.st-v4 .ega .ega-header .header-right__icons #icon-account .account-action a:hover i { color: var(--st-red) !important; }

/* ---------- 5. Banner ---------- */
.st-v4 .section_slider .home-slider { border-radius: 0 0 18px 18px; overflow: hidden; }
.st-v4 .section_slider .carousel-indicators button { width: 12px; height: 4px; border-radius: 2px; background: #C8BEAC; border: 0; opacity: 1; }
.st-v4 .section_slider .carousel-indicators button.active { width: 28px; background: var(--st-red); }
.st-v4 .section_slider .slick-arrow { background: rgba(250, 247, 240, .92); color: var(--st-petrol); border-radius: 50%; width: 44px; height: 44px; }

/* ---------- 6. Ô ưu đãi nhanh dưới banner – dạng vé (views/estore/_quick_offers.php) ---------- */
.st-v4 .awe-section-1:has(+ .st-offers) { margin-bottom: 0 !important; }
.st-offers { margin: 24px 0 56px; }
.st-offers__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.st-ticket {
    --tk: var(--st-petrol);
    position: relative; display: flex; min-height: 92px; background: #fff; border: 1px solid var(--st-rule);
    border-radius: 12px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease;
}
.st-ticket:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -18px rgba(18, 50, 71, .55); }
.st-ticket--voucher, .st-ticket--flash { --tk: var(--st-red); }
/* Cuống vé: màu đặc + mép răng cưa (2 khuyết tròn trên/dưới + đường đục lỗ) */
.st-ticket__stub {
    flex: 0 0 76px; display: flex; align-items: center; justify-content: center; background: var(--tk); color: #fff;
    position: relative; font-size: 30px;
    -webkit-mask: radial-gradient(circle 9px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat,
                  radial-gradient(circle 9px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
            mask: radial-gradient(circle 9px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat,
                  radial-gradient(circle 9px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
}
.st-ticket__stub::after {
    content: ""; position: absolute; right: -1px; top: 14px; bottom: 14px; width: 0;
    border-right: 2px dotted rgba(255, 255, 255, .7);
}
.st-ticket__stub i { line-height: 1; }
.st-ticket__body { flex: 1; min-width: 0; padding: 12px 14px; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.st-v4 .st-ticket__title { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--st-night); text-decoration: none; }
.st-v4 a.st-ticket__title:hover { color: var(--st-night); }
.st-ticket--voucher .st-ticket__title, .st-ticket--flash .st-ticket__title { color: var(--st-red-dark); }
.st-ticket__sub { font-size: 13px; color: var(--st-lead); line-height: 1.35; }
.st-ticket__row { display: flex; align-items: center; gap: 8px; margin-top: 4px; position: relative; z-index: 2; }
.st-ticket__code { font: 600 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--st-red-dark); background: var(--st-red-soft); border: 1px dashed var(--st-red); border-radius: 6px; padding: 5px 8px; letter-spacing: .06em; }
.st-ticket__btn { border: 0; border-radius: 999px; background: var(--st-red); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 12px; min-height: 30px; cursor: pointer; }
.st-ticket__btn:hover { background: var(--st-red-dark); }
.st-ticket__btn.is-copied { background: var(--st-petrol); }
body.st-v4 .st-ticket .st-ticket__btn { border-radius: 999px !important; padding: 5px 12px !important; min-height: 28px !important; height: auto !important;
    font: 600 12px/1.2 var(--st-sans) !important; letter-spacing: 0 !important; text-transform: none !important; width: auto !important; }
body.st-v4 .st-ticket .st-ticket__code { font: 600 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace !important; padding: 5px 8px !important; }
.st-ticket__meta { font-size: 12px; color: var(--st-lead); }
.st-ticket__meta b { color: var(--st-red-dark); font-variant-numeric: tabular-nums; }
.st-ticket__more { font-size: 13px; font-weight: 600; color: var(--tk); display: inline-flex; align-items: center; gap: 4px; }

/* Vé ưu đãi – bản gọn (17/10/2026: "icon to quá, cách xa khối dưới"): cuống nền nhạt + icon màu, thấp hơn, sát khối dưới */
body.st-v4 .st-offers { margin: 18px 0 0 !important; }
body.st-v4 .st-offers + .section { margin-top: 28px !important; }
body.st-v4 .st-ticket { min-height: 0; border-radius: 12px; }
body.st-v4 .st-ticket__stub { flex: 0 0 56px; font-size: 22px; background: #E8EFF3; color: var(--tk); }
body.st-v4 .st-ticket--voucher .st-ticket__stub, body.st-v4 .st-ticket--flash .st-ticket__stub { background: var(--st-red-soft); }
body.st-v4 .st-ticket__stub::after { border-right-color: rgba(29, 78, 107, .35); }
body.st-v4 .st-ticket--voucher .st-ticket__stub::after, body.st-v4 .st-ticket--flash .st-ticket__stub::after { border-right-color: rgba(215, 25, 32, .35); }
body.st-v4 .st-ticket__body { padding: 10px 14px; gap: 1px; }
body.st-v4 .st-ticket__title { font-size: 15px !important; }
body.st-v4 .st-ticket__sub { font-size: 12.5px; }
body.st-v4 .st-ticket__more, body.st-v4 .st-ticket__meta { font-size: 12.5px; }

/* ---------- 7. Tiêu đề khối kiểu "chương sách": nhãn "CHƯƠNG 0N" đỏ · chữ có chân xanh dầu · gạch đôi ---------- */
.st-v4 .ega-home { counter-reset: st-chapter; }
.st-v4 .title_module_main { flex-wrap: wrap; align-items: flex-end !important; border-bottom: 4px double var(--st-petrol); padding-bottom: 10px !important; margin-bottom: 24px; background: none; }
.st-v4 .ega-home .title_module_main { counter-increment: st-chapter; }
.st-v4 .ega-home .title_module_main::before {
    content: "Chương " counter(st-chapter, decimal-leading-zero); flex: 0 0 100%; order: -1; margin-bottom: 4px;
    font: 600 12px/1.4 var(--st-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--st-red);
}
.st-v4 .heading-bar__title, .st-v4 .heading-bar__title a, .st-v4 a.heading-bar__title {
    color: var(--st-petrol) !important; font-weight: 600; font-size: 30px; line-height: 1.25; letter-spacing: 0;
    text-transform: lowercase; border: 0; background: none; padding: 0; text-decoration: none;
}
/* Tiêu đề trong dữ liệu viết HOA → hiển thị dạng câu ("Sách bán chạy") */
.st-v4 .heading-bar__title::first-letter, .st-v4 .heading-bar__title a::first-letter { text-transform: uppercase; }
.st-v4 .heading-bar__title::before, .st-v4 .heading-bar__title::after { display: none !important; }
.st-v4 .heading-bar__title i { color: var(--st-red); margin-right: 6px; font-size: .8em; }
/* "Xem tất cả" bên phải tiêu đề */
.st-v4 .title_module_main > a:not(.heading-bar__title), .st-v4 .title_module_main .btn-main, .st-v4 .stv2-rel__all {
    font-size: 14px; font-weight: 600; color: var(--st-petrol); background: none; border: 0; text-transform: none; padding: 0;
}
.st-v4 .title_module_main > a:not(.heading-bar__title)::before { display: none !important; }
.st-v4 .title_module_main > a:not(.heading-bar__title)::after, .st-v4 .stv2-rel__all::after {
    content: " →" !important; position: static !important; display: inline !important; width: auto !important; height: auto !important;
    background: none !important; border: 0 !important; transform: none !important;
}
.st-v4 .title_module_main > a:not(.heading-bar__title) { text-decoration: none !important; box-shadow: none !important; border-radius: 0 !important; min-height: 0; }
.st-v4 .title_module_main > a:not(.heading-bar__title):hover { color: var(--st-red); }

/* ---------- 8. Thẻ sách: sách đổ bóng như thật · dải đánh dấu đỏ · tên chữ có chân ---------- */
.st-v4 .item_product_main { background: transparent; border: 0; box-shadow: none; padding: 0; }
.st-v4 .item_product_main .product-thumbnail { background: transparent; overflow: visible; }
.st-v4 .item_product_main .image_thumb { background: transparent; overflow: visible; box-shadow: none !important; }
.st-v4 .item_product_main .image_thumb img {
    object-fit: contain; filter: var(--st-book-shadow); border-radius: 2px;
    transition: filter .2s ease;
}
/* Rê chuột: ảnh đứng yên (không đổi transform – v3 dùng transform để căn giữa ảnh), chỉ đậm bóng */
body.st-v4 .ega .item_product_main .product-thumbnail:hover .image_thumb { transform: none !important; } /* v3: scale(.95) */
.st-v4 .item_product_main:hover .image_thumb img { filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .06)) drop-shadow(0 16px 16px rgba(18, 50, 71, .34)); }
/* Dải đánh dấu giảm giá (thay nhãn chữ nhật): treo ở mép trên, đuôi khuyết chữ V như ruy băng logo */
body.st-v4 .ega .item_product_main .product-thumbnail > .label_product,
.st-v4 .product-thumbnail > .label_product {
    display: flex !important; position: absolute; top: -4px; right: 12px; left: auto; z-index: 3; width: 40px; height: 54px; padding: 12px 0 0;
    background: var(--st-red); border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
    display: flex; justify-content: center; box-shadow: none;
}
body.st-v4 .ega .item_product_main .product-thumbnail > .label_product .label_wrapper,
.st-v4 .product-thumbnail > .label_product .label_wrapper { background: none; color: #fff; font-size: 12px; font-weight: 700; padding: 0; line-height: 1; }
.st-v4 .price-box .label_product { display: none !important; }
.st-v4 .ega-flash-tag { background: var(--st-night); color: #fff; border-radius: 999px; font-weight: 600; top: 8px !important; bottom: auto !important; left: 8px !important; right: auto !important; z-index: 3; }
.st-v4 .ega-flash-tag i { color: #FFD166; }
.st-v4 .product-info { padding: 14px 2px 0; background: transparent; }
.st-v4 .product-name a, .st-v4 .product-name .link { color: var(--st-ink); font-weight: 600; font-size: 15px; line-height: 1.4; }
.st-v4 .item_product_main:hover .product-name a { color: var(--st-petrol); }
.st-v4 .price-box .price { color: var(--st-red); font-weight: 700; font-size: 17px; font-variant-numeric: tabular-nums; }
.st-v4 .price-box .compare-price { color: var(--st-lead); font-size: 13px; }
.st-v4 .price-contact { color: var(--st-petrol); font-weight: 600; }
.st-v4 .ega-card-rating { color: #C9932E; }
.st-v4 .estore-sold-chip { background: #ECE8E0; color: #4A505A; border-radius: 999px; font-weight: 600; }
.st-v4 .ega-flash-time { color: var(--st-red-dark); }
/* Thanh thao tác khi rê chuột: nút tròn xanh dầu */
body.st-v4 .item_product_main .action-bar {
    background: #fff !important; border: 1px solid var(--st-rule); border-radius: 999px; overflow: hidden;
    box-shadow: 0 10px 22px -12px rgba(18, 50, 71, .45);
}
body.st-v4 .item_product_main .action-bar .action-child {
    background: transparent !important; color: var(--st-petrol) !important; border: 0 !important; border-radius: 0; box-shadow: none !important;
}
body.st-v4 .item_product_main .action-bar .action-child + .action-child { border-left: 1px solid var(--st-rule) !important; }
body.st-v4 .item_product_main .action-bar .action-child:hover { background: var(--st-paper-2) !important; color: var(--st-red) !important; }
body.st-v4 .item_product_main .action-bar .action-child i { color: inherit !important; }

/* ---------- 9. Flash sale: dải nền giấy cũ tràn ngang ---------- */
.st-v4 .estore-flash-home .section_flashsale {
    --background-color: #F1EBDF !important; --heading-color: #D71920 !important; --countdown-background: #123247 !important;
    background: var(--st-paper-2) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    border-top: 1px solid var(--st-rule) !important; border-bottom: 1px solid var(--st-rule) !important; padding-top: 28px; padding-bottom: 28px;
}
/* Tiêu đề có icon đứng trước chữ ("⚡ FLASH SALE"): chữ bọc <span> inline-block để ::first-letter áp được */
.st-v4 .heading-bar__title > span { display: inline-block; }
.st-v4 .heading-bar__title > span::first-letter { text-transform: uppercase; }
.st-v4 .estore-flash-home .heading-bar__title { color: var(--st-red) !important; }
.st-v4 .flashsale .countdown, .st-v4 .estore-flash-home__time b, .st-v4 .estore-flash-home__time span { border-radius: 8px; }

/* ---------- 10. Các khối trang chủ khác ---------- */
.st-v4 .ega-home > .section { margin-bottom: 64px; }
.st-v4 .section_bento_grid img, .st-v4 .ega-banner-block__banner, .st-v4 .ega-banner-block__banner img,
.st-v4 .section_lookbook img { border-radius: 14px; }
.st-v4 .section_lookbook { background: transparent; }
/* Tin tức – sự kiện: bài như mục báo */
.st-v4 .blogwp { background: #fff; border: 1px solid var(--st-rule); border-radius: 14px; overflow: hidden; }
.st-v4 .blogwp h3 a { color: var(--st-night); font-weight: 600; font-size: 17px; line-height: 1.4; }
.st-v4 .blogwp:hover h3 a { color: var(--st-petrol); }
/* v4 thêm khung cho thẻ tin → chữ cần lề trong (v3: padding 15px 0) */
body.st-v4 .blogwp .content_blog { padding: 16px 20px 18px !important; }
body.st-v4 .blogwp .short-summary { color: var(--st-lead); font-size: 14px; line-height: 1.55; margin-bottom: 10px; }
body.st-v4 .blogwp .button_custome_35 { color: var(--st-petrol) !important; font-weight: 600; font-size: 14px; }
body.st-v4 .blogwp .button_custome_35::after { content: " →"; }
body.st-v4 .blogwp .button_custome_35:hover { color: var(--st-red) !important; }
.st-v4 .ega-event-date { background: var(--st-petrol); color: #fff; border-radius: 10px; }
.st-v4 .ega-news-tag { color: var(--st-red); letter-spacing: .12em; text-transform: uppercase; font-size: 11px; font-weight: 600; background: none; }
/* Độc giả nói gì: thẻ trích dẫn trên nền giấy, ngoặc kép đỏ */
.st-v4 .ega-rv { background: var(--st-paper-2); border: 0; border-radius: 14px; position: relative; }
.st-v4 .ega-rv::before { content: "“"; position: absolute; top: 4px; right: 16px; font: 64px/1 var(--st-serif); color: var(--st-red); opacity: .9; }
.st-v4 .ega-rv__quote, .st-v4 .ega-rv__text { font-style: italic; color: var(--st-night); }
.st-v4 .ega-rv__stars, .st-v4 .ega-rv__score { color: #C9932E; }
.st-v4 .ega-rv__avatar--text { background: var(--st-petrol); color: #fff; }
/* Dải chính sách trên footer */
.st-v4 .section_policies, .st-v4 .ega-policies { background: var(--st-paper-2); border-top: 1px solid var(--st-rule); }
.st-v4 .policies-item { background: transparent; }
.st-v4 .policies-image { width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 1px solid var(--st-rule); display: flex; align-items: center; justify-content: center; color: var(--st-petrol); }
.st-v4 .policies-image i { color: var(--st-petrol); font-size: 24px; }
.st-v4 .policies-title { color: var(--st-night) !important; font-size: 15px; }
.st-v4 .policies-desc { color: var(--st-lead) !important; }

/* Nút btn-main / btn-style1 dạng nút (Xem chi tiết, Chọn sách để đánh giá…): chữ trắng; bỏ vạch ::before 5px của theme EGA
   (nằm dưới nút, thành "vệt" đậm). Link "Xem tất cả" trên tiêu đề khối đã được mục 7 đổi thành link chữ. */
body.st-v4 .ega .btn-main.btn-style1, body.st-v4 .ega .btn-main.btn-style1:visited { color: #fff !important; border-radius: 999px; padding: 10px 26px; font-weight: 600; text-transform: none; letter-spacing: 0; }
body.st-v4 .ega .btn-main.btn-style1::before { display: none !important; }
body.st-v4 .ega .btn-main.btn-style1:hover { color: #fff !important; background: var(--st-red) !important; border-color: var(--st-red) !important; }
body.st-v4 .ega .title_module_main > a.btn-main.btn-style1 { color: var(--st-petrol) !important; padding: 0 !important; background: none !important; border-radius: 0; }
body.st-v4 .ega .title_module_main > a.btn-main.btn-style1:hover { color: var(--st-red) !important; background: none !important; }
/* Những bộ sách nổi bật: khung chữ không nền / viền / bóng riêng – đồng nhất với các khối khác (18/10/2026, trước là thẻ trắng có viền) */
body.st-v4 .ega .lookbook-desc-content-wrap { background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; }
body.st-v4 .ega .lookbook-desc-content { padding: 28px 30px; }
body.st-v4 .ega .lookbook-desc-content ul { padding-left: 18px; margin-bottom: 18px; }
body.st-v4 .ega .lookbook-desc-content li { margin: 4px 0; }
body.st-v4 .ega .lookbook-desc-content li a { color: var(--st-ink); }
body.st-v4 .ega .lookbook-desc-content li a:hover { color: var(--st-red); }
body.st-v4 .ega .lookbook-desc-content li::marker { color: var(--st-red); }
/* 2 khối thẳng hàng (18/10/2026): màn ≥1200px hai cột cao bằng nhau – ảnh lấp khung (cover, bo góc như thẻ),
   thẻ chữ kéo bằng chiều cao hàng, nội dung căn giữa theo chiều dọc; thẻ gọn lại để ảnh ít bị cắt */
@media (min-width: 1200px) {
  body.st-v4 .ega .section_lookbook .lookbooks-container { align-items: stretch; }
  body.st-v4 .ega .section_lookbook .lookbooks-column, body.st-v4 .ega .section_lookbook .lookbook-desc-body { display: flex; align-self: stretch !important; align-items: stretch !important; }
  body.st-v4 .ega .section_lookbook .lookbooks-banner, body.st-v4 .ega .section_lookbook .lookbooks-banner__photo,
  body.st-v4 .ega .section_lookbook .lookbook-image-wrap { display: flex; flex: 1 1 auto; height: 100%; min-height: 0; margin: 0; padding: 0; }
  body.st-v4 .ega .section_lookbook .lookbook-image-wrap img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; object-position: center; border-radius: 18px; }
  body.st-v4 .ega .lookbook-desc-content-wrap { flex: 1 1 auto; display: flex; align-items: center; height: auto; margin: 0 !important; }
  body.st-v4 .ega .lookbook-desc-content { width: 100%; padding: 24px 30px; }
  body.st-v4 .ega .lookbook-desc-content .heading-bar__title { margin: 0 0 10px !important; }
  body.st-v4 .ega .lookbook-desc-content ul { margin-bottom: 16px; }
  body.st-v4 .ega .lookbook-desc-content li { margin: 2px 0; }
}
@media (max-width: 1199.98px) { body.st-v4 .ega .section_lookbook .lookbook-desc-body { margin-top: 14px; } }

/* Banner 1 ảnh giữa Flash sale và Sách mới (co_home_item banner_mid): bo góc như các banner khác, rê chuột sáng nhẹ */
body.st-v4 .ega .ega-banner-mid__link { border-radius: 18px; box-shadow: 0 18px 36px -28px rgba(18, 50, 71, .55); }
body.st-v4 .ega a.ega-banner-mid__link .ega-banner-mid__img { transition: transform .4s ease, filter .3s ease; }
body.st-v4 .ega a.ega-banner-mid__link:hover .ega-banner-mid__img { transform: scale(1.01); filter: brightness(1.03); }
@media (max-width: 575px) { body.st-v4 .ega .ega-banner-mid__link { border-radius: 12px; } }
/* margin 100px của .section_flashsale (theme EGA) tràn ra ngoài dải flash sale → bỏ, khoảng cách do khối ngoài quyết định */
body.st-v4 .estore-flash-home .section_flashsale { margin-bottom: 0 !important; }
.st-v4 .ega-home > .section:has(+ .ega-banner-mid) { margin-bottom: 44px !important; }
.st-v4 .ega-home > .ega-banner-mid { margin-bottom: 52px !important; }
@media (max-width: 575px) { .st-v4 .ega-home > .section:has(+ .ega-banner-mid) { margin-bottom: 28px !important; } .st-v4 .ega-home > .ega-banner-mid { margin-bottom: 36px !important; } }

/* ---------- 11. Footer: nền mực đêm, tiêu đề cột nhãn hồng đỏ ---------- */
.st-v4 .ega-footer-scope footer, .st-v4 .mid-footer { background: var(--st-night); color: #C9D6DF; }
.st-v4 .mid-footer a, .st-v4 .mid-footer .link { color: #C9D6DF; }
.st-v4 .mid-footer a:hover { color: #fff; }
.st-v4 .mid-footer :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .fot_shop_name) { color: #fff !important; }
body.st-v4 .mid-footer .fot_shop_name:not(#st):not(#st) { font-family: var(--st-serif) !important; font-size: 20px; }
.st-v4 .mid-footer .footer-title, .st-v4 .mid-footer h4 { color: #F2A7A9 !important; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-family: var(--st-sans) !important; }
.st-v4 .footer_logo img { background: #fff; border-radius: 10px; padding: 6px 10px; }
.st-v4 .mid-footer i { color: #F2A7A9; }
.st-v4 .ega-social a, .st-v4 .ega-social .item_links { background: rgba(255, 255, 255, .08); border-radius: 50%; color: #fff; }
.st-v4 .ega-social a:hover { background: var(--st-red); }
.st-v4 .ega-apps a { border-color: rgba(255, 255, 255, .25); color: #fff; border-radius: 10px; }
/* Đăng ký nhận tin: dải xanh dầu */
.st-v4 .estore-newsletter-form { background: var(--st-petrol); color: #fff; border-radius: 16px; border: 0; }
.st-v4 .estore-newsletter-form__text, .st-v4 .estore-newsletter-form__text * { color: #fff !important; }
.st-v4 .estore-newsletter-form__field input { border-radius: 999px 0 0 999px; border: 0; }
.st-v4 .estore-newsletter-form__field button { background: var(--st-red); border-radius: 0 999px 999px 0; color: #fff; border: 0; }

/* ---------- 12. Trang trong ---------- */
/* Đường dẫn */
.st-v4 :is(.stv2-cat-crumb, .stv2-pd-breadcrumb, .stv2-crumb, .breadcrumb_detail) { color: var(--st-lead); font-size: 13px; }
.st-v4 :is(.stv2-cat-crumb__current, .stv2-pd-breadcrumb__current) { color: var(--st-ink); }
/* Danh mục */
.st-v4 .stv2-cat-head { border-bottom: 4px double var(--st-petrol); padding-bottom: 10px; margin-bottom: 18px; }
body.st-v4 :is(.stv2-cat-head__title, .stv2-combo-head__title, .ega-page__title) { color: var(--st-petrol) !important; font-weight: 600 !important; text-transform: lowercase !important; letter-spacing: 0 !important; display: inline-block; }
body.st-v4 :is(.stv2-cat-head__title, .stv2-combo-head__title, .ega-page__title)::first-letter { text-transform: uppercase !important; }
.st-v4 .stv2-cat-filter { background: #fff; border: 1px solid var(--st-rule); border-radius: 14px; }
.st-v4 .stv2-cat-fgroup__title { color: var(--st-red); letter-spacing: .12em; font-size: 12px; }
.st-v4 .stv2-cat-opt__box { border-color: #B9AF9C; }
.st-v4 .stv2-cat-toolbar { background: #fff; border: 1px solid var(--st-rule); border-radius: 12px; }
.st-v4 .stv2-cat-pager__link { border-radius: 999px; border-color: var(--st-rule); color: var(--st-petrol); }
.st-v4 .stv2-cat-pager__item.is-active .stv2-cat-pager__link,
.st-v4 .stv2-cat-pager__item.active .stv2-cat-pager__link,
.st-v4 .stv2-cat-pager__link[aria-current] { background: var(--st-petrol); color: #fff; border-color: var(--st-petrol); }
/* Chi tiết sách */
.st-v4 .stv2-pd-title { color: var(--st-night); font-weight: 700; line-height: 1.3; }
.st-v4 .stv2-pd-cover, .st-v4 .stv2-pd-gallery { background: transparent; }
.st-v4 .stv2-pd-cover__img { filter: var(--st-book-shadow); }
body.st-v4 .stv2-pd .stv2-pd-cover__sale { background: var(--st-red) !important; border-radius: 0 !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%); padding: 10px 9px 18px !important; top: 0 !important; font-weight: 700; }
.st-v4 .stv2-pd-price { background: var(--st-paper-2); border-radius: 14px; }
.st-v4 .stv2-pd-price__sale { color: var(--st-red); font-weight: 700; }
.st-v4 .stv2-pd-price__badge { background: var(--st-red-soft); color: var(--st-red-dark); }
.st-v4 .stv2-pd-tabs__btn { font-weight: 600; color: var(--st-lead); border-bottom: 3px solid transparent; }
.st-v4 .stv2-pd-tabs__btn.is-active, .st-v4 .stv2-pd-tabs__btn.active, .st-v4 .stv2-pd-tabs__btn[aria-selected="true"] { color: var(--st-petrol); border-bottom-color: var(--st-red); }
.st-v4 .stv2-pd-thumb { border-radius: 4px; }
.st-v4 .stv2-pd-type { border-radius: 10px; }
.st-v4 .stv2-rel__head { border-bottom: 4px double var(--st-petrol); padding-bottom: 8px; }
.st-v4 .stv2-rel__title { color: var(--st-petrol) !important; font-weight: 600; text-transform: lowercase; }
.st-v4 .stv2-rel__title::first-letter { text-transform: uppercase; }
.st-v4 .estore-bundle { border-radius: 16px; border-color: var(--st-rule); }
.st-v4 .estore-bundle__title { color: var(--st-petrol); }
/* Tin tức */
.st-v4 .stv2-news-card { background: #fff; border: 1px solid var(--st-rule); border-radius: 14px; overflow: hidden; }
.st-v4 .stv2-news-card__title a, .st-v4 .stv2-news-card__title { color: var(--st-night); font-weight: 600; }
body.st-v4 .stv2-news-card__body { padding: 14px 18px 18px !important; }
.st-v4 .stv2-news-card__date { color: var(--st-red); font-weight: 600; letter-spacing: .06em; }
.st-v4 .stv2-news-tab { border-radius: 999px; }
.st-v4 .stv2-news-tab.is-active, .st-v4 .stv2-news-tab.active { background: var(--st-petrol); color: #fff; border-color: var(--st-petrol); }
/* Trang khung .ega-page (giỏ, thanh toán, tài khoản, tủ sách, về NXB) */
.st-v4 .ega-page__title, .st-v4 .ega-checkout__title { color: var(--st-petrol); font-weight: 600; }
/* Tiêu đề bước thanh toán có số thứ tự đứng trước → giữ chữ gốc (đã viết đúng dạng câu) */
body.st-v4 .ega-checkout__title { text-transform: none !important; }

/* Tiêu đề khối phụ trang chi tiết (Mua cùng sách này, Có thể bạn quan tâm, Sách cùng chủ đề / tác giả, Sách mua nhiều nhất):
   cùng kiểu tiêu đề chương, dữ liệu viết HOA → dạng câu */
body.st-v4 :is(.estore-bundle__title, .stv2-rel__title, .topview-content-heading) {
    text-transform: lowercase !important; color: var(--st-petrol) !important; font-weight: 600 !important; letter-spacing: 0 !important;
}
body.st-v4 :is(.estore-bundle__title, .stv2-rel__title, .topview-content-heading)::first-letter { text-transform: uppercase !important; }
body.st-v4 :is(.estore-bundle__title, .stv2-rel__title) { font-size: 26px !important; }
body.st-v4 .topview-content-heading:not(#st):not(#st) { font-family: var(--st-serif) !important; font-size: 18px !important; border-bottom: 4px double var(--st-petrol); padding-bottom: 8px; }
body.st-v4 .estore-bundle__head { border-bottom: 4px double var(--st-petrol); padding-bottom: 8px; margin-bottom: 16px; }

/* ---------- 13. Nút & form: Mua ngay = đỏ ST · nút chính = xanh dầu · nút viền = viền xanh dầu ---------- */
body.st-v4 .stv2-pd .stv2-pd-btn, .st-v4 .stv2-pd-btn { border-radius: 999px !important; box-shadow: none !important; min-height: 46px; font-weight: 600; text-transform: none; letter-spacing: 0; }
body.st-v4 .stv2-pd .stv2-pd-btn--primary, .st-v4 .stv2-pd-btn--primary { background: var(--st-red) !important; border-color: var(--st-red) !important; color: #fff !important; }
body.st-v4 .stv2-pd .stv2-pd-btn--primary:hover { background: var(--st-red-dark) !important; border-color: var(--st-red-dark) !important; }
body.st-v4 .stv2-pd .stv2-pd-btn--outline, .st-v4 .stv2-pd-btn--outline { background: #fff !important; border: 1.5px solid var(--st-petrol) !important; color: var(--st-petrol) !important; }
body.st-v4 .stv2-pd .stv2-pd-btn--outline:hover { background: var(--st-petrol) !important; color: #fff !important; }
.st-v4 :is(.btn-main, .btn-style1, .ega-cart-sum__submit, .estore-bundle__btn, .estore-popup__btn, .stv2-cat-price__btn) {
    border-radius: 999px; background: var(--st-petrol); border-color: var(--st-petrol); color: #fff; text-transform: none; font-weight: 600;
}
.st-v4 :is(.btn-main, .btn-style1, .ega-cart-sum__submit, .estore-bundle__btn, .estore-popup__btn, .stv2-cat-price__btn):hover { background: var(--st-red); border-color: var(--st-red); color: #fff; }
.st-v4 .ega-cart-sum__submit, .st-v4 .estore-popup__btn { background: var(--st-red); border-color: var(--st-red); }
.st-v4 :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"], input[type="number"], select, textarea).form-control { border-color: #CFC6B5; border-radius: 10px; }
.st-v4 .form-control:focus { border-color: var(--st-petrol); box-shadow: 0 0 0 3px rgba(29, 78, 107, .15); }
.st-v4 .estore-popup__box { border-radius: 18px; overflow: hidden; }
.st-v4 .estore-popup__title { color: var(--st-night); }

/* Chi tiết sách: nút Yêu thích chỉ còn icon (tên nút vẫn có trong aria-label/title của WishlistService::heartButton) */
body.st-v4 .stv2-pd-actions .shop-wish--button {
    flex: 0 0 46px !important; width: 46px; height: 46px; min-height: 46px; padding: 0 !important; border-radius: 50% !important;
    display: inline-flex; align-items: center; justify-content: center; border: 1.5px solid var(--st-rule) !important; background: #fff !important;
    color: var(--st-red) !important;
}
body.st-v4 .stv2-pd-actions .shop-wish--button .shop-wish__text { display: none !important; }
body.st-v4 .stv2-pd-actions .shop-wish--button i { font-size: 20px; margin: 0 !important; }
body.st-v4 .stv2-pd-actions .shop-wish--button:hover, body.st-v4 .stv2-pd-actions .shop-wish--button.is-active { border-color: var(--st-red) !important; background: var(--st-red-soft) !important; }
/* Hai nút chính: chia đều, chữ không xuống dòng / không bị cắt */
body.st-v4 .stv2-pd-actions { gap: 10px; align-items: center; }
body.st-v4 .stv2-pd-actions .stv2-pd-btn { flex: 1 1 0 !important; min-width: 0; white-space: nowrap; padding: 0 14px !important; gap: 6px; }

/* ---------- 14. Responsive ---------- */
@media (max-width: 991px) {
    .st-offers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .st-v4 .heading-bar__title, .st-v4 a.heading-bar__title { font-size: 24px; }
}
@media (max-width: 575px) {
    body.st-v4 .stv2-pd-actions { gap: 8px; }
    body.st-v4 .stv2-pd-actions .stv2-pd-btn { padding: 0 10px !important; font-size: 14px !important; }
    .st-topbar__brand { display: none; }
    .st-topbar__inner { justify-content: center; }
    .st-topbar__links a:last-child { display: none; }
    .st-offers { margin-top: 14px; margin-bottom: 36px; }
    /* Điện thoại: dải vé vuốt ngang (kiểu sàn TMĐT), mỗi vé ~80% chiều rộng, ló vé kế tiếp để gợi ý vuốt */
    .st-offers__grid { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 80%; gap: 10px;
        overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: none; }
    .st-offers__grid::-webkit-scrollbar { display: none; }
    .st-ticket { scroll-snap-align: start; }
    .st-ticket { min-height: 84px; }
    .st-ticket__stub { flex-basis: 52px; font-size: 22px; }
    .st-ticket__body { padding: 10px; }
    .st-v4 .st-ticket__title { font-size: 14px; }
    .st-ticket__sub { font-size: 12px; }
    .st-ticket__row { flex-wrap: wrap; gap: 6px; }
    body.st-v4 .ega .item_product_main .product-thumbnail > .label_product, .st-v4 .product-thumbnail > .label_product { width: 34px; height: 46px; padding-top: 10px; right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .st-v4 .item_product_main .image_thumb img, .st-ticket { transition: none; }
}

/* ---------- 15. Vé ưu đãi trên điện thoại – bản nhỏ gọn (19/10/2026: "to quá, gây phản cảm bán hàng") ----------
   Rule mục 6 dùng body.st-v4 + !important nên rule mobile cũ ở mục 14 (.st-ticket…) không có tác dụng → khai lại ở đây
   cùng độ ưu tiên. Mỗi vé ~50px cao, 1 dòng tiêu đề + 1 dòng phụ, ~2 vé/màn hình; bỏ "Xem ngay" (cả vé là link). */
@media (max-width: 767px) {
    body.st-v4 .st-offers { margin: 10px 0 0 !important; }
    body.st-v4 .st-offers + .section { margin-top: 18px !important; }
    body.st-v4 .st-offers__grid { display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 58%;
        gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 2px; scrollbar-width: none; }
    body.st-v4 .st-offers__grid::-webkit-scrollbar { display: none; }
    body.st-v4 .st-ticket { min-height: 0; border-radius: 10px; scroll-snap-align: start; box-shadow: none; }
    body.st-v4 .st-ticket:hover { transform: none; box-shadow: none; }
    body.st-v4 .st-ticket__stub { flex: 0 0 34px; font-size: 16px;
        -webkit-mask: radial-gradient(circle 5px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat,
                      radial-gradient(circle 5px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
                mask: radial-gradient(circle 5px at 100% 0, transparent 98%, #000) top / 100% 51% no-repeat,
                      radial-gradient(circle 5px at 100% 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
    body.st-v4 .st-ticket__stub::after { top: 8px; bottom: 8px; border-right-width: 1px; }
    body.st-v4 .st-ticket__body { padding: 7px 9px; gap: 0; }
    body.st-v4 .st-ticket__title { font-size: 13px !important; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    body.st-v4 .st-ticket__sub, body.st-v4 .st-ticket__meta { font-size: 11.5px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    /* Flash sale: dòng phụ = đồng hồ đếm ngược (bỏ dòng "Đến …"); vé thường: giữ dòng mô tả ngắn */
    body.st-v4 .st-ticket--flash .st-ticket__sub { display: none; }
    /* Voucher: tiêu đề + mã + nút sao chép (bỏ mô tả và HSD cho vừa 2 dòng) */
    body.st-v4 .st-ticket--voucher .st-ticket__sub, body.st-v4 .st-ticket--voucher .st-ticket__meta { display: none; }
    body.st-v4 .st-ticket__more { display: none; }
    body.st-v4 .st-ticket__row { margin-top: 3px; gap: 6px; flex-wrap: nowrap; }
    body.st-v4 .st-ticket .st-ticket__code { font-size: 11px !important; padding: 3px 6px !important; }
    body.st-v4 .st-ticket .st-ticket__btn { font-size: 11px !important; padding: 3px 9px !important; min-height: 22px !important; }
}
/* Điện thoại (≤ 430px): bỏ icon trong 2 nút chính để đủ chỗ cho chữ "Thêm vào giỏ" */
@media (max-width: 430px) {
    body.st-v4 .stv2-pd-actions .stv2-pd-btn i { display: none; }
}

/* =====================================================================================================================
   15. CỠ CHỮ TRÊN ĐIỆN THOẠI – CHỈNH TẠI ĐÂY (một chỗ cho toàn web bán hàng, màn hình ≤ 575px)
   Đổi giá trị các biến bên dưới → mọi trang dùng chung (trang chủ, danh mục, chi tiết sách, tin tức, giỏ hàng, hướng dẫn…).
   Máy tính dùng cỡ riêng ở các mục phía trên. Sau khi sửa: php yii cache/flush-all, xoá home/runtime/cache (URL CSS tự đổi ?v=).
   ===================================================================================================================== */
@media (max-width: 575px) {
    body.st-v4 {
        --st-m-section: 21px;   /* tiêu đề khối: Sách mới phát hành, Bán chạy, Sách cùng chủ đề, Mua cùng sách này… */
        --st-m-page: 21px;      /* tiêu đề trang: tên danh mục, Giỏ hàng, Tin tức, trang hướng dẫn… */
        --st-m-book: 15px;      /* tên sách trên thẻ sách */
        --st-m-price: 17px;     /* giá bán trên thẻ sách */
        --st-m-pd-title: 20px;  /* tên sách ở trang chi tiết */
        --st-m-pd-price: 26px;  /* giá ở trang chi tiết */
        --st-m-text: 15px;      /* nội dung: giới thiệu sách, bài viết, trang hướng dẫn, link chân trang */
        --st-m-small: 14px;     /* chữ phụ: tóm tắt tin, mục bộ lọc, tab trang chi tiết */
        --st-m-tiny: 13px;      /* chữ rất nhỏ: giá gạch (giá bìa) */
        --st-m-button: 14px;    /* nút: Thêm vào giỏ, Mua ngay, Xem chi tiết… */
    }
    body.st-v4 :is(.heading-bar__title, a.heading-bar__title, .heading-bar__title a, .stv2-rel__title, .estore-bundle__title,
        .st-guide .st-g-part > h2) { font-size: var(--st-m-section) !important; }
    body.st-v4 :is(.stv2-cat-head__title, .stv2-combo-head__title, .ega-page__title, .st-guide h1.st-g-title) { font-size: var(--st-m-page) !important; }
    body.st-v4 :is(.product-name a, .product-name .link) { font-size: var(--st-m-book) !important; }
    body.st-v4 .price-box .price { font-size: var(--st-m-price) !important; }
    body.st-v4 .price-box .compare-price { font-size: var(--st-m-tiny) !important; }
    body.st-v4 .stv2-pd-title { font-size: var(--st-m-pd-title) !important; }
    body.st-v4 .stv2-pd-price__sale { font-size: var(--st-m-pd-price) !important; }
    body.st-v4 :is(.stv2-pd-desc, .stv2-pd-desc p, .stv2-news-card__summary, .st-guide, .mid-footer .link, .mid-footer a) { font-size: var(--st-m-text) !important; }
    body.st-v4 :is(.short-summary, .stv2-cat-opt__text, .stv2-pd-tabs__btn) { font-size: var(--st-m-small) !important; }
    body.st-v4 :is(.stv2-pd-btn, .ega .btn-main.btn-style1, .ega-cart-sum__submit) { font-size: var(--st-m-button) !important; }
}