/* mevabe2 — sửa lỗi demo 10-05 (nạp sau cùng: astra/zz-fix1005.css) */
/* trang SP: form giỏ Woo thật (ô số lượng + 2 nút) thay link tel: */
.mxi-cartf { margin: 0; }
.mxi-qty div input { width: 90px; height: 100%; margin: 0; padding: 0; border: 0; border-left: 1px solid #E6DCE1; border-right: 1px solid #E6DCE1; border-radius: 0; box-shadow: none; text-align: center; font-size: 18px; font-weight: 700; color: var(--mx-ink); background: #fff; -moz-appearance: textfield; }
.mxi-qty div input::-webkit-outer-spin-button, .mxi-qty div input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mxi-qty i[data-q] { cursor: pointer; user-select: none; }
.mxi-buy button { display: flex; align-items: center; justify-content: center; height: 58px; margin: 0; padding: 0 12px; border-radius: 30px; font-size: 21px; font-weight: 800; border: 2px solid var(--mx-pink); text-transform: none; letter-spacing: 0; line-height: 1.2; width: 100%; font-family: inherit; }
.mxi-buy button.mxi-add { color: var(--mx-pink) !important; background: #fff; }
.mxi-buy button.mxi-now { background: var(--mx-pink); color: #fff !important; box-shadow: 0 6px 14px rgba(238,62,128,.22); }
.mxi-call { color: inherit; }
/* ảnh SP chính: không phóng quá cỡ thật, giữ trọn chủ thể (contain trên nền trắng) */
.mxi-gmain { display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #F6E4EC; }
.mxi-gmain img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; object-fit: contain; }
.mxi-gth a { background: #fff; border-color: #F6E4EC; }
.mxi-gth a img { object-fit: contain !important; }
.mxi-gth-1 { display: none; }
/* thẻ SP: ảnh SP nền trắng (bộ bán chạy) giữ trọn vật thể */
.mx-cimg img[src*="mx-best-"] { object-fit: contain !important; background: #fff; }
/* hộp tư vấn cột lọc: SĐT là chữ */
.mxi-ask-tel { display: flex; align-items: center; gap: 10px; }
/* bài viết: ảnh đại diện hẹp đặt giữa dải hồng, không phóng tràn khung */
.mxi-pimg-sm { background: #FFE9F1; border-radius: 20px; }
.mxi-pimg-sm img { max-width: min(100%, 820px); margin: 0 auto; }