@charset "UTF-8";
/* =============================================================================
   PHỐI MÀU — chỉ nạp khi đặt Giao diện AZPOS → "Màu chủ đạo" (bofit 03/11/2026). One để trống nên giữ nguyên.
   Trang sản phẩm: khối giá nền màu chủ đạo, khung hộp mua theo màu chủ đạo thay cho viền + nền cam nhạt.
   Tệp nạp sau cùng nên chỉ cần cùng độ ưu tiên với trang-con / thang-chu là thắng, kể cả luật trong @media của các tệp đó.
   ============================================================================= */
.hop-mua { --dem: 20px; overflow: hidden; background: #fff; border: 1px solid rgba(0, 41, 87, .15); } /* màu chủ đạo #002957, nhạt 15% như viền KiotViet */
@media (min-width: 992px) {
	.hop-mua { --dem: 1.667rem; }
}
.hop-than { padding: 0 var(--dem) var(--dem); }

/* khối giá tràn sát mép hộp (lề âm bằng đệm của .hop-than); nền xanh nhạt phẳng, chữ màu chủ đạo (anh chê nền đậm nặng nề 04/11/2026) */
.gia-lon { align-items: center; flex-wrap: wrap; row-gap: 2px; margin: 0 calc(-1 * var(--dem)) 16px; padding: 14px var(--dem) 16px; background: #e5f0ff; }
.gia-lon::before { content: "Giá bán"; flex: 0 0 100%; font-size: 13px; line-height: 1.4; font-weight: 500; color: rgba(0, 41, 87, .8); }
.gia-lon b { font-size: var(--c24, 24px); line-height: 1.25; color: var(--chinh); }
.gia-lon del { color: #525252; }
.gia-lon .pt { background: var(--cam-dam); }

/* Nhãn còn hàng sát hộp mua hơn */
@media (min-width: 768px) {
	.sp-nhan { margin-bottom: 12px; }
}

/* Nút xem thêm, xem tất cả theo màu chủ đạo (sắc đậm để chữ trắng đọc rõ); dùng chung màu nút */
.nut-xemthem, .dm-mota > .nut, .nhom-xemtat, .dm-tieude .nut { background: var(--nut); }
.nut-xemthem:hover, .dm-mota > .nut:hover, .nhom-xemtat:hover, .dm-tieude .nut:hover { background: var(--nut-dam); }

/* Nội dung sản phẩm: không lề trong, chữ và ảnh rộng đúng bằng Oneway (519,4px ở khổ 1366, 355px ở khổ 375; anh Vinh chốt 04/11/2026); đoạn văn sát nhau hơn */
.sp-mota { margin-top: 28px; padding-bottom: 16px; overflow: hidden; }
.sp-mota::before { content: "Mô tả sản phẩm"; display: block; padding: 0 0 10px; border-bottom: 1px solid #e6ecf5; color: var(--chinh-toi); font-size: var(--c14, 14px); line-height: 1.4; font-weight: 700; }
.sp-mota .noi-dung { padding: 16px 0 0; font-size: var(--c14, 14px); line-height: 1.6; }
.sp-mota .noi-dung h1, .sp-mota .noi-dung h2 { font-size: var(--c16, 16px); line-height: 1.35; }
.sp-mota .noi-dung h3 { font-size: var(--c14, 14px); line-height: 1.4; }
.sp-mota.thu-gon .noi-dung::after { background: linear-gradient(180deg, transparent, #fff 75%); }
.sp-mota .noi-dung p { margin-bottom: 8px; }
.sp-mota .noi-dung ul { margin-bottom: 8px; }
.sp-mota .noi-dung h1, .sp-mota .noi-dung h2, .sp-mota .noi-dung h3 { margin-bottom: 8px; }
.sp-mota .noi-dung :is(h1, h2, h3):not(:first-child) { margin-top: 16px; }
@media (max-width: 767px) {
	.sp-mota .noi-dung { padding: 12px 0 0; }
}

/* Mạng xã hội chân trang: màu riêng từng kênh cho dễ nhận ra */
.ft-ketnoi a[aria-label="Facebook"] { background: #1877f2; }
.ft-ketnoi a[aria-label="YouTube"] { background: #f00; }
.ft-ketnoi a[aria-label="Zalo"] { background: #0068ff; }
.ft-ketnoi a[aria-label="TikTok"] { background: #000; }