/* Dora Kids / Dora Student (assets/products.js, lib/products.php): nhan san pham */
.prod-chip { display: inline-block; margin-top: 6px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 800; letter-spacing: .2px; }
.prod-chip.kids { background: #DDF5F0; color: #127466; }
.prod-chip.student { background: #D7EEEA; color: #0F5E54; }
body[data-product="kids"] .hero::before, body[data-product="student"] .hero::before {
  display: inline-block; margin-bottom: 6px; padding: 4px 12px; border-radius: 999px; font-weight: 800; font-size: 13px; background: #DDF5F0; color: #127466;
}
body[data-product="kids"] .hero::before { content: 'Dora Kids · mầm non & tiểu học'; }
body[data-product="student"] .hero::before { content: 'Dora Student · cấp 2 & cấp 3'; background: #D7EEEA; color: #0F5E54; }
/* Cap 3 / nguoi lon: khong sao tren man ket qua (products.js noStars) */
body[data-track="thpt"] .score-hero .stars, body[data-track="thpt"] .stars-plus { display: none; }

/* ---------- Dot C (ra soat 27/10/2026) ---------- */
/* Dora Kids: mau am, tach han nhan Student (xanh ngoc) */
.prod-chip.kids { background: #FFF1C9; color: #8A5300; }
body[data-product="kids"] .hero::before { background: #FFF1C9; color: #8A5300; }
/* Cap 2: bo chu tron Baloo + bong noi 3D (giu mau xanh ngoc cua cap) */
body[data-track="thcs"] :is(h1, h2, h3, .display, .topbar .title, .score-hero .num, .profile-card .nm, label.lbl, .tile b, .section-title h3) { font-family: 'Be Vietnam Pro', 'Nunito', sans-serif; letter-spacing: -.01em; }
body:is([data-track="thcs"], [data-track="thpt"]) .score-hero { border-radius: var(--radius); box-shadow: none; }
body[data-track="thcs"] .btn { box-shadow: none; }
body[data-track="thpt"] :is(.subj-go, .tile) { box-shadow: none; }
/* Lop 1-2: chu phu >= 16px, link duoi trang chu de cham */
body[data-band="g12"] :is(.small-t, .tag, .hvote, .kpi small, .cc-stats small) { font-size: 16px; }
body[data-band="g12"] .home-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); text-decoration: none; }
/* Cu Dora nho thay emoji 🦉 trong banner / huong dan */
.dora-ic .mascot { width: 28px; height: 28px; vertical-align: middle; }
.coach-owl .mascot { width: 40px; height: 40px; }
#app > .boot-dora { display: block; margin: 26vh auto 0; width: 120px; height: 120px; }

/* Dot D: cap 2 bo han chu tron o the cham bai, nut, bong noi (dot C moi doi tieu de) */
body[data-track="thcs"] :is(.btn, .cc-card, .cc-card *, .guide-card b, .bubble, .chip-stat, .section-title h3) { font-family: 'Be Vietnam Pro', 'Nunito', sans-serif; }
body[data-track="thcs"] .topbar .title { font-family: 'Nunito', sans-serif; }   /* thanh tren cung co ca sao + chuoi: Be Vietnam rong lam cat nhan "Lop 7" */

/* Dot G: Dora Parents — nhan tren man dang nhap trang bo me */
body.pm .hero::before { content: 'Dora Parents · dành cho bố mẹ'; display: inline-block; margin-bottom: 6px; padding: 4px 12px; border-radius: 999px; font-weight: 800; font-size: 13px; background: #FFE3CC; color: #8A3B00; }

/* Dot H: Dora Student cap 3 dung xanh ngoc dam #0A6B5C (cung ho mau Student) thay tim */
body[data-track="thpt"] { --bg: #F1F6F5; --line: #D9E6E3; --ink: #13302C; --ink-2: #3F5A56; --muted: #56706C; --orange: #0A6B5C; --orange-d: #084C42; --green: #0A6B5C; --green-d: #084C42; }
body[data-track="thpt"] .topbar, body[data-track="thpt"][data-subj] .topbar { background: linear-gradient(var(--bg) 75%, rgba(241,246,245,0)); }