/* Đầu trang (hero) các trang con TikTok Shop: đổi nền đen cũ sang tông cam của trang /tiktok-shop.
 * Nạp từ tiktok-shop-tool-nav.php ⇒ chỉ áp lên trang con trên web; trong app thanh nav không render nên
 * app-view.css giữ kiểu riêng. `body` đứng trước để thắng CSS riêng của từng trang (nạp trước hoặc sau).
 * Không đụng .lb-hero (Đua top có nhận diện mùa riêng) và hero Phần trưng bày (đã tông cam). */

body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero) {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
    border: 1px solid #fed7aa;
    color: #111827;
    box-shadow: none;
}
body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero)::before,
body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero)::after { display: none; }
body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero) h1 { color: #111827; }
body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero) h1 > .bi:first-child { color: #ea580c; }
body :is(.tts-hero, .gen-hero, .ps-hero, .collab-hero, .dev-hero) p { color: #6b7280; }

/* Lối tắt trong hero Tạo link trùng với thanh chuyển nhanh ngay trên ⇒ ẩn trên web (app vẫn thấy). */
body .gen-hero .gen-shortcuts { display: none; }

/* Nút góc hero (Đơn hàng → Developer API, Developer → các nút CTA). */
body .tts-hero .btn-light,
body .dev-hero .btn-light { background: #fff; border: 1px solid #fed7aa; color: #9a3412; font-weight: 700; }
body .tts-hero .btn-light:hover,
body .dev-hero .btn-light:hover { background: #fff; border-color: #fdba74; color: #9a3412; }
body .dev-hero .btn-hero-ghost { background: transparent; border: 1px solid #fdba74; color: #9a3412; }
body .dev-hero .btn-hero-ghost:hover { background: #fff; color: #9a3412; }
body .dev-hero-meta span { background: #fff; border-color: #fed7aa; color: #6b7280; }
body .dev-hero-meta strong { color: #111827; }
body .dev-hero-meta .bi { color: #ea580c; }

/* Ưu đãi HOT: nhãn "Cập nhật hằng ngày" + 3 con số. */
body .tts-hero-kicker { color: #9a3412; background: #fff; border: 1px solid #fed7aa; }
body .tts-hero-stat { background: #fff; border-color: #fed7aa; color: #6b7280; backdrop-filter: none; }
body .tts-hero-stat b { color: #111827; }
body .tts-hero-stat .bi { color: #ea580c; }