/* =============================================================================
   TRANG CON — đường dẫn, sản phẩm, bài viết, chính sách, trang thường
   (đo theo onewaymobile.vn ngày 20/10/2026). Nạp SAU style.css.
   Mobile trước (px) · máy tính bảng 768–1199 · desktop ≥1200 bằng rem (1rem = 1vw)
   ============================================================================= */
/* đường dẫn — theo .breadcrumbs của gốc (điện thoại: khung .5rem + ul .5rem, chữ .78125rem với html 16px) */
.vet-dan { background: var(--xam); padding: 8px; }
.vet-dan ul { display: flex; align-items: center; white-space: nowrap; padding: 8px; max-width: 100%; overflow: auto; scrollbar-width: none; }
.vet-dan ul::-webkit-scrollbar { display: none; }
.vet-dan li { position: relative; flex: 0 0 auto; font-size: 12.5px; line-height: 16.67px; color: #333; }
.vet-dan li + li { padding-left: 12.5px; margin-left: 12.5px; }
.vet-dan li + li::before { content: ">"; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); font-size: 12.8px; color: #000; }
.vet-dan li:last-child { font-weight: 700; }
.vet-dan a { display: flex; align-items: center; gap: 6.67px; }
.vet-dan a .ic { width: 20px; height: 20px; color: var(--cam); }
.vet-dan a:hover span { color: var(--cam); }

/* ---------- popup dùng chung ---------- */
.phu-popup { position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, .6); display: flex; align-items: center; justify-content: center; padding: 10px; }
.phu-popup[hidden] { display: none; }
.popup { position: relative; width: 460px; max-width: 100%; max-height: 92vh; overflow-y: auto; background: #fff; border-radius: 15px; padding: 28px 20px 22px; }
.popup-rong { width: 720px; }
.popup h2 { font-size: 19px; line-height: 25px; font-weight: 700; text-align: center; }
.popup .phu { font-size: 13px; color: var(--chu-phu); text-align: center; margin: 4px 0 18px; }
.dong-popup { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 50%; background: var(--xam); display: grid; place-items: center; }
.dong-popup svg { width: 18px; height: 18px; }
.form-tuvan label { display: block; font-size: 13px; font-weight: 600; color: var(--chu); margin-bottom: 12px; }
.form-tuvan input, .form-tuvan textarea { display: block; width: 100%; margin-top: 6px; padding: 10px 14px; border: 1px solid #dcdcdf; border-radius: 8px; font-size: 16px; font-family: inherit; outline: 0; resize: vertical; }
.form-tuvan input:focus, .form-tuvan textarea:focus { border-color: var(--cam); }
.form-tuvan button[type=submit] { width: 100%; padding: 13px; font-size: 15px; font-weight: 700; margin-top: 4px; }
.form-tuvan .bao { margin-top: 12px; text-align: center; color: #1e8c34; font-weight: 600; font-size: 14px; }
.chon-sao { display: flex; justify-content: center; gap: 6px; margin-bottom: 14px; }
.chon-sao button svg { width: 30px; height: 30px; filter: grayscale(1) opacity(.35); transition: filter .15s; }
.chon-sao button.day svg { filter: none; }
.bang-ts { width: 100%; border-collapse: collapse; }
.bang-ts tr.ts-nhom th { text-align: left; background: var(--xam); font-size: 14px; font-weight: 700; padding: 9px 12px; }
.bang-ts td { font-size: 13px; line-height: 18px; padding: 9px 12px; border-bottom: 1px solid #eee; vertical-align: top; }
.bang-ts td:first-child { width: 40%; color: var(--chu-phu); }
.cuon { max-height: 65vh; overflow-y: auto; }

/* ---------- nội dung bài (dùng chung bài viết, trang) — gốc dùng font hệ thống sans-serif ---------- */
.noi-dung-bai { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; color: var(--chu); word-wrap: break-word; }
.noi-dung-bai p { margin: 0 0 12px; }
.noi-dung-bai h2 { font-size: 19px; line-height: 24px; font-weight: 700; margin: 0 0 16px; }
.noi-dung-bai h3 { font-size: 17px; line-height: 23px; font-weight: 700; margin: 0 0 16px; }
.noi-dung-bai ul, .noi-dung-bai ol { padding-left: 30px; margin: 0 0 15px; }
.noi-dung-bai ul { list-style: disc; }
.noi-dung-bai ol { list-style: decimal; }
.noi-dung-bai li { margin-bottom: 5px; }
.noi-dung-bai li p { margin: 0; }
.noi-dung-bai a { color: var(--cam); }
.noi-dung-bai img { max-width: 100%; height: auto; display: inline-block; }

/* =============================================================================
   CHI TIẾT SẢN PHẨM — mobile (hai cột desktop "tan ra", xếp lại bằng order)
   ============================================================================= */
.sp-ct { padding: 20px 0 30px; }
.sp-khung { padding: 0 10px; }
.sp-hang { display: flex; flex-direction: column; }
.sp-trai, .sp-phai { display: contents; }
.sp-anh { order: 1; margin-bottom: 20px; min-width: 0; }
.sp-ten { order: 2; }
.sp-meta { order: 3; }
.sp-nhan { order: 4; }
.sp-chon { order: 5; }
.hop-mua { order: 6; }
.sp-thongso { order: 7; }
.sp-muacung { order: 8; min-width: 0; }
.sp-mota { order: 9; }
.sp-baiviet { order: 10; }
.sp-danhgia { order: 11; }
.sp-chinhsach { display: none; }

.sp-anh-lon { position: relative; margin-bottom: 20px; }
.sp-anh-lon .swiper-slide img { width: 100%; height: 260px; object-fit: contain; } /* gốc: ô 260×260 */
.mui-vien { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 31px; height: 31px; border-radius: 50%; border: 1px solid var(--cam); color: var(--cam); display: flex; align-items: center; justify-content: center; cursor: pointer; background: rgba(255, 255, 255, .7); }
.mui-vien svg { width: 20px; height: 20px; }
.mui-vien.truoc { left: 4px; }
.mui-vien.sau { right: 4px; }
.mui-vien.swiper-button-disabled { opacity: .35; cursor: default; }
.sp-anh-duoi { display: flex; align-items: center; }
.sp-anh-nho { flex: 1; min-width: 0; display: flex; align-items: center; }
.sp-anh-nho .swiper { flex: 1; min-width: 0; margin: 0 6px; }
.mui-mong { flex: none; width: 18px; color: #999; cursor: pointer; display: flex; }
.mui-mong svg { width: 18px; height: 24px; }
.mui-mong.swiper-button-disabled { opacity: .3; }
.o-nho { display: block; border: 1px solid #c7c7c8; border-radius: 10px; overflow: hidden; background: #fff; aspect-ratio: 1; }
.o-nho img { width: 100%; height: 100%; object-fit: contain; }
.sw-anh-nho .swiper-slide { cursor: pointer; }
.sw-anh-nho .swiper-slide-thumb-active .o-nho { border-color: var(--cam); }
.nut-thongso { flex: none; width: 60px; height: 60px; margin-left: 10px; border: 1px solid #c7c7c8; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 10px; color: var(--chu); }
.nut-thongso svg { width: 26px; height: 26px; }

.sp-ten { font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 12px; } /* gốc h1.product-name (điện thoại) */
.sp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; font-size: 11.66px; line-height: 15px; margin-bottom: 13.33px; }
.sp-meta .danh-gia { display: flex; align-items: center; gap: 4px; }
.sp-meta .danh-gia svg { width: 16px; height: 17px; }
.sp-meta b { font-weight: 700; }
.sp-nhan { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.sp-nhan .nhan { font-size: 11.66px; line-height: 15px; font-weight: 600; color: #fff; padding: 6.67px 20px; border-radius: 83.33px; }
.sp-nhan .do { background: #f00; }
/* nhãn kho — theo .product-stock.* của gốc */
.sp-nhan .kho { background: #9b7449; }
.sp-nhan .kho.instock { background: #daffe2; color: #1e8c34; }
.sp-nhan .kho.outofstock { background: #ffe2e2; color: #bd0909; }
.sp-nhan .kho.lowstock { background: #ffa500; }
.sp-nhan .kho.comingsoon { background: #00cc99; }
.sp-nhan .kho.preorders { background: #9370db; }
.sp-chon { margin-bottom: 33.33px; }
.luoi-chon { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6.67px; }
.luoi-mau { margin-top: 16.67px; }
/* ô phiên bản / màu — theo .custom-checkbox-wrap của gốc (điện thoại) */
.o-chon { position: relative; display: block; text-align: left; background: #fff; padding: 14px 7px 8px; border-radius: 10px; border: 1px solid #c7c7c8; font-family: inherit; cursor: pointer; color: inherit; }
.o-chon strong { display: block; font-size: 11.47px; line-height: 10.93px; font-weight: 600; color: #000; margin-bottom: 4.16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o-chon span { display: block; font-size: 9.94px; line-height: 10.93px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.o-chon .dau-tick { position: absolute; top: 4px; right: 4px; width: 12px; height: 12px; color: #fff; background: var(--cam); border-radius: 50%; display: none; }
.o-chon .dau-tick svg { width: 100%; height: 100%; display: block; stroke-width: 2.4; }
.o-chon .dau-tick svg circle { display: none; }
.o-chon.dang-chon { border-color: var(--cam); }
.o-chon.dang-chon strong { color: var(--cam); }
.o-chon.dang-chon .dau-tick { display: block; }

.hop-mua { border: 1px solid rgba(254, 79, 0, .2); border-radius: 20px; background: linear-gradient(180deg, rgba(254, 79, 0, .08) 0%, rgba(254, 200, 132, 0) 50%); margin-bottom: 16px; }
.hop-than { padding: 20px; }
.dai-tragop { position: relative; display: block; text-align: center; color: #fff; padding: 18.53px 10px 10px; margin-bottom: 12px; border-radius: 8px; line-height: 1.2;
  background: linear-gradient(90deg, #ff5001, #fea325, #ff5001, #fea325); background-size: 300% 100%; animation: chay-nen 6s linear infinite; }
@keyframes chay-nen { to { background-position: 300% 0; } }
.dai-tragop .nho { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); font-size: 13.47px; line-height: 16.17px; font-weight: 800; white-space: nowrap; }
.dai-tragop .lon { font-size: 16.84px; line-height: 20.21px; font-weight: 800; }
.gia-tai { display: flex; align-items: center; font-size: 11.66px; line-height: 15px; }
.gia-tai > span { margin-right: 6.67px; }
.chon-tinh-sp { position: relative; cursor: pointer; color: var(--cam); display: flex; align-items: center; gap: 2px; }
.chon-tinh-sp b { font-weight: 600; }
.chon-tinh-sp > svg { width: 12px; height: 12px; }
.chon-tinh-sp ul { display: none; position: absolute; left: 0; top: calc(100% + 6px); z-index: 20; min-width: 130px; background: #fff; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); padding: 6px 0; }
.chon-tinh-sp.mo ul { display: block; }
.chon-tinh-sp li { padding: 8px 12px; font-size: 12px; color: var(--chu); font-weight: 600; }
.chon-tinh-sp li:hover { background: var(--cam-nhat); color: var(--cam); }
.gia-lon { display: flex; align-items: baseline; flex-wrap: wrap; margin-bottom: 20.83px; }
.gia-lon b { font-size: 20px; line-height: 39.17px; font-weight: 800; color: var(--cam); }
.gia-lon del { font-size: 14.16px; line-height: 15px; font-weight: 600; color: var(--chu-phu); margin: 0 10px; }
.gia-lon [hidden] { display: none !important; }
.gia-lon .pt { font-size: 11.66px; line-height: 13.33px; font-weight: 600; color: #fff; background: var(--cam); padding: 3.33px 6.67px; border-radius: 83.33px; }
/* hộp khuyến mãi — theo .discount-policy của gốc (điện thoại: rem × 16, đệm trên 46px) */
.hop-km { position: relative; border: 1px solid var(--cam); border-radius: 16.67px; padding: 46px 20px 26.67px; margin-bottom: 28.33px; }
.hop-km .tieu-de { position: absolute; top: -8.33px; left: -1px; display: flex; align-items: center; gap: 5px; background: var(--cam); color: #fff; font-size: 11.66px; line-height: 13.33px; font-weight: 600; padding: 6.67px 16.67px; border-radius: 41.67px 41.67px 41.67px 0; }
.hop-km .tieu-de svg { width: 20px; height: 20px; }
.hop-km li { display: flex; align-items: flex-start; gap: 8.33px; font-size: 11.66px; line-height: 16.67px; }
.hop-km li + li { margin-top: 10px; }
.hop-km li > svg { flex: none; width: 16.67px; height: 16.67px; color: var(--cam); }
.hop-km a { color: var(--cam); }
.nut-tuvan { display: block; width: 100%; background: var(--cam); border: 1px solid var(--cam); border-radius: 8px; padding: 17px 16px 13px; color: #fff; text-align: center; transition: filter .2s; }
.nut-tuvan:hover { filter: brightness(1.06); }
.nut-tuvan strong { display: block; font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; }
.nut-tuvan span { display: none; }
.nut-tragop-the { display: flex; margin-top: 7px; background: #243dde; border-radius: 8px; overflow: hidden; color: #fff; }
.nut-tragop-the .trai { flex: 1; display: flex; align-items: center; padding: 5px 12px 5px 16px; }
.nut-tragop-the .trai > svg { flex: none; width: 32px; height: 32px; margin-right: 12px; }
.nut-tragop-the .chu { font-size: 14px; line-height: 15px; font-weight: 800; text-transform: uppercase; }
.nut-tragop-the .chu small { display: block; font-size: 10.5px; line-height: 14px; text-transform: none; }
.nut-tragop-the .phai { position: relative; width: 112px; flex: none; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #ff7337, #ff9a3c); }
.nut-tragop-the .phai::before { content: ""; position: absolute; left: -9px; top: 0; bottom: 0; width: 18px; background: #243dde; border-radius: 0 50% 50% 0 / 0 50% 50% 0; }
.nut-tragop-the .phai b { position: relative; font-size: 36px; line-height: 24px; font-weight: 800; margin-right: 4px; }
.nut-tragop-the .phai span { position: relative; font-size: 11px; line-height: 14px; font-weight: 500; }
/* "Hoặc" + 2 ô liên hệ — theo .divider-with-text, .contact-to-buy của gốc (điện thoại xếp dọc) */
.gach-hoac { position: relative; text-align: center; margin: 20px 0; }
.gach-hoac::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #c7c7c8; }
.gach-hoac span { position: relative; display: block; width: max-content; margin: auto; background: #fff; padding: 0 13.33px; font-size: 11.66px; line-height: 15px; color: #666; }
.lien-he-mua { display: grid; grid-template-columns: minmax(0, 1fr); }
.lien-he-mua .o { text-align: center; }
.lien-he-mua .td { font-size: 14px; line-height: 18px; font-weight: 700; color: #333; margin-bottom: 1.67px; }
.lien-he-mua .mt { min-height: 15px; font-size: 10px; line-height: 18px; margin-bottom: 5px; }
.lien-he-mua .sdt { display: flex; width: 100%; align-items: center; justify-content: center; gap: 5px; margin-bottom: 26px; padding: 6px 12px; border-radius: 41.67px; border: 1px solid var(--cam); font-size: 18px; line-height: 25px; font-weight: 800; color: var(--cam); white-space: nowrap; transition: all .4s ease-in-out; }
.lien-he-mua .sdt svg { width: 18px; height: 18px; margin-right: 6px; }
.lien-he-mua .mxh { display: flex; justify-content: center; gap: 10px; }
.lien-he-mua .mxh a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.lien-he-mua .zalo { background: #0068ff; font-size: 12px; font-weight: 800; }
.lien-he-mua .mess { background: linear-gradient(135deg, #00b2ff, #006aff 55%, #a334fa); }
.lien-he-mua .mess svg { width: 26px; height: 26px; }
.hop-chan { display: none; flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; border-top: 1px solid rgba(254, 79, 0, .2); } /* gốc: chỉ có trên máy tính */
.sp-cs-mb { margin: 0 0 22px; padding-top: 20px; border-top: 1px solid #e3e3e6; }
.sp-cs-mb h2 { margin-bottom: 16px; font-size: 18px; line-height: 20px; font-weight: 600; }
.sp-cs-mb li { display: flex; align-items: center; }
.sp-cs-mb li + li { margin-top: 12px; }
.sp-cs-mb li svg { flex: none; width: 40px; height: 39px; margin-right: 10px; color: var(--cam); }
.sp-cs-mb li span { font-size: 14px; line-height: 22px; }
.hop-chan strong { display: block; font-size: 15px; line-height: 17px; font-weight: 700; color: var(--cam); margin-bottom: 4px; }
.hop-chan span { font-size: 12px; line-height: 15px; }
.hop-chan .nut { padding: 11px 22px; font-size: 13px; line-height: 13px; }

/* bảng thông số — theo .product-parameters của gốc (điện thoại: chữ 12px, đệm .5rem .775rem) */
.sp-thongso { border: 1px solid #ddddde; border-radius: 16.67px; overflow: hidden; margin: 16.67px 0; }
.sp-thongso table { width: 100%; border-collapse: collapse; }
.sp-thongso thead tr { background: var(--xam); }
.sp-thongso th { text-align: left; padding: 8px 12.4px; }
.sp-thongso th h2 { font-size: 12px; line-height: 15px; font-weight: 700; }
.sp-thongso thead td { padding: 8px 12.4px; }
.sp-thongso thead a { font-size: 12px; line-height: 16.8px; color: var(--cam); text-decoration: underline; }
.sp-thongso tbody td { width: 50%; font-size: 11.66px; line-height: 18.34px; padding: 8px 12.4px; vertical-align: middle; }
.sp-thongso tbody tr:nth-child(even) { background: var(--xam); }

.sp-muacung { margin-bottom: 30px; }
.sp-muacung h2 { font-size: 15px; line-height: 17px; font-weight: 600; margin-bottom: 4px; }
.sp-muacung .swiper { padding: 10px; margin: 0 -10px; }
.the-nho .anh img { aspect-ratio: auto; height: 150px; }

.sp-mota { position: relative; }
.sp-mota .noi-dung { position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 25px; color: var(--chu); }
.sp-mota .noi-dung p { margin: 0 0 22px; }
.sp-mota .noi-dung h2 { font-size: 19px; line-height: 24px; font-weight: 700; margin: 0 0 16px; }
.sp-mota .noi-dung h3 { font-size: 17px; line-height: 24px; font-weight: 700; margin: 0 0 17px; }
.sp-mota .noi-dung ul { list-style: disc; padding-left: 38px; margin: 0 0 15px; }
.sp-mota.thu-gon .noi-dung { max-height: 450px; overflow: hidden; }
.sp-mota.thu-gon .noi-dung::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 140px; background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 75%); pointer-events: none; }
.nut-xemthem { display: flex; margin: 10px auto 0; padding: 11px 24px; font-size: 13px; line-height: 13px; position: relative; z-index: 2; }
.sp-mota.thu-gon .nut-xemthem { margin-top: -36px; }
.nut-xemthem .dong { display: none; }
.sp-mota:not(.thu-gon) .nut-xemthem .mo { display: none; }
.sp-mota:not(.thu-gon) .nut-xemthem .dong { display: inline; }

.sp-baiviet { border: 1px solid #ddddde; border-radius: 15px; overflow: hidden; margin: 30px 0 20px; }
.sp-baiviet .dau { display: flex; align-items: center; justify-content: space-between; background: var(--xam); padding: 12px 16px; }
.sp-baiviet .dau h2 { font-size: 14px; line-height: 15px; font-weight: 600; }
.sp-baiviet .dau a { font-size: 12.5px; color: var(--cam); text-decoration: underline; }
.sp-baiviet .ds { padding: 12px 16px 24px; }
.sp-baiviet .anh { display: block; border-radius: 15px; overflow: hidden; margin-bottom: 14px; }
.sp-baiviet .anh img { width: 100%; aspect-ratio: 368 / 207; object-fit: cover; }
.sp-baiviet .tin-ngay { margin-bottom: 5px; }
.sp-baiviet .muc-tin { position: relative; padding-left: 10px; margin-left: 10px; }
.sp-baiviet .muc-tin::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: var(--cam); }
.sp-baiviet h3 { font-size: 15px; line-height: 19px; font-weight: 600; color: var(--chu); }

/* đánh giá — theo .product-review của gốc (điện thoại: 3 khối xếp dọc) */
.sp-danhgia { background: var(--xam); border-radius: 16.67px; padding: 16px; margin-top: 33.33px; }
.dg-tong { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid #ddddde; border-radius: 8.34px; margin-bottom: 11.66px; }
.dg-diem { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; }
.dg-diem .so { display: flex; align-items: center; gap: 10px; font-size: 33.33px; line-height: 42px; font-weight: 800; color: var(--cam); margin-bottom: 3.33px; }
.dg-diem .so svg { width: 28px; height: 28px; }
.dg-diem .chu { font-size: 11.66px; line-height: 20.83px; color: #333; text-align: center; }
.dg-thanh { padding: 16.67px; border-top: 1px solid #ddddde; border-bottom: 1px solid #ddddde; }
.dong-sao { display: flex; align-items: center; }
.dong-sao + .dong-sao { margin-top: 5px; }
.dong-sao .so { font-size: 13.33px; line-height: 20.83px; font-weight: 600; color: rgba(51, 51, 51, .5); margin-right: 8.34px; }
.dong-sao .sao-xam svg { width: 13px; height: 12px; display: block; margin-right: 13.33px; }
.dong-sao .thanh { flex: 1; height: 10.83px; background: #e9e5e5; border-radius: 2.5px; overflow: hidden; }
.dong-sao .thanh i { display: block; height: 100%; background: var(--cam); }
.dong-sao .pt { width: 40px; font-size: 13.33px; line-height: 20.83px; font-weight: 800; color: #243dde; margin-left: 10px; }
.dg-nut { display: flex; align-items: center; justify-content: center; padding: 10px; }
.dg-nut button { font-size: 11.66px; line-height: 20.83px; font-weight: 800; color: #fff; background: #243dde; padding: 10px 11.66px; border-radius: 4.16px; }
.dg-muc { margin-bottom: 18px; }
.dg-xem-them { display: flex; width: max-content; margin: 6px auto 0; padding: 8.34px 25px; font-size: 11.66px; line-height: 11.66px; }
.dg-xem-them.dang-tai { opacity: .6; pointer-events: none; }
.dg-muc .ten { font-size: 13px; line-height: 16px; font-weight: 700; margin-bottom: 12px; }
.dg-muc .nd { display: flex; }
.sao-hang { display: flex; gap: 2px; margin-right: 14px; flex: none; }
.sao-nho svg { width: 11px; height: 11px; display: block; filter: grayscale(1) opacity(.35); }
.sao-nho.day svg { filter: none; }
.dg-muc .loi { font-size: 12px; line-height: 18px; color: #5e5e5e; margin-bottom: 6px; }
.dg-muc .tac { display: flex; align-items: center; font-size: 11px; line-height: 19px; }
.dg-muc .tac a { color: #243dde; }
.dg-muc .tac span { position: relative; color: #999; padding-left: 6px; margin-left: 6px; }
.dg-muc .tac span::before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -1px; border-radius: 50%; background: #999; }

.sp-lienquan { background: var(--xam); padding: 40px 0 46px; }
.sp-lienquan h2 { font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 20px; }

/* thanh mua dính đáy (mobile): hiện khi nút "Nhận tư vấn" đã cuộn khỏi màn hình, thay chỗ thanh điều hướng đáy */
.thanh-mua { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1004; display: flex; gap: 6px; background: #fff; padding: 12px 16px; border-radius: 16.67px 16.67px 0 0; box-shadow: 0 -4px 20px rgba(0, 0, 0, .08); transform: translateY(110%); transition: transform .3s; }
.co-thanh-mua .thanh-mua { transform: none; }
.thanh-day { transition: transform .3s; }
.co-thanh-mua .thanh-day { transform: translateY(110%); }
.thanh-mua a { display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 57px; font-size: 12px; }
.thanh-mua .nut-icon { flex-direction: column; color: var(--cam); padding: 10px; min-width: 71px; }
.thanh-mua .nut-icon svg { width: 18px; height: 18px; margin-bottom: 4px; }
.thanh-mua .nut-mua, .thanh-mua .nut-tragop { flex: 1; color: #fff; font-weight: 700; padding: 0 12px; }
.thanh-mua .nut-mua { background: var(--cam); }
.thanh-mua .nut-tragop { background: #fea120; }

/* =============================================================================
   BÀI VIẾT
   ============================================================================= */
.khung-hep { padding: 0 10px; }
.bv { background: var(--xam); padding: 22px 0 50px; }
.bv-ngay { margin-bottom: 8px; }
.bv-ngay .muc { position: relative; padding-left: 10px; margin-left: 10px; }
.bv-ngay .muc::before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: var(--cam); }
.bv .khung-hep { padding: 0 16px; } /* gốc (điện thoại): bài cách mép 16px */
.bv .noi-dung-bai { font-size: 14px; line-height: 25px; }
.bv-ten { font-size: 25px; line-height: 30px; font-weight: 700; margin-bottom: 12px; }
.bv-tomtat { font-size: 15px; line-height: 21px; font-weight: 600; margin-bottom: 26px; }
.muc-luc { background: #fff; border-radius: 15px; box-shadow: 0 0 15px rgba(0, 0, 0, .05); margin-bottom: 26px; font-family: "Plus Jakarta Sans", Arial, sans-serif; }
.ml-dau { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 20px 16px 14px; border-bottom: 1px solid #eee; text-align: left; }
.ml-dau span { font-size: 16px; line-height: 20.16px; font-weight: 700; color: var(--chu); }
.ml-dau svg { width: 26px; height: 26px; transition: transform .25s; }
.muc-luc:not(.mo) .ml-dau svg { transform: rotate(180deg); }
.muc-luc:not(.mo) .ml-dau { border-bottom-color: transparent; }
.noi-dung-bai .muc-luc ul { list-style: none; padding: 12px 16px 6px; margin: 0; }
.muc-luc:not(.mo) ul { display: none; }
.noi-dung-bai .muc-luc li { margin-bottom: 11px; }
.noi-dung-bai .muc-luc a { font-size: 14px; line-height: 19px; font-weight: 500; color: var(--chu); }
.noi-dung-bai .muc-luc a:hover { color: var(--cam); }
.noi-dung-bai .muc-luc li.cap-2 { padding-left: 22px; }
.noi-dung-bai .muc-luc li.cap-2 a { font-size: 12.5px; line-height: 17px; }
.bv-chan { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; margin-top: 18px; border-top: 1px solid #e3e3e6; border-bottom: 1px solid #e3e3e6; }
.quay-lai { display: flex; align-items: center; gap: 4px; color: var(--cam); }
.quay-lai svg { width: 18px; height: 18px; }
.quay-lai span { font-size: 12px; line-height: 19px; color: var(--chu); }
.chia-se { display: flex; align-items: center; }
.chia-se > span { font-size: 12px; color: var(--chu); }
.chia-se a { margin-left: 11px; width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; color: #fff; }
.chia-se a svg { width: 15px; height: 15px; }
.chia-se .fb { background: #1877f2; }
.chia-se .tg { background: #29a9eb; }
.chia-se .xx { background: none; color: #000; }
.chia-se .xx svg { width: 22px; height: 22px; }
.bv-noibat { background: var(--xam); padding: 0 0 60px; overflow: hidden; }
.bv-noibat .dau { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.bv-noibat .mui-cap { display: flex; gap: 8px; }
.bv-noibat .mui-tron { background: #fff; }
.bv-noibat .mui-tron + .mui-tron { margin-left: 0; }
.bv-noibat .swiper { overflow: visible; }

/* =============================================================================
   TRANG CHÍNH SÁCH (mục bấm mở) + TRANG THƯỜNG
   ============================================================================= */
.cs { background: var(--xam); padding: 30px 0 60px; }
.cs-ten { font-size: 22px; line-height: 28px; font-weight: 700; text-align: center; margin-bottom: 24px; }
.cs-muc { margin-bottom: 12px; }
.cs-hoi { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff; padding: 12px 18px; border-radius: 25px; cursor: pointer; }
.cs-hoi span { font-size: 13.5px; line-height: 19px; font-weight: 600; color: #000; }
.cs-hoi svg { flex: none; width: 19px; height: 19px; transition: transform .25s; }
.cs-muc.mo .cs-hoi svg { transform: rotate(180deg); }
.cs-dap { padding: 14px 12px 4px 16px; }
.trang-nd { background: #fff; border-radius: 15px; padding: 20px 16px; }

/* ---------- máy tính bảng ---------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .vet-dan { padding: 10px 24px; }
  .vet-dan ul { padding: 0; }
  .sp-khung, .khung-hep, .bv .khung-hep { padding: 0 24px; max-width: 900px; margin: 0 auto; }
  .sp-anh-lon .swiper-slide img { height: 420px; }
  .dg-tong { grid-template-columns: 1fr 2fr 1fr; }
  .dg-thanh { grid-column: auto; grid-row: auto; border-top: 0; border-bottom: 0; border-left: 1px solid #ddddde; border-right: 1px solid #ddddde; }
  .dg-nut { border-left: 0; }
  .lien-he-mua { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lien-he-mua .sdt { display: inline-flex; width: auto; margin-bottom: 0; font-size: 14px; line-height: 19px; }
}

/* =============================================================================
   DESKTOP ≥ 1200px
   ============================================================================= */
@media (min-width: 1200px) {
  .vet-dan { padding: .781rem 8.125rem; }
  .vet-dan ul { padding: 0; overflow: visible; }
  .vet-dan li { font-size: .781rem; line-height: 1.042rem; }
  .vet-dan li + li { padding-left: .781rem; margin-left: .781rem; }
  .vet-dan li + li::before { font-size: .8rem; }
  .vet-dan a { gap: .417rem; }

  .popup { width: 32rem; padding: 2.4rem 2.5rem 2rem; border-radius: 1.042rem; }
  .popup-rong { width: 50rem; }
  .popup h2 { font-size: 1.302rem; line-height: 1.7rem; }
  .popup .phu { font-size: .833rem; margin: .3rem 0 1.4rem; }
  .dong-popup { width: 2.2rem; height: 2.2rem; top: .8rem; right: .8rem; }
  .dong-popup svg { width: 1.2rem; height: 1.2rem; }
  .form-tuvan label { font-size: .781rem; margin-bottom: .9rem; }
  .form-tuvan input, .form-tuvan textarea { font-size: .833rem; padding: .7rem .95rem; border-radius: .55rem; margin-top: .35rem; }
  .form-tuvan button[type=submit] { padding: .9rem; font-size: .938rem; }
  .form-tuvan .bao { font-size: .833rem; }
  .chon-sao button svg { width: 2.1rem; height: 2.1rem; }
  .bang-ts tr.ts-nhom th { font-size: .885rem; padding: .6rem .9rem; }
  .bang-ts td { font-size: .781rem; line-height: 1.15rem; padding: .6rem .9rem; }

  .noi-dung-bai { font-size: 1.012rem; line-height: 1.687rem; }
  .noi-dung-bai p { margin-bottom: .781rem; }
  .noi-dung-bai h2 { font-size: 1.35rem; line-height: 1.619rem; margin-bottom: 1.12rem; }
  .noi-dung-bai h3 { font-size: 1.215rem; line-height: 1.619rem; margin-bottom: 1.215rem; }
  .noi-dung-bai ul, .noi-dung-bai ol { padding-left: 2.699rem; margin-bottom: 1.012rem; }
  .noi-dung-bai li { margin-bottom: .312rem; }

  /* sản phẩm: 2 cột 7/5, cột ảnh bên trái */
  .sp-ct { padding: 2.083rem 0 3.958rem; }
  .sp-khung { max-width: 75rem; margin: 0 auto; padding: 0; }
  .sp-hang { flex-direction: row; justify-content: center; align-items: flex-start; }
  .sp-trai, .sp-phai { display: block; }
  .sp-trai { width: 58.333%; padding: 0 2.604rem 0 3.125rem; min-width: 0; }
  .sp-phai { width: 41.667%; padding: 0 3.125rem 0 .675rem; }
  .sp-chinhsach { display: block; }
  .sp-anh { margin-bottom: 3.229rem; }
  .sp-anh-lon { margin-bottom: 2.083rem; }
  .sp-anh-lon .swiper-slide img { height: 25.5rem; }
  .mui-vien { width: 2.09rem; height: 2.09rem; background: transparent; }
  .mui-vien svg { width: 1.4rem; height: 1.4rem; }
  .mui-vien.truoc { left: .97rem; }
  .mui-vien.sau { right: .97rem; }
  .sp-anh-nho { flex: none; width: 26.25rem; }
  .sp-anh-nho .swiper { margin: 0 .625rem; }
  .mui-mong { width: 1.319rem; }
  .mui-mong svg { width: 1.319rem; height: 1.736rem; }
  .o-nho { border-radius: .729rem; }
  .nut-thongso { width: 4.99rem; height: 4.99rem; margin-left: 1.042rem; border-radius: .729rem; font-size: .764rem; gap: .208rem; }
  .nut-thongso svg { width: 2.5rem; height: 2.5rem; }
  .sp-chinhsach { margin-bottom: 1.562rem; }
  .sp-chinhsach .hang { display: flex; padding: 1.25rem 0; border-top: 1px solid #e3e3e6; border-bottom: 1px solid #e3e3e6; }
  .sp-chinhsach h2 { width: 12.96rem; flex: none; font-size: .937rem; line-height: 1.042rem; font-weight: 600; }
  .sp-chinhsach li { display: flex; align-items: center; }
  .sp-chinhsach li + li { margin-top: .781rem; }
  .sp-chinhsach li svg { flex: none; width: 2.09rem; height: 2.02rem; color: var(--cam); margin-right: .625rem; }
  .sp-chinhsach li span { font-size: .729rem; line-height: .937rem; }
  .sp-muacung { margin-bottom: 4.062rem; }
  .sp-muacung h2 { font-size: .937rem; line-height: 1.042rem; margin-bottom: 0; }
  .sp-muacung .swiper { padding: .625rem; margin: 0 -.625rem; }
  .the-nho .anh img { height: 11.47rem; }
  .sp-mota .noi-dung { font-size: 1.012rem; line-height: 1.687rem; }
  .sp-mota .noi-dung p { margin-bottom: 1.518rem; }
  .sp-mota .noi-dung h2 { font-size: 1.35rem; line-height: 1.619rem; margin-bottom: 1.12rem; }
  .sp-mota .noi-dung h3 { font-size: 1.215rem; line-height: 1.619rem; margin-bottom: 1.215rem; }
  .sp-mota .noi-dung ul { padding-left: 2.699rem; margin-bottom: 1.012rem; }
  .sp-mota.thu-gon .noi-dung { max-height: 28.12rem; }
  .sp-mota.thu-gon .noi-dung::after { height: 9rem; }
  .nut-xemthem { padding: .781rem 1.562rem; font-size: .781rem; line-height: .781rem; margin-top: .9rem; }
  .sp-mota.thu-gon .nut-xemthem { margin-top: -2.43rem; }
  .sp-danhgia { padding: 1.771rem 1.667rem; margin-top: 2.083rem; border-radius: 1.042rem; }
  .dg-tong { grid-template-columns: 25% 50% 25%; border-radius: .521rem; margin-bottom: .729rem; }
  .dg-diem { padding: .625rem; }
  .dg-diem .so { font-size: 2.083rem; line-height: 2.625rem; gap: .625rem; margin-bottom: .208rem; }
  .dg-diem .so svg { width: 2.09rem; height: 2.02rem; }
  .dg-diem .chu { font-size: .729rem; line-height: 1.302rem; }
  .dg-thanh { grid-column: auto; grid-row: auto; padding: 1.042rem; border-top: 0; border-bottom: 0; border-left: 1px solid #ddddde; border-right: 1px solid #ddddde; }
  .dong-sao + .dong-sao { margin-top: .312rem; }
  .dong-sao .so { width: auto; font-size: .833rem; line-height: 1.302rem; margin-right: .521rem; }
  .dong-sao .sao-xam svg { width: .877rem; height: .81rem; margin-right: .833rem; }
  .dong-sao .thanh { height: .694rem; border-radius: .156rem; }
  .dong-sao .pt { width: 2.6rem; font-size: .833rem; line-height: 1.302rem; margin-left: .625rem; text-align: left; }
  .dg-nut { border: 0; padding: .625rem; }
  .dg-nut button { font-size: .729rem; line-height: 1.302rem; padding: .625rem .729rem; border-radius: .26rem; }
  .dg-muc { margin-bottom: 1.25rem; }
  .dg-xem-them { margin-top: .4rem; padding: .521rem 1.563rem; font-size: .781rem; line-height: .781rem; }
  .dg-muc .ten { font-size: .833rem; line-height: 1.05rem; margin-bottom: 1.042rem; }
  .sao-hang { gap: .156rem; margin-right: 1.042rem; }
  .sao-nho svg { width: .764rem; height: .764rem; }
  .dg-muc .loi { font-size: .729rem; line-height: 1.146rem; margin-bottom: .521rem; }
  .dg-muc .tac { font-size: .677rem; line-height: 1.302rem; }
  .dg-muc .tac span { padding-left: .312rem; margin-left: .312rem; }

  .sp-ten { font-size: 1.146rem; line-height: 1.448rem; margin-bottom: .26rem; }
  .sp-meta { flex-wrap: nowrap; gap: 0; font-size: .729rem; line-height: .937rem; margin-bottom: .833rem; }
  .sp-meta .danh-gia { gap: .26rem; }
  .sp-meta .danh-gia svg { width: 1.25rem; height: 1.32rem; }
  .sp-meta .ma, .sp-meta .hang-sx { margin-left: 1.562rem; }
  .sp-nhan { gap: .75rem; margin-bottom: 2.083rem; }
  .sp-nhan .nhan { font-size: .729rem; line-height: .937rem; padding: .417rem 1.25rem; border-radius: 5.208rem; }
  .sp-chon { margin-bottom: 2.083rem; }
  .luoi-chon { gap: .417rem; }
  .luoi-mau { margin-top: 1.042rem; }
  .o-chon { padding: 1.042rem .625rem .625rem; border-radius: .625rem; }
  .o-chon strong { font-size: .781rem; line-height: .744rem; margin-bottom: .26rem; }
  .o-chon span { font-size: .677rem; line-height: .744rem; }
  .o-chon .dau-tick { top: .35rem; right: .35rem; width: 1.21rem; height: 1.21rem; }
  .hop-mua { border-radius: 1.562rem; margin-bottom: 0; }
  .hop-than { padding: 1.667rem; }
  .dai-tragop { padding: 1.158rem .625rem .625rem; margin-bottom: .833rem; border-radius: .521rem; }
  .dai-tragop .nho { top: .3rem; font-size: .842rem; line-height: 1.011rem; }
  .dai-tragop .lon { font-size: 1.053rem; line-height: 1.263rem; }
  .gia-tai { font-size: .729rem; line-height: .937rem; }
  .gia-tai > span { margin-right: .417rem; }
  .chon-tinh-sp > svg { width: .75rem; height: .75rem; }
  .chon-tinh-sp ul { min-width: 9rem; border-radius: .521rem; padding: .4rem 0; }
  .chon-tinh-sp li { font-size: .729rem; padding: .55rem .833rem; }
  .gia-lon { margin-bottom: 1.302rem; flex-wrap: nowrap; }
  .gia-lon b { font-size: 1.562rem; line-height: 2.448rem; }
  .gia-lon del { font-size: .885rem; margin: 0 .625rem 0 2.396rem; }
  .gia-lon .pt { font-size: .729rem; line-height: .833rem; padding: .208rem .417rem; }
  .hop-km { border-radius: 1.042rem; padding: 2.188rem 1.25rem 1.667rem; margin-bottom: 1.771rem; }
  .hop-km .tieu-de { top: -.521rem; gap: .312rem; font-size: .729rem; line-height: .833rem; padding: .417rem 1.042rem; border-radius: 2.604rem 2.604rem 2.604rem 0; }
  .hop-km .tieu-de svg { width: 1.25rem; height: 1.25rem; }
  .hop-km li { gap: .521rem; font-size: .729rem; line-height: 1.042rem; }
  .hop-km li + li { margin-top: .625rem; }
  .hop-km li > svg { width: 1.042rem; height: 1.042rem; }
  .nut-tuvan { padding: 1.354rem 1.25rem .937rem; border-radius: .521rem; }
  .nut-tuvan strong { font-size: 1.042rem; line-height: 1.042rem; }
  .nut-tragop-the { margin-top: .469rem; border-radius: .521rem; }
  .nut-tragop-the .trai { padding: .242rem 1.25rem .342rem 1.667rem; }
  .nut-tragop-the .trai > svg { width: 2.29rem; height: 2.29rem; margin-right: 1.042rem; }
  .nut-tragop-the .chu { font-size: 1.042rem; line-height: 1.042rem; }
  .nut-tragop-the .chu small { font-size: .684rem; line-height: 1.042rem; }
  .nut-tragop-the .phai { width: 8.16rem; }
  .nut-tragop-the .phai::before { left: -.6rem; width: 1.2rem; }
  .nut-tragop-the .phai b { font-size: 2.604rem; line-height: 1.562rem; margin-right: .2rem; }
  .nut-tragop-the .phai span { font-size: .729rem; line-height: 1.042rem; }
  .gach-hoac { margin: 1.25rem 0; }
  .gach-hoac span { font-size: .729rem; line-height: .937rem; padding: 0 .833rem; }
  .lien-he-mua { gap: 0; }
  .lien-he-mua .td { font-size: .729rem; line-height: .937rem; margin-bottom: .104rem; }
  .lien-he-mua .mt { font-size: .521rem; line-height: .937rem; margin-bottom: .312rem; }
  .lien-he-mua .sdt { gap: .312rem; padding: .417rem 1.042rem; border-radius: 2.604rem; font-size: 1.042rem; line-height: 1.302rem; }
  .lien-he-mua .sdt svg { width: 1.771rem; height: 1.771rem; margin-right: 0; }
  .lien-he-mua .sdt:hover { background: var(--cam); color: #fff; }
  .lien-he-mua .mxh { gap: .625rem; }
  .lien-he-mua .mxh a { width: 3.5rem; height: 3.5rem; }
  .lien-he-mua .zalo { font-size: .8rem; }
  .lien-he-mua .mess svg { width: 2.1rem; height: 2.1rem; }
  .hop-chan { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.228rem; padding: 1.25rem 1.667rem; }
  .sp-cs-mb { display: none; }
  .hop-chan strong { font-size: .937rem; line-height: 1.042rem; margin-bottom: .3rem; }
  .hop-chan span { font-size: .729rem; line-height: .937rem; }
  .hop-chan .nut { padding: .781rem 1.562rem; font-size: .781rem; line-height: .781rem; }
  .sp-thongso { border-radius: 1.042rem; margin: 1.042rem 0; }
  .sp-thongso th, .sp-thongso thead td { padding: .781rem 1.302rem; }
  .sp-thongso th h2 { font-size: .885rem; line-height: .937rem; }
  .sp-thongso thead a { font-size: .833rem; line-height: 1.05rem; }
  .sp-thongso tbody td { font-size: .729rem; line-height: 1.146rem; padding: .781rem 1.302rem; }
  .sp-baiviet { border-radius: 1.042rem; margin: 0; }
  .sp-baiviet .dau { padding: .833rem 1.25rem; }
  .sp-baiviet .dau h2 { font-size: .885rem; line-height: .937rem; }
  .sp-baiviet .dau a { font-size: .833rem; line-height: 1.042rem; }
  .sp-baiviet .ds { padding: .833rem 1.25rem 2.083rem; }
  .sp-baiviet .anh { border-radius: 1.042rem; margin-bottom: 1.042rem; }
  .sp-baiviet .tin-ngay { margin-bottom: .312rem; }
  .sp-baiviet .muc-tin { padding-left: .625rem; margin-left: .625rem; }
  .sp-baiviet .muc-tin::before { width: .25rem; height: .25rem; margin-top: -.125rem; }
  .sp-baiviet h3 { font-size: 1.042rem; line-height: 1.313rem; }
  .sp-lienquan { padding: 4.479rem 0 4.271rem; }
  .sp-lienquan h2 { font-size: 1.5rem; line-height: 1.9rem; margin-bottom: 2.083rem; }
  .thanh-mua { display: none; }

  /* bài viết */
  .khung-hep { max-width: 57.29rem; margin: 0 auto; padding: 0; }
  .bv .khung-hep { padding: 0; }
  .bv .noi-dung-bai { font-size: 1.012rem; line-height: 1.687rem; }
  .bv { padding: 2.188rem 0 6.406rem; }
  .bv-ngay { justify-content: center; margin-bottom: .729rem; }
  .bv-ngay .muc { padding-left: .625rem; margin-left: .625rem; }
  .bv-ngay .muc::before { width: .25rem; height: .25rem; margin-top: -.125rem; }
  .bv-ten { font-size: 1.823rem; line-height: 2.083rem; text-align: center; margin-bottom: 1.221rem; }
  .bv-tomtat { font-size: 1.042rem; line-height: 1.458rem; text-align: center; margin-bottom: 3.125rem; }
  .muc-luc { border-radius: 1.042rem; box-shadow: 0 0 1.042rem rgba(0, 0, 0, .05); margin-bottom: 2.083rem; }
  .ml-dau { padding: 1.875rem 1.562rem 1.042rem 2.708rem; }
  .ml-dau span { font-size: 1.302rem; line-height: 1.354rem; }
  .ml-dau svg { width: 2rem; height: 2rem; }
  .noi-dung-bai .muc-luc ul { padding: 1.042rem 2.708rem .729rem; }
  .noi-dung-bai .muc-luc li { margin-bottom: .833rem; }
  .noi-dung-bai .muc-luc a { font-size: 1.042rem; line-height: 1.354rem; }
  .noi-dung-bai .muc-luc li.cap-2 { padding-left: 1.6rem; }
  .noi-dung-bai .muc-luc li.cap-2 a { font-size: .833rem; line-height: 1.146rem; }
  .bv-chan { padding: .625rem 0; margin-top: 1.25rem; }
  .quay-lai { gap: .312rem; }
  .quay-lai svg { width: 1.21rem; height: 1.28rem; }
  .quay-lai span, .chia-se > span { font-size: .729rem; line-height: 1.302rem; }
  .chia-se a { margin-left: .781rem; width: 1.69rem; height: 1.69rem; }
  .chia-se a svg { width: 1rem; height: 1rem; }
  .chia-se .xx svg { width: 1.5rem; height: 1.5rem; }
  .bv-noibat { padding: 0 0 5.625rem; }
  .bv-noibat .dau { margin-bottom: 1.562rem; }
  .bv-noibat .mui-cap { gap: .729rem; }

  /* chính sách + trang */
  .cs { padding: 4.062rem 0 8.698rem; }
  .cs-ten { font-size: 1.823rem; line-height: 2.083rem; margin-bottom: 2.604rem; }
  .cs-muc { margin-bottom: .937rem; }
  .cs-hoi { padding: .833rem 1.979rem; border-radius: 5.208rem; }
  .cs-hoi span { font-size: .937rem; line-height: 1.354rem; }
  .cs-hoi svg { width: 1.28rem; height: 1.62rem; margin-left: .937rem; }
  .cs-dap { padding: 1.2rem 6.406rem .6rem 2.5rem; }
  .trang-nd { border-radius: 1.042rem; padding: 2.4rem 2.8rem; }
}