/* =========================================================================
   Typography storefront theo concung.com (yêu cầu khách hàng 2026-10):
   - Font Roboto cho toàn site (concung dùng Roboto 400/500/700, chữ #111).
   - Hạn chế in hoa: chỉ TIÊU ĐỀ MỤC (section/khối) được in hoa; tên sản phẩm,
     thương hiệu, nút, menu, nhãn… giữ chữ thường như dữ liệu nhập.
   File nạp SAU CÙNG. Rất nhiều rule cũ ép font/in hoa bằng !important, nên dùng
   `:not(#_#_#_#_#_#_#_#_#_#_)` (khớp mọi phần tử, độ ưu tiên = 10 ID) để thắng chúng —
   kể cả rule inline cũ trong head-assets có tới 3 `:not(#id *)` + hàng chục class.
   ========================================================================= */

html body:not(#_#_#_#_#_#_#_#_#_#_),
html body :not(#_#_#_#_#_#_#_#_#_#_):not(.av-about-handwriting):not(.av-about-handwriting *) {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
}

/* Ngoại lệ cho chữ viết tay nghệ thuật uốn lượn ("quéo quéo") trang Giới thiệu */
html body :is(.av-about-handwriting, .av-about-handwriting *):not(#_#_#_#_#_#_#_#_#_#_) {
    font-family: 'Charm', 'Dancing Script', cursive !important;
    text-transform: none !important;
}

/* Chữ thường trông "mảnh" hơn Phudu in hoa → giảm nhẹ khoảng cách chữ cho gọn */
html body :not(#_#_#_#_#_#_#_#_#_#_) {
    letter-spacing: normal !important;
}

/* Tiêu đề mục: được in hoa */
html body :is(
    .desktop-exclusive-deals__heading-row h2,
    .desktop-best-sellers__heading-row h2,
    .desktop-catalog-section header h2,
    .desktop-brand-showcase__heading-row h2,
    .desktop-voucher-strip h2,
    .desktop-brands-strip h2,
    .cc-cate-section-title,
    .cc-cate-reference-sidebar__head h2,
    .cc-footer h3,
    footer h3,
    .policy-section-title,
    .cc-section-title
):not(#_#_#_#_#_#_#_#_#_#_) {
    text-transform: uppercase !important;
}

/* Khoảng cách dòng cũ chỉnh cho Phudu in hoa (≈0.86–1.04) quá hẹp với Roboto có dấu tiếng Việt */
html body :is(
    .desktop-category-rail__support strong,
    .av-about-hero-copy h1
):not(#_#_#_#_#_#_#_#_#_#_) {
    line-height: 1.2 !important;
}