sẽ đè CSS thường. Ô dữ liệu (td) giữ căn trái. */
.entry-content table th,
.spec-table th { text-align: center !important; }
/* ===== MAU CHU TIEU DE BANG — 30/07/2026 =====
Loi: mot so bai cu dat mau tren
chu khong tren
:
khong co background rieng nen nen be cua theme (.entry-content table th
{background:var(--stone)}) TO DE LEN nen xanh cua
, trong khi color:#fff
van DUOC KE THUA xuong
=> chu trang tren nen be = khong doc duoc.
Khai bao mau tuong minh cho
: bat ky declaration nao tren chinh element
cung thang gia tri ke thua tu the cha.
CO Y KHONG dung !important — de
nao co inline color rieng (vd bang nen
nau #5a3e28 trong 2 bai case study) van giu duoc mau trang doc duoc cua no. */
.entry-content table th,
.spec-table th { color: var(--ink); }
/* Chú thích ảnh luôn căn giữa — phủ mọi biến thể caption của WordPress:
[caption] shortcode (.wp-caption-text), block editor (.wp-element-caption), figcaption thuần. */
.wp-caption-text,
.wp-element-caption,
.entry-content figcaption { text-align: center; }
/* ===== PHAN TRANG (28/07/2026) =====
Truoc day khong co rule nao: so trang hien tai la nen khong an style,
trong nhu "loi font"; con cac so khac bi CSS menu de len do trung class .nav-links. */
.navigation.pagination { margin: 2.5rem 0 1rem; }
.navigation.pagination .nav-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0.5rem; }
.navigation.pagination .page-numbers {
display:inline-flex; align-items:center; justify-content:center;
min-width:2.25rem; height:2.25rem; padding:0 0.7rem;
font-size:0.85rem; font-weight:600; line-height:1;
color:var(--ink); text-decoration:none; text-transform:none;
border:1px solid var(--line); border-radius:0.6rem; background:#fff;
transition:background 0.18s, color 0.18s, border-color 0.18s;
}
.navigation.pagination a.page-numbers:hover { border-color:var(--green); color:var(--green); }
.navigation.pagination .page-numbers.current { background:var(--green); border-color:var(--green); color:#fff; font-weight:700; }
.navigation.pagination .page-numbers.dots { border:none; background:transparent; color:var(--muted); min-width:1.5rem; padding:0; }
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev { font-weight:700; }
@media (max-width:600px) {
.navigation.pagination .page-numbers { min-width:2rem; height:2rem; padding:0 0.5rem; font-size:0.8rem; }
}
/* Chong tran ngang cho noi dung nhung (theme truoc chi co rule cho img) */
.entry-content iframe,
.entry-content video,
.entry-content embed { max-width:100%; }
/* ===== NUT MUI TEN BANG CHUYEN (28/07/2026) =====
Dat BEN TRONG khung (left/right duong) de khong gay tran ngang. */
.carousel-wrap { position: relative; }
.carousel-arrow {
position: absolute; top: 50%; transform: translateY(-50%);
width: 40px; height: 40px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: #fff; color: var(--green);
border: 1px solid var(--line); box-shadow: 0 2px 10px rgba(0,0,0,0.12);
cursor: pointer; padding: 0; z-index: 5;
transition: background .18s, color .18s, box-shadow .18s;
}
.carousel-arrow:hover { background: var(--green); color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,0.18); }
.carousel-arrow.prev { left: 8px; }
.carousel-arrow.next { right: 8px; }
/* Khong con gi de truot -> an het nut va cham dieu huong */
.carousel-wrap.is-static .carousel-arrow { display: none !important; }
@media (max-width:600px) {
.carousel-arrow { width: 34px; height: 34px; }
.carousel-arrow.prev { left: 4px; }
.carousel-arrow.next { right: 4px; }
}
/* ===== KIEU CHU THAN BAI (28/07/2026) =====
.entry-content truoc day CHI co 5 rule (max-width, line-height, img, mau h2, table)
=> h2/h3, doan van, danh sach deu roi ve MAC DINH TRINH DUYET, nhin nhu "loi font".
Dung :not([class]) de chi ap cho noi dung cu, KHONG dung toi heading co class .l23-*. */
.entry-content h2:not([class]) { font-size:1.45rem; font-weight:800; line-height:1.3; margin:2.25rem 0 0.75rem; }
.entry-content h3:not([class]) { font-size:1.15rem; font-weight:700; line-height:1.35; margin:1.75rem 0 0.5rem; color:var(--ink); }
.entry-content h4:not([class]) { font-size:1rem; font-weight:700; margin:1.5rem 0 0.5rem; color:var(--ink); }
.entry-content p { margin:0 0 1rem; }
.entry-content ul, .entry-content ol { margin:0 0 1.25rem; padding-left:1.4rem; }
.entry-content li { margin-bottom:0.4rem; }
.entry-content a { color:var(--green); text-decoration:underline; text-underline-offset:2px; }
.entry-content a:hover { color:var(--gold); }
.entry-content blockquote { margin:1.5rem 0; padding:0.75rem 1.25rem; border-left:3px solid var(--gold); background:var(--stone); border-radius:0 0.5rem 0.5rem 0; }
.entry-content figure { margin:1.5rem 0; }
/* Vo hieu style rac tu trinh soan thao cu (noi dung chuyen tu HawkHost):
font la de font thuong hieu, co chu tu do, va can deu 2 ben — rat xau voi tieng Viet. */
.entry-content span[style*="font-family"],
.entry-content p[style*="font-family"],
.entry-content div[style*="font-family"] { font-family:inherit !important; }
.entry-content span[style*="font-size"],
.entry-content p[style*="font-size"],
.entry-content li[style*="font-size"],
.entry-content div[style*="font-size"] { font-size:inherit !important; }
.entry-content [style*="text-align: justify"],
.entry-content [style*="text-align:justify"] { text-align:left !important; }
/* Khoi nhan manh trong bai viet (dung mau thuong hieu, thay CSS nau cua bai cu) */
.entry-content .highlight { background:var(--stone); border-left:3px solid var(--gold); border-radius:0 0.5rem 0.5rem 0; padding:0.9rem 1.25rem; margin:1.25rem 0; font-style:italic; }
.entry-content .highlight p:last-child { margin-bottom:0; }
/* ===== HERO TRANG CHUYEN DE L2 — thiet ke lai 30/07/2026 =====
Ban cu: inline style, cao cung 52vh, chi co badge + H1 => hop den
rong vi ca 10 trang deu khong co anh dai dien lan post_excerpt.
Ban moi: chieu cao theo noi dung, co dai thong so EN, nut CTA, va lop phu toi
khi co anh nen (chu trang luon doc duoc du anh sang hay toi). */
.tkhero {
position: relative; overflow: hidden;
padding: clamp(2.5rem, 5.5vw, 4.25rem) 0;
border-bottom: 3px solid var(--gold);
background:
radial-gradient(1100px 460px at 12% -10%, rgba(199,156,46,0.18), transparent 62%),
linear-gradient(135deg, #12160F 0%, #1E2A21 58%, #14472F 100%);
}
.tkhero-media { position: absolute; inset: 0; z-index: 0; }
.tkhero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
/* Lop phu chuyen sac: dam ben trai (noi dat chu), nhat dan sang phai de lo anh. */
.tkhero.has-img::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(90deg, rgba(9,13,10,0.94) 0%, rgba(9,13,10,0.86) 42%, rgba(9,13,10,0.42) 100%);
}
.tkhero-inner { position: relative; z-index: 2; }
.tkhero-eyebrow {
display: inline-block; margin-bottom: 0.9rem;
background: rgba(199,156,46,0.16); color: var(--gold);
border: 1px solid rgba(199,156,46,0.34); border-radius: 9999px;
font-size: var(--fs-label); font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase;
padding: 0.34rem 0.9rem;
}
.tkhero-h1 {
margin: 0 0 0.85rem; max-width: 20ch;
font-size: clamp(1.85rem, 4.2vw, 2.75rem); font-weight: 800;
color: #fff; letter-spacing: -0.03em; line-height: 1.12;
text-wrap: balance;
}
.tkhero-sub {
margin: 0; max-width: 62ch;
font-size: clamp(0.95rem, 1.15vw, 1.05rem); line-height: 1.65;
color: rgba(255,255,255,0.76);
}
.tkhero-facts {
list-style: none; margin: 1.6rem 0 0; padding: 0; max-width: 780px;
display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0.7rem;
}
.tkhero-facts li {
display: flex; flex-direction: column; gap: 0.15rem;
background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.15);
border-radius: 0.75rem; padding: 0.7rem 0.85rem; min-width: 0;
}
.tkhero-facts strong { color: #fff; font-size: 0.92rem; font-weight: 800; line-height: 1.25; }
.tkhero-facts span { color: rgba(255,255,255,0.6); font-size: var(--fs-label); letter-spacing: 0.05em; text-transform: uppercase; }
.tkhero-cta { display: flex; flex-wrap: wrap; gap: 0.7rem; margin-top: 1.6rem; }
.tkhero-ghost {
display: inline-flex; align-items: center; gap: 0.5rem;
color: #fff; text-decoration: none; font-weight: 700; font-size: 0.9rem;
padding: 0.85rem 1.4rem; border-radius: 0.75rem;
border: 1px solid rgba(255,255,255,0.36);
transition: background .18s, border-color .18s;
}
.tkhero-ghost:hover { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.6); }
@media (max-width: 820px) {
.tkhero-facts { grid-template-columns: repeat(2, minmax(0,1fr)); }
.tkhero.has-img::after { background: linear-gradient(180deg, rgba(9,13,10,0.9) 0%, rgba(9,13,10,0.8) 100%); }
}
@media (max-width: 460px) {
.tkhero-cta > * { width: 100%; justify-content: center; }
}
/* ===== THANG KHOANG CACH DOC DAP UNG — 30/07/2026 =====
Truoc day moi padding doc deu la INLINE STYLE tren the , ma inline thi
CSS thuong khong de duoc => khong co cach nao giam cho mobile. Do duoc 592px
padding doc chi rieng trang chu, cong footer ~700px = gan mot man hinh dien
thoai trang tron.
Ten class = gia tri DESKTOP (0.1rem) de tu tai lieu hoa. clamp() giu nguyen
desktop tung pixel, chi co lai tren man hep.
Cung tien le voi .grid-3col/.grid-4col: thay inline style de responsive ap duoc. */
.pt-15 { padding-top: clamp(1rem, 3.5vw, 1.25rem); }
.pb-15 { padding-bottom: clamp(1rem, 3.5vw, 1.25rem); }
.pt-20 { padding-top: clamp(1.25rem, 4vw, 1.5rem); }
.pb-20 { padding-bottom: clamp(1.25rem, 4vw, 1.5rem); }
.pt-25 { padding-top: clamp(1.5rem, 4.5vw, 1.875rem); }
.pb-25 { padding-bottom: clamp(1.5rem, 4.5vw, 1.875rem); }
.pt-30 { padding-top: clamp(1.5rem, 5vw, 2.25rem); }
.pb-30 { padding-bottom: clamp(1.5rem, 5vw, 2.25rem); }
.pt-35 { padding-top: clamp(1.75rem, 5.5vw, 2.5rem); }
.pb-35 { padding-bottom: clamp(1.75rem, 5.5vw, 2.5rem); }
.pt-40 { padding-top: clamp(1.75rem, 6vw, 3rem); }
.pb-40 { padding-bottom: clamp(1.75rem, 6vw, 3rem); }
.pt-50 { padding-top: clamp(2rem, 7vw, 3.5rem); }
.pb-50 { padding-bottom: clamp(2rem, 7vw, 3.5rem); }
/* ===== HERO TRANG CHU — sua kien truc 30/07/2026 =====
Gia tri desktop giu HET nhu inline style cu (72vh / 480px / padding 4rem 3rem 3.5rem). */
.home-hero { position: relative; height: 72vh; min-height: 480px; overflow: hidden; }
.home-hero-media { width: 100%; height: 100%; object-fit: cover; display: block; }
.home-hero-scrim {
position: absolute; inset: 0; z-index: 1;
background: linear-gradient(135deg, rgba(15,42,24,0.78) 0%, rgba(15,42,24,0.2) 60%, transparent 100%);
}
.home-hero-inner {
position: absolute; inset: 0; z-index: 2;
display: flex; flex-direction: column; justify-content: flex-end;
padding: 4rem 3rem 3.5rem;
}
@media (max-width: 900px) {
/* MAU CHOT: dao nguoc cach xep lop. Anh xuong lam nen tuyet doi, lop noi dung
tro ve luong thuong => CHIEU CAO BANNER DO NOI DUNG QUYET DINH.
Truoc day lop noi dung la absolute nen khong tao duoc chieu cao cho cha,
noi dung tran ra roi bi overflow:hidden CAT MAT DINH (chu H1 bi cat). */
.home-hero { height: auto; min-height: 0; }
.home-hero-media { position: absolute; inset: 0; height: 100%; z-index: 0; }
.home-hero-inner {
/* PHAI la `relative`, KHONG duoc la `static`.
`relative` van giu phan tu trong luong (van tao chieu cao cho .home-hero —
dung muc dich ban dau) NHUNG la phan tu dinh vi nen an duoc z-index.
Voi `static` thi noi dung ve o buoc 4 cua thu tu ve, con .home-hero-media va
.home-hero-scrim (absolute) ve o buoc 8 => anh + lop phu DE KIN badge, H1,
doan mo ta va 2 nut. Chi khoi .home-hero-stats song sot vi backdrop-filter
cua no tao stacking context nen cung duoc ve o buoc 8. */
position: relative;
z-index: 2;
padding: clamp(1.25rem, 5vw, 2rem) 1rem clamp(1.5rem, 5vw, 2.25rem);
}
/* Tren mobile chu chiem toan bo be ngang -> phu doc thay vi phu cheo. */
.home-hero-scrim { background: linear-gradient(180deg, rgba(15,42,24,0.86) 0%, rgba(15,42,24,0.72) 100%); }
/* H1 cu la clamp(2.2rem,5vw,4rem): min 2.2rem = 35px, qua lon o be ngang 375px. */
/* Nen chieu cao banner (~465px -> ~365px) ma KHONG bo bot cau chu nao:
owner dang doi thong tin chinh phai hien ra, khong phai bi cat bo. */
.home-hero .badge { margin-bottom: 0.75rem !important; }
.home-hero h1 {
font-size: clamp(1.45rem, 6.4vw, 2rem) !important;
max-width: none !important;
margin-bottom: 0.6rem !important;
}
.home-hero p {
font-size: 0.85rem !important;
line-height: 1.5 !important;
margin-bottom: 1rem !important;
}
/* Hai nut vua mot hang thay vi tran xuong hai hang. */
.home-hero .btn-primary,
.home-hero .btn-ghost { padding: 0.6rem 1.05rem; font-size: 0.82rem; }
.home-hero-stats { position: static !important; margin-top: 1rem; width: auto; padding: 0.7rem 0.85rem !important; }
.home-hero-stats > div:first-child { font-size: 0.6rem !important; margin-bottom: 0.45rem !important; }
.home-hero-stats > div:last-child { gap: 1.1rem !important; }
.home-hero-stats > div:last-child > div > div:first-child { font-size: 1.25rem !important; }
.home-hero-stats > div:last-child > div > div:last-child { font-size: 0.65rem !important; }
/* Footer cung dang chiem qua nhieu chieu doc tren mobile. */
footer.site-footer { padding: 2rem 0 1.25rem; margin-top: 1.25rem; }
/* Cot "San pham tieu bieu" o footer in lai dung menu chinh (7 muc) — tren mobile
no trung y het menu hamburger o header, chiem 7 dong chieu doc ma khong them
thong tin gi. Owner yeu cau an 30/07/2026.
Dung display:none nen link VAN nam trong HTML (khong mat link noi bo), va nguoi
dung van toi duoc cac muc do qua menu hamburger. */
.footer-col-menu { display: none; }
.footer-grid { gap: 1.25rem; }
}
/* ===== BADGE reCAPTCHA + DONG GHI CONG — 30/07/2026 =====
Badge cua Google neo mac dinh o bottom:14px right:14px — DUNG cho cum nut lien he
noi cua plugin button-contact-vr, nen trong nhu bi trung/de nhau.
Dung visibility (KHONG dung display:none) de reCAPTCHA v3 van chay binh thuong.
Da bu lai bang dong ghi cong duoi form (xem thienkhoi2026_recaptcha_notice) —
day la dieu kien Google cho phep an badge. */
.grecaptcha-badge { visibility: hidden !important; }
/* ===== KHOI TIEU DE SECTION + DAI TAB LOC MOT DONG — 30/07/2026 =====
Truoc: khoi tieu de la inline style tren
, va `.tab-bar{flex-wrap:wrap}`
khien 5 tab tieng Viet vo thanh 3 DONG so le (3+1+1) — chiem ~120px chieu doc
va trong lech han tren mobile. */
.home-sec-head {
display: flex; align-items: flex-end; justify-content: space-between;
gap: 1.5rem; flex-wrap: wrap;
margin-bottom: clamp(1.25rem, 4vw, 2.5rem);
}
@media (max-width: 900px) {
/* Doi thanh dai cuon ngang MOT DONG — dung mau da co cua site (.mobile-carousel).
`min-width:0` la BAT BUOC: .tab-bar la flex item, thieu no thi item khong co lai
duoc va overflow-x:auto khong bao gio kich hoat. */
.tab-bar {
flex: 1 1 100%;
min-width: 0;
flex-wrap: nowrap;
overflow-x: auto;
gap: 0.4rem;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.tab-bar::-webkit-scrollbar { display: none; }
.tab {
flex: 0 0 auto;
padding: 0.4rem 0.85rem;
font-size: 0.75rem;
scroll-snap-align: start;
}
}
/* === AN BREADCRUMB (03/08/2026, theo yeu cau) === */
.breadcrumb { display: none; }
/* ===== ANH THAN BAI — THONG NHAT KICH THUOC (03/08/2026) =====
Truoc: anh gian het be ngang cot (1185px, cao 889px) va moi bai mot co
vi noi dung cu con dinh width="900" / style="width:900px".
Nay: canh giua, bo tron dong deu, chan chieu cao de anh doc khong nuot man hinh.
max-width/max-height + width/height:auto => trinh duyet tu co lai DUNG TY LE. */
.entry-content img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
border-radius: 0.75rem;
}
/* Chi chan chieu cao cho anh dung rieng trong — khong dung toi anh
trong luoi tuy chinh (nhung anh do co inline style rieng, inline luon thang). */
/* Chan bang px (KHONG dung vh): dung vh thi be rong anh doi theo chieu cao
man hinh => moi may mot co. 800px du de anh 4:3 va 1:1 hien du be ngang cot,
dong thoi van chan anh dung (portrait) neu sau nay co. */
.entry-content figure > img { width: auto; max-height: 800px; }
/* Nhip dung deu nhau giua cac khoi anh */
.entry-content figure { margin: 1.75rem auto; }
.entry-content figure > figcaption {
font-size: 0.82rem;
color: var(--muted);
line-height: 1.5;
margin-top: 0.6rem;
}
/* ===== BATCH 1 AUDIT FIX (04/08/2026) =====
Sua tu bao cao audit go-live: caption 800px vo mobile, contrast footer
duoi WCAG AA, vung bam mobile < 44px (WCAG 2.5.5 Target Size). Dat o CUOI
file de thang cascade ma khong dong toi rule goc. */
/* Caption co dinh 800px (WordPress core tu sinh cho anh cu dung [caption]
shortcode) truoc day khong co CSS nao gioi han -> vo mobile. */
.entry-content .wp-caption {
max-width: 100% !important;
width: auto !important;
}
.entry-content .wp-caption img {
width: 100%;
height: auto;
}
/* Contrast chu phu footer: 0.45 opacity tren nen toi #1F2A24 do duoc
~3.5-4.1:1, duoi chuan WCAG AA (4.5:1). Tang opacity + co chu. */
.footer-muted {
color: rgba(255,255,255,0.65);
font-size: 0.85rem;
}
/* Vung bam mobile toi thieu 44x44px (WCAG 2.5.5 Target Size) */
@media (max-width: 900px) {
.home-hero .btn-primary,
.home-hero .btn-ghost {
min-height: 44px;
}
.tab {
min-height: 44px;
}
.nav-toggle {
min-width: 44px;
min-height: 44px;
}
}
@media (max-width: 600px) {
.carousel-arrow {
width: 44px;
height: 44px;
}
}
/* ===== CHONG KEO GIAN ANH (04/08/2026) =====
Anh dai dien dau bai dung inline width:100% nhung THIEU height:auto,
nen thuoc tinh HTML height="..." cua WordPress con hieu luc => anh bi
keo gian meo doc (do that: 1448x1086 render thanh 780x1086).
Da sua tan goc trong single.php va template-l3-detail.php; rule nay la
luoi an toan cho moi anh khac trong .
An toan voi cac anh co inline height:100%;object-fit:cover — inline
luon thang rule stylesheet nen cac khoi anh phu (bai lien quan, luoi
san pham) giu nguyen hanh vi cu. */
article img { height: auto; }
/* ===== HERO BAI VIET — noi rong (04/08/2026) =====
.tkhero-h1 mac dinh gioi han 20ch — vua dep cho tit trang chuyen de
(ngan, dat theo tu khoa) nhung tit BAI VIET dai hon nhieu, giu 20ch se
vo thanh 5-6 dong. Noi rong rieng cho .tkhero--post. */
.tkhero--post .tkhero-h1 { max-width: 30ch; }
.tkhero--post .tkhero-sub { max-width: 62ch; }
/* ===== IN DAM BANG: tieu de + cot dau (04/08/2026) =====
Owner yeu cau: hang tieu de va cot dau tien phai in dam de doc bang
nhanh hon (mat luot theo cot dau roi moi doc ngang).
KHONG dung !important: de noi dung dac biet van ghi de duoc khi can. */
.entry-content table th,
.spec-table th {
font-weight: 700;
}
.entry-content table td:first-child,
.spec-table td:first-child {
font-weight: 700;
}
/* ===== A6: TRAN NGANG + VUNG CHAM + NUT NOI (07/08/2026) ===== */
/* --- 1. Chan tran ngang o man hinh hep ---
Bao cao: 360px -> scrollWidth 376. Thu pham: .logo-title nowrap +
.logo-wrap flex-shrink:0 nen khong co gi co lai duoc. */
.nav-inner { min-width: 0; }
.logo-wrap { flex-shrink: 1; min-width: 0; }
.logo-title { min-width: 0; overflow: hidden; text-overflow: ellipsis;
/* 12/08/2026 — chua loi MAT DAU SAC: logo hien "ĐÁ TRĂNG" thay vi "ĐÁ TRẮNG".
overflow:hidden o tren cat tai MEP HOP DEM. Net muc chu Ắ (dau á + dau sac
chong 2 tang) can 18px phia tren duong chan chu, ma chan chu chi cach mep
tren hop 14px => tran 4px, bi xen dung phan dau sac.
padding-top day mep cat len 4px; margin-top am bu lai nen CHU KHONG XE DICH.
Dung em de tu co theo @media 480px ha co chu logo xuong 0.74rem.
🔴 KHONG GO overflow:hidden — no dang va loi tran ngang 360px (muc A6). */
padding-top: .28em; margin-top: -.28em; }
@media (max-width: 480px) {
.nav-inner { padding: 0 0.5rem; gap: 0.2rem; }
.logo-wrap img { height: 30px; }
.logo-title { font-size: 0.74rem; letter-spacing: -0.02em; }
.site-nav .nav-cta { font-size: 0.72rem; padding: 0.5rem 0.7rem; }
}
/* --- 2. Vung cham toi thieu 44x44 (WCAG 2.5.5) ---
Bao cao B1: logo 36px, hotline header 31px, CTA 40-43px, link footer ~15px,
nut trong card 14x29px, mui ten carousel 40x40 o 768px. */
@media (max-width: 1024px) {
.site-nav .nav-cta,
.btn-primary, .btn-ghost, .btn-gold-cta, .tkhero-ghost,
.card a.btn, .card .btn-primary, .card .btn-ghost {
min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
}
.site-footer a, .footer-col-menu a {
display: inline-block; min-height: 44px; line-height: 44px;
}
.auto-carousel .carousel-prev, .auto-carousel .carousel-next,
.carousel-prev, .carousel-next { min-width: 48px; min-height: 48px; }
}
/* ===== HET A6 ===== */
/* ===== NUT NOI ZALO/PHONE — KHOI DUY NHAT (07/08/2026) ===== */
/* Truoc day CO HAI khoi cung dieu khien nut nay (dong 107 va trong block A6),
deu dung !important => khong biet cai nao thang. Da gop lai day.
Plugin chi dat: #button-contact-vr{position:fixed;bottom:0;z-index:99999}
KHONG co left/right => phai tu dat, neu khong no nam theo vi tri tinh,
tran ra ngoai mep phai man hinh.
Cau truc plugin (KHONG doi kich thuoc — icon con dinh vi tuyet doi theo hop 90px):
.phone-vr 90x90 (hop)
.phone-vr-circle-fill 65x65 top/left 12px (vong sang nhay)
.phone-vr-img-circle 40x40 top/left 25px (icon)
=> Vung bam mo rong bang cach cho PHU KIN hop, khong phong to hop. */
#button-contact-vr {
left: auto !important;
right: 16px !important;
bottom: 16px !important;
}
@media (max-width: 767px) {
#button-contact-vr {
right: 10px !important;
/* chua khoang an toan cho may co thanh dieu huong ao */
bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
}
}
/* Vung bam >= 48px ma KHONG doi kich thuoc hop cua plugin */
.button-contact .phone-vr > a,
.button-contact .phone-vr-img-circle > a {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
}
/* 28/08/2026 — vùng bấm thật của icon con đạt tối thiểu 48x48px. */
.button-contact .phone-vr-img-circle { overflow:visible !important; }
.button-contact .phone-vr-img-circle > a {
inset:-11px; min-width:48px; min-height:48px;
}
/* Khong de nut de len chu o chan trang tren man hinh hep */
@media (max-width: 1024px) {
.site-footer { padding-bottom: 110px; }
}
/* ===== 15/08/2026 — LUOI AN TOAN FONT =====
1. Phan tu form KHONG ke thua font tu body theo mac dinh trinh duyet.
Do duoc 22 the