/* Thanh toán một trang kiểu TGDĐ (thanh-toan-mot-trang.php). Chỉ nạp ở /thanh-toan/.
   Màu theo bộ thiết kế DishwasherHub: xanh #10294A (đậm #0A434A), cam hành động
   #B4532A (đậm #A8461F), chữ chính #141B24, chữ phụ #5E646C, viền #DEE2E5. */

.woocommerce-checkout form.checkout { display: block !important; max-width: 720px; margin: 0 auto; }
.woocommerce-checkout form.checkout #order_review_heading { font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: #10294A; margin: 22px 0 10px; }

/* Thẻ địa chỉ */
.dh-tt-the { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: #FFFFFF; border: 1px solid #DEE2E5; border-radius: 14px; padding: 14px 16px; cursor: pointer; font: inherit; color: #141B24; }
.dh-tt-the:hover { border-color: #10294A; }
.dh-tt-the-icon { flex: none; font-size: 20px; }
.dh-tt-the-chu { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.dh-tt-the-1 { font-size: 15.5px; font-weight: 700; line-height: 1.3; }
.dh-tt-the-2 { font-size: 14px; color: #A8461F; font-weight: 600; }
.dh-tt-the--du .dh-tt-the-2 { color: #5E646C; font-weight: 500; }
.dh-tt-the-mui { flex: none; font-size: 24px; color: #10294A; line-height: 1; }

/* Cửa sổ */
.dh-tt-modal { position: fixed; inset: 0; z-index: 90; background: rgba(11, 30, 40, .55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.dh-tt-modal[hidden] { display: none; }
.dh-tt-modal-hop { background: #FFFFFF; border-radius: 18px; width: min(640px, 100%); max-height: calc(100vh - 32px); display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 24px 60px rgba(11, 42, 51, .3); }
.dh-tt-modal-dau { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid #DEE2E5; font-weight: 700; font-size: 16.5px; color: #141B24; }
.dh-tt-dong { border: 0; background: transparent; font-size: 26px; line-height: 1; color: #5E646C; cursor: pointer; padding: 2px 6px; }
.dh-tt-modal-than { flex: 1; overflow-y: auto; padding: 16px 18px 6px; }
.dh-tt-modal-chan { padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #DEE2E5; background: #F9FAFC; }
.dh-tt-xac-nhan { width: 100%; border: 0; border-radius: 12px; background: #B4532A; color: #FFFFFF; font: inherit; font-weight: 700; font-size: 16px; padding: 14px; cursor: pointer; }
.dh-tt-xac-nhan:hover { background: #A8461F; }
.dh-tt-loi { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #B3261E; }
body.dh-tt-modal-mo { overflow: hidden; }
@media (max-width: 700px) {
	.dh-tt-modal { padding: 0; align-items: flex-end; }
	.dh-tt-modal-hop { width: 100%; max-height: 100vh; border-radius: 18px 18px 0 0; }
}

/* Trong cửa sổ: bỏ lưới hai cột của WooCommerce, gọn từng ô */
.dh-tt-modal #customer_details.col2-set { display: block; }
.dh-tt-modal #customer_details .col-1, .dh-tt-modal #customer_details .col-2 { width: 100%; float: none; }
.dh-tt-modal .woocommerce-billing-fields > h3 { display: none; }
.dh-tt-modal .form-row { margin-bottom: 12px; }
.dh-tt-modal .form-row label { font-size: 13px; }
/* Xưng hô Anh/Chị: radio của WooCommerce vẽ nhãn + input rời */
.dh-tt-modal .dh-tt-xung-ho .optional { display: none; } /* Woo gắn "(tuỳ chọn)" vào cả nhãn lẫn từng ô radio */
.dh-tt-modal .dh-tt-xung-ho > label:first-child { display: block; font-weight: 700; font-size: 14px; color: #141B24; margin-bottom: 8px; }
.dh-tt-modal .dh-tt-xung-ho .input-radio { margin: 0 6px 0 0; }
.dh-tt-modal .dh-tt-xung-ho label.radio { display: inline-flex; align-items: center; margin-right: 22px; font-size: 15px; }
.dh-tt-modal .woocommerce-shipping-fields > h3 { font-size: 15px; margin: 10px 0 6px; }
.dh-tt-modal .woocommerce-shipping-fields > h3 label { font-weight: 600; font-size: 14.5px; }

/* Bảng đơn: ảnh + tên + bộ đếm */
.woocommerce-checkout #order_review table.shop_table td { vertical-align: middle; }
.woocommerce-checkout #order_review td.product-name { width: auto; }
.woocommerce-checkout #order_review td.product-price, .woocommerce-checkout #order_review th.product-price { display: none !important; } /* giá đơn vị cạnh thành tiền là trùng, chỉ giữ Thành tiền */
.woocommerce-checkout #order_review td.product-qty { width: 190px; text-align: right; white-space: nowrap; }
.woocommerce-checkout #order_review td.product-total { width: 120px; text-align: right; white-space: nowrap; }
.woocommerce-checkout #order_review table.shop_table tfoot td { white-space: nowrap; padding-left: 16px !important; }
.woocommerce-checkout #order_review td.product-name .dh-anh-don { margin-right: 12px; display: inline-flex; }
.woocommerce-checkout #order_review td.product-name .dh-anh-don img { width: 40px; height: 40px; object-fit: contain; border-radius: 6px; border: 1px solid #EEF0F3; vertical-align: middle; }
.woocommerce-checkout #order_review .shop_table thead { display: none; }
.woocommerce-checkout #order_review td.product-name { font-weight: 700; }
.dh-tt-sl { display: inline-flex; align-items: center; border: 1px solid #DEE2E5; border-radius: 10px; overflow: hidden; vertical-align: middle; }
.dh-tt-sl button { border: 0; background: #FFFFFF; width: 34px; height: 34px; font-size: 18px; color: #10294A; cursor: pointer; }
.dh-tt-sl .product-quantity { min-width: 32px; text-align: center; font-weight: 700; font-size: 15px; }
.dh-tt-sl.dh-tt-cho { opacity: .5; pointer-events: none; }
.dh-tt-xoa { border: 0; background: transparent; color: #B3261E; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; margin-left: 10px; text-decoration: underline; }
.woocommerce-checkout #order_review .dh-sl-mob { display: none !important; }

/* Mua kèm: dải cuộn ngang */
.dh-tt-mua-kem { background: #F9FAFC; border: 1px solid #DEE2E5; border-radius: 14px; padding: 12px; width: 0; min-width: 100%; box-sizing: border-box; }
.dh-tt-mua-kem-dau { font-weight: 700; font-size: 14px; color: #141B24; margin-bottom: 10px; }
.dh-tt-mua-kem-cuon { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.dh-tt-mk { flex: 0 0 200px; scroll-snap-align: start; display: grid; grid-template-columns: 56px 1fr; grid-template-rows: auto auto; gap: 6px 10px; background: #FFFFFF; border: 1px solid #DEE2E5; border-radius: 12px; padding: 10px; }
.dh-tt-mk > a:first-child { grid-row: 1 / 3; width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: #F9FAFC; }
.dh-tt-mk img { width: 100%; height: 100%; object-fit: contain; display: block; }
.dh-tt-mk-chu { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dh-tt-mk-chu a { font-size: 13px; font-weight: 700; color: #141B24; line-height: 1.3; }
.dh-tt-mk-chu span { font-size: 13px; color: #B4532A; font-weight: 700; }
.dh-tt-mk-chu .woocommerce-Price-amount { color: inherit; }
.dh-tt-mk-nut { grid-column: 2; justify-self: start; border: 1.5px solid #10294A; background: #FFFFFF; color: #10294A; font: inherit; font-size: 12.5px; font-weight: 700; padding: 5px 10px; border-radius: 8px; cursor: pointer; }
.dh-tt-mk-nut[disabled] { opacity: .6; }
.woocommerce-checkout #order_review tr.dh-tt-mua-kem-hang td { padding: 12px 0 !important; border: 0 !important; }
.woocommerce-checkout #order_review table.shop_table { width: 100%; table-layout: auto; }

/* Tổng cộng của bảng ẩn đi (đã có khối Tổng tiền dưới mã giảm) */
.woocommerce-checkout #order_review tr.order-total { display: none !important; }

/* Yêu cầu đặc biệt, mã giảm, tổng tiền */
.dh-tt-khoi { background: #FFFFFF; border: 1px solid #DEE2E5; border-radius: 14px; padding: 14px 16px; margin: 14px 0; }
.dh-tt-khoi-dau { font-weight: 700; font-size: 15px; color: #141B24; margin-bottom: 8px; }
.dh-tt-sp-quy, .dh-tt-sp-goc { display: none; } /* chỉ hiện ở khổ điện thoại */

/* Tiêu đề "Yêu cầu đặc biệt" là <summary> của một <details> (gập lại ở khổ
   điện thoại). Ở màn rộng phải trông y như .dh-tt-khoi-dau cũ: không mũi tên
   mặc định của trình duyệt, không dòng tóm tắt, bấm vào không gập. */
.dh-tt-yc-dau { font-weight: 700; font-size: 15px; color: #141B24; margin-bottom: 8px; list-style: none; }
.dh-tt-yc-dau::-webkit-details-marker { display: none; }
@media (min-width: 768px) {
	.dh-tt-yc-dau { pointer-events: none; }
	.dh-tt-yc-tom,
	.dh-tt-yc-dau .dh-tt-the-mui { display: none; }
}
.dh-tt-o { display: flex; align-items: center; gap: 10px; padding: 9px 0; font-size: 14.5px; color: #141B24; cursor: pointer; }
.dh-tt-o input { width: 18px; height: 18px; accent-color: #10294A; margin: 0; }
.dh-tt-ghi-cho .woocommerce-additional-fields { margin: 4px 0 8px 28px; }
.dh-tt-ghi-cho .woocommerce-additional-fields > h3 { display: none; }
.dh-tt-ghi-cho textarea { min-height: 80px; }
.dh-tt-ma { padding: 0; overflow: hidden; }
.dh-tt-ma-mo { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 0; background: transparent; padding: 14px 16px; font: inherit; font-size: 14.5px; font-weight: 700; color: #141B24; cursor: pointer; text-align: left; }
.dh-tt-ma-o { display: flex; gap: 8px; padding: 0 16px 14px; }
.dh-tt-ma-o[hidden] { display: none; }
.dh-tt-ma-nhap { flex: 1; min-width: 0; border: 1px solid #DEE2E5; border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 15px; text-transform: uppercase; }
.dh-tt-ma-ap { border: 0; border-radius: 10px; background: #B4532A; color: #FFFFFF; font: inherit; font-weight: 700; padding: 10px 16px; cursor: pointer; }
.dh-tt-ma-ap:hover { background: #0A434A; }
.dh-tt-ma-bao { margin: 0; padding: 0 16px 12px; font-size: 13.5px; color: #10294A; font-weight: 600; }
.dh-tt-ma-bao--loi { color: #B3261E; }
.dh-tt-tong-hang { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.dh-tt-tong-hang span { font-weight: 700; font-size: 15px; color: #141B24; }
.dh-tt-tong-so { font-size: 24px; font-weight: 700; color: #B4532A; font-family: 'JetBrains Mono',ui-monospace,monospace; }
.dh-tt-tong-vat { text-align: right; font-size: 12.5px; color: #5E646C; }
.woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout form.checkout_coupon { display: none !important; }

/* Hình thức thanh toán gọn như TGDĐ: ô tròn + biểu tượng + tên, không khung */
.dh-tt-tt-dau { margin: 18px 0 4px; font-size: 15px; }
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method { border: 0 !important; background: transparent !important; padding: 9px 0 !important; margin: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method:has(input:checked) { background: transparent !important; border: 0 !important; }
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method > label { text-transform: none !important; letter-spacing: 0 !important; font-size: 15px !important; font-weight: 600 !important; color: #141B24 !important; padding: 0 !important; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
/* 27/10/2026 tối, anh Mừng: "thay 2 icon chỗ này bằng kiểu icon mới như Điện Máy Xanh — cả mobile
   và desktop". Emoji 🏦/💵 (mỗi máy vẽ một kiểu, rộng khác nhau) → icon nét 1.6 xanh nhạt #E9A07C
   nhúng SVG data-URI, ô 22×22 cố định. Thẻ mặc định 💳 cũng đổi. */
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method > label::before { content: ''; display: inline-block; flex: none; width: 22px; height: 22px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B9BE0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E"); }
body.woocommerce-checkout ul.wc_payment_methods li.payment_method_dh_qr > label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B9BE0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 4l9 5.5z'/%3E%3Cpath d='M5 9.5v8M9.5 9.5v8M14.5 9.5v8M19 9.5v8'/%3E%3Cpath d='M3 17.5h18M3 20.5h18'/%3E%3C/svg%3E"); }
body.woocommerce-checkout ul.wc_payment_methods li.payment_method_cod > label::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B9BE0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6.5' width='19' height='11' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 10.5v3M18 10.5v3'/%3E%3C/svg%3E"); }
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method > .payment_box { display: none !important; }
body.woocommerce-checkout #payment { border: 0; background: transparent; padding: 0; }
body.woocommerce-checkout #payment .place-order { text-align: center; }
body.woocommerce-checkout #place_order { width: 100% !important; min-width: 0; margin-left: 0; display: block; font-size: 17px !important; padding: 15px !important; background: #B4532A !important; border-color: #B4532A !important; }
body.woocommerce-checkout #place_order:hover { background: #A8461F !important; border-color: #A8461F !important; }

/* Điện thoại: giữ một hàng cho mỗi món (ảnh · tên · bộ đếm · Xoá · thành tiền) */
@media (max-width: 700px) {
	.woocommerce-checkout form.checkout { font-size: 14px; }
	.woocommerce-checkout form.checkout #order_review_heading { font-size: 13px; margin: 16px 0 6px; }
	.dh-tt-the { padding: 10px 12px; gap: 10px; }
	.dh-tt-the-1 { font-size: 14px; }
	.dh-tt-the-2 { font-size: 12.5px; }
	.woocommerce-checkout #order_review tr.cart_item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 0 8px; align-items: center; padding: 10px 0; }
	.woocommerce-checkout #order_review tr.cart_item td.product-qty { display: flex !important; flex-direction: column; align-items: center; gap: 2px; }
	.woocommerce-checkout #order_review tr.cart_item td.product-total { min-width: 84px; }
	.woocommerce-checkout #order_review tr.cart_item td { display: block; padding: 0 !important; border: 0 !important; width: auto; }
	.woocommerce-checkout #order_review tr.cart_item td::before { display: none !important; }
	.woocommerce-checkout #order_review tr.cart_item td.product-name { font-size: 13px; line-height: 1.3; display: flex; align-items: center; gap: 8px; min-width: 0; }
	.woocommerce-checkout #order_review tr.cart_item td.product-name .dh-anh-don { flex: none; margin-right: 0; }
	.woocommerce-checkout #order_review tr.cart_item td.product-name .dh-anh-don img { width: 34px; height: 34px; }
	.woocommerce-checkout #order_review tr.cart_item td.product-price { display: none !important; }
	.dh-tt-sl button { width: 26px; height: 26px; font-size: 15px; }
	.dh-tt-sl .product-quantity { min-width: 24px; font-size: 13px; }
	.dh-tt-xoa { font-size: 11.5px; margin-left: 0; }
	.woocommerce-checkout #order_review tr.cart_item td.product-total { font-size: 13.5px; font-weight: 700; white-space: nowrap; text-align: right; }
	.woocommerce-checkout #order_review tfoot th, .woocommerce-checkout #order_review tfoot td { font-size: 14px !important; padding: 8px 0 !important; }
	.dh-tt-mua-kem { padding: 10px; }
	.dh-tt-mua-kem-dau { font-size: 13px; }
	.dh-tt-mk { flex-basis: 168px; padding: 8px; gap: 4px 8px; grid-template-columns: 44px 1fr; }
	.dh-tt-mk > a:first-child { width: 44px; height: 44px; }
	.dh-tt-mk-chu a { font-size: 12px; }
	.dh-tt-mk-chu span { font-size: 12px; }
	.dh-tt-mk-nut { font-size: 12px; padding: 4px 9px; }
	.dh-tt-khoi { padding: 12px 14px; margin: 12px 0; }
	.dh-tt-khoi-dau { font-size: 14px; }
	.dh-tt-o { font-size: 13.5px; padding: 8px 0; }
	.dh-tt-ma-mo { font-size: 13.5px; padding: 12px 14px; }
	.dh-tt-tong-hang span { font-size: 14px; }
	.dh-tt-tong-so { font-size: 20px; }
	.dh-tt-tong-vat { font-size: 12px; }
	.dh-tt-tt-dau { font-size: 14px; margin: 14px 0 2px; }
	body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method > label { font-size: 13.5px !important; white-space: nowrap; }
	body.woocommerce-checkout #place_order { font-size: 16px !important; padding: 13px !important; }
}

/* Trang thanh toán gọn (body.dh-tt-gon): không đầu trang đầy đủ, không chân trang.
   page.php không có header.php/footer.php riêng (mỗi khuôn tự vẽ nav + chân trang
   trong .dh-desk/.dh-mob) nên ẩn theo cấu trúc: khối đầu là div đầu tiên, chân
   trang desktop là div nền #141B24, thanh chốt đáy mobile là div sticky cuối. */
body.dh-tt-gon .dh-desk > div:first-child,
body.dh-tt-gon .dh-desk > div[style*="1B2A33"],
body.dh-tt-gon .dh-mob > div:first-child,
body.dh-tt-gon .dh-mob > div[style*="sticky;bottom:0"] { display: none !important; }
body.dh-tt-gon .dh-desk > main, body.dh-tt-gon .dh-mob > main { padding-top: 0 !important; }
body.dh-tt-gon .dh-tt-thanh-dau { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 12px; max-width: 720px; margin: 0 auto 14px; padding: 10px 0; background: #FFFFFF; border-bottom: 1px solid #DEE2E5; }
body.dh-tt-gon .dh-tt-lui { flex: none; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #DEE2E5; border-radius: 10px; background: #FFFFFF; color: #141B24; font-size: 24px; line-height: 1; text-decoration: none; }
body.dh-tt-gon .dh-tt-logo { font-weight: 700; font-size: 16px; color: #10294A; }
body.dh-tt-gon .dh-tt-thanh-ten { font-weight: 700; font-size: 16px; color: #141B24; margin-left: auto; }
body.dh-tt-gon .dh-tt-tro-giup { margin-left: 12px; font-size: 13px; font-weight: 700; color: #10294A; text-decoration: none; }
@media (max-width: 700px) {
	body.dh-tt-gon .dh-tt-thanh-dau { margin: 0 -14px 12px; padding: 8px 12px; }
	body.dh-tt-gon .dh-tt-tro-giup { font-size: 12px; }
}


/* ---- 30/09/2026: chép theo hướng dẫn thanh toán froga.vn ---- */
/* Ô đồng ý ngay trên nút Đặt hàng */
.dh-tt-dong-y { display: grid; gap: 10px; margin: 0 0 14px; }
.dh-tt-o-dong-y { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.55; color: #3A414C; cursor: pointer; }
.dh-tt-o-dong-y input { width: 20px; height: 20px; min-width: 20px; margin: 1px 0 0; accent-color: #10294A; }
.dh-tt-o-dong-y a { color: #10294A; }
/* Dòng nhắc 34 tỉnh thành */
.dh-tt-nhac-hc { background: #F9FAFC; border-radius: 10px; padding: 10px 12px; }

/* Thanh chốt dính đáy — CHỈ ở khổ điện thoại, và chỉ trên trang thanh toán.
   Theme đã có thanh đáy riêng, body.dh-tt-gon ẩn nó đi nên không chồng hai thanh. */
.dh-tt-chot { display: none; }
@media (max-width: 700px) {
  body.dh-tt-gon .dh-tt-chot {
    display: flex; align-items: center; gap: 12px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    background: #FFFFFF; border-top: 1px solid #DEE2E5;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); box-sizing: border-box;
  }
  body.dh-tt-gon .dh-tt-chot-tien { display: grid; line-height: 1.25; }
  body.dh-tt-gon .dh-tt-chot-nhan { font-size: 12px; color: #5E646C; }
  body.dh-tt-gon .dh-tt-chot-nut {
    margin-left: auto; min-height: 44px; padding: 0 22px; border: 0; border-radius: 999px;
    background: #B4532A; color: #fff; font-size: 16px; font-weight: 600; font-family: inherit; cursor: pointer;
  }
  body.dh-tt-gon { padding-bottom: 78px; }
}

/* ---- 30/09/2026: khớp lại với khung bản 3 ----
   Luật cũ viết theo bản v2 (.dh-desk / .dh-mob) nên không ăn: bản 3 dựng bằng
   <header>, <nav data-hmob>, <footer>. Trang thanh toán phải "chỉ còn việc đặt
   hàng": giấu đầu trang, thanh đáy và chân trang. */
body.dh-tt-gon > header,
body.dh-tt-gon > .dh4-dai,
body.dh-tt-gon > nav[data-hmob],
body.dh-tt-gon > footer,
body.dh-tt-gon .dh-ruot > header,
body.dh-tt-gon .dh-ruot > footer { display: none !important; }
body.dh-tt-gon main, body.dh-tt-gon .dh-ruot { padding-top: 0 !important; }
/* Nút đặt hàng theo tông chính của bản 3 (xanh ngọc), không phải cam */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout #place_order:hover { background: #B4532A !important; border-color: #B4532A !important; }
body.woocommerce-checkout #place_order:hover { background: #0A434A !important; }

@media (max-width: 700px) {
	/* Mỗi món xuống hai hàng: tên đủ chỗ ở hàng trên, bộ đếm và tiền ở hàng dưới.
	   Trước đó tên bị bóp còn một từ mỗi dòng, bộ đếm đè lên ảnh. */
	.woocommerce-checkout #order_review tr.cart_item {
		grid-template-columns: minmax(0, 1fr) auto !important;
		row-gap: 8px !important;
		padding: 10px 0 !important;
		border-bottom: 1px solid #EEF0F3;
	}
	.woocommerce-checkout #order_review tr.cart_item td.product-name {
		grid-column: 1 / -1; align-items: flex-start !important; gap: 10px !important; font-size: 14px !important;
	}
	.woocommerce-checkout #order_review tr.cart_item td.product-name .dh-anh-don img { width: 44px !important; height: 44px !important; border-radius: 8px; }
	.woocommerce-checkout #order_review tr.cart_item td.product-qty { align-items: flex-start !important; flex-direction: row !important; gap: 12px !important; }
	.woocommerce-checkout #order_review tr.cart_item td.product-total { align-self: center; }
	.dh-tt-sl button { width: 34px !important; height: 34px !important; }
	.dh-tt-xoa { min-height: 34px; }
}

@media (max-width: 700px) {
	/* Mỗi món: tên chiếm trọn hàng trên, bộ đếm và tiền ở hàng dưới.
	   Dùng grid-template-areas cho chắc, đừng để cột tự co. */
	.woocommerce-checkout #order_review tr.cart_item {
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		grid-template-areas: "ten ten" "sl tien" !important;
	}
	.woocommerce-checkout #order_review tr.cart_item td.product-name { grid-area: ten; }
	.woocommerce-checkout #order_review tr.cart_item td.product-qty { grid-area: sl; }
	.woocommerce-checkout #order_review tr.cart_item td.product-total { grid-area: tien; align-self: center; text-align: right; }
	.dh-tt-sl { display: inline-flex !important; align-items: center; gap: 2px; flex: none; }
	.dh-tt-sl .product-quantity { min-width: 28px !important; text-align: center; }
}

@media (max-width: 700px) {
	/* Bảng đơn ở khổ điện thoại: cho bảng chạy theo khối, tfoot thành hàng
	   nhãn — số. Trước đó dòng "Tạm tính" mất số và dòng "Giao hàng" bị cắt
	   mép phải vì bảng rộng hơn màn hình. */
	.woocommerce-checkout #order_review table.shop_table { display: block; width: 100% !important; max-width: 100%; }
	.woocommerce-checkout #order_review table.shop_table thead { display: none; }
	.woocommerce-checkout #order_review table.shop_table tbody,
	.woocommerce-checkout #order_review table.shop_table tfoot { display: block; width: 100%; }
	.woocommerce-checkout #order_review tr.dh-tt-mua-kem-hang,
	.woocommerce-checkout #order_review tr.dh-tt-mua-kem-hang > td { display: block; width: 100%; max-width: 100%; }
	.woocommerce-checkout #order_review tfoot tr { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; width: 100%; }
	.woocommerce-checkout #order_review tfoot th,
	.woocommerce-checkout #order_review tfoot td { display: block !important; width: auto !important; text-align: right; padding: 8px 0 !important; }
	.woocommerce-checkout #order_review tfoot th { text-align: left; font-weight: 600; }
	/* Nút "Xem giỏ hàng" của lời báo thêm vào giỏ: giỏ giờ quay về chính trang này */
	body.woocommerce-checkout .woocommerce-message .button { display: none !important; }
}

/* ==========================================================================
   06/10/2026 — xếp cho giống froga.vn: dải ba bước, ba lời hứa, lối về giỏ
   ========================================================================== */

/* ---------- Dải ba bước: Giỏ hàng · Thanh toán · Hoàn tất ---------- */
.dh-buoc {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 22px;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.dh-buoc li { display: flex; align-items: center; gap: 9px; }
.dh-buoc-so {
	flex: none;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 12.5px;
	font-weight: 800;
	background: #DEE2E5;
	color: #7D8E91;
}
.dh-buoc-ten {
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: #5E646C;
}
.dh-buoc .dh-buoc-dang .dh-buoc-so { background: #10294A; color: #FFFFFF; }
.dh-buoc .dh-buoc-dang .dh-buoc-ten { color: #141B24; }
.dh-buoc .dh-buoc-xong .dh-buoc-so { background: #BBD0E8; color: #10294A; }
.dh-buoc .dh-buoc-xong .dh-buoc-ten { color: #10294A; }
body.woocommerce-checkout ol.dh-buoc { max-width: 720px; margin-left: auto; margin-right: auto; }

/* ---------- Ba lời hứa dưới nút Đặt hàng ---------- */
/* WooCommerce đặt `width:0` cho `.form-row.place-order` (nó vốn chỉ bọc đúng
   cái nút). Ba viên nằm trong đó nên bị bóp còn 40px, chữ rơi mỗi dòng một từ
   — anh Mừng gửi ảnh 06/10/2026. Phải trả lại bề ngang cho thẻ bọc trước. */
.woocommerce-checkout #payment .form-row.place-order,
.woocommerce-checkout .form-row.place-order {
	width: 100% !important;
	box-sizing: border-box;
}
.dh-tin-cay {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
	margin: 14px 0 0;
}
.dh-tin-cay span {
	min-width: 0;
	text-align: center;
	background: #EEF1F6;
	color: #10294A;
	border-radius: 999px;
	padding: 8px 10px;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.35;
}

/* ---------- Lối quay lại sửa giỏ ---------- */
.dh-ve-gio {
	display: block;
	width: 100%;
	text-align: center;
	margin: 14px 0 4px;
	font-size: 14px;
	font-weight: 600;
	color: #10294A;
	text-decoration: none;
}
.dh-ve-gio:hover { text-decoration: underline; }

/* ---------- Giá món mua kèm đang giảm: một dòng, không chen chúc ---------- */
.dh-tt-mk-chu del { font-size: 11.5px; font-weight: 600; color: #A2A8B0; text-decoration: line-through; margin-right: 5px; }
.dh-tt-mk-chu ins { text-decoration: none; background: transparent; color: #B4532A; font-weight: 700; }
/* CHỈ thẻ span CON TRỰC TIẾP mới xuống dòng riêng. Viết trần ".dh-tt-mk-chu span"
   là trúng luôn .woocommerce-Price-amount và .woocommerce-Price-currencySymbol
   bên trong, làm số tiền và dấu ₫ mỗi thứ một dòng (vấp 06/10/2026). */
.dh-tt-mk-chu > span { display: block; line-height: 1.35; white-space: nowrap; }
.dh-tt-mk-chu > span span { display: inline; }
.dh-tt-mk-chu a { text-decoration: none; }
.dh-tt-mk-chu a:hover { text-decoration: underline; }

/* ---------- Tên món trong bảng đơn: xuống dòng tử tế, không tràn thẻ ---------- */
.woocommerce-checkout #order_review td.product-name {
	overflow-wrap: anywhere;
	line-height: 1.4;
	padding-right: 10px !important;
}
.woocommerce-checkout #order_review table.shop_table tbody td { padding-top: 12px !important; padding-bottom: 12px !important; }

/* Tiêu đề "Thanh toán" của trang trùng với chữ trong thanh mỏng — ẩn cái của trang. */
body.dh-tt-gon .dh-ruot > h1,
body.dh-tt-gon .entry-title { display: none !important; }

@media (max-width: 700px) {
	.dh-buoc { gap: 8px 12px; margin-bottom: 14px; }
	.dh-buoc-ten { font-size: 10px; letter-spacing: .8px; }
	.dh-buoc-so { width: 21px; height: 21px; font-size: 11.5px; }
	/* Ba viên vẫn ba cột ở khổ 430px, nhưng đổi sang bản chữ NGẮN cho vừa.
	   Giấu chữ dài bằng font-size:0 rồi in data-ngan ở ::before. */
	.dh-tin-cay { gap: 6px; }
	.dh-tin-cay span { font-size: 0; padding: 7px 5px; }
	.dh-tin-cay span::before { content: attr(data-ngan); font-size: 11px; }
}

/* ---------- Hoá đơn điện tử (khối dời vào mục Yêu cầu đặc biệt) ---------- */
.dh-hoa-don[hidden] { display: none; }
.dh-hd-dan { font-size: 13.5px; line-height: 1.6; color: #5E646C; margin: 2px 0 10px; }
.dh-hd-tich { display: none; } /* ô tích thật nằm ở mục Yêu cầu đặc biệt */
.dh-hd-o[hidden] { display: none; }
.dh-hd-o .form-row { margin: 0 0 10px; }
.dh-hd-o label { display: block; font-size: 12.5px; font-weight: 700; color: #141B24; margin-bottom: 5px; }
.dh-hd-o abbr.required { color: #B3261E; text-decoration: none; border: 0; }
.dh-hd-o input { width: 100%; box-sizing: border-box; border: 1px solid #DEE2E5; border-radius: 10px; padding: 11px 14px; font: inherit; font-size: 15px; background: #FFFFFF; color: #141B24; }
.dh-hd-o .woocommerce-invalid input { border-color: #B3261E; }
.dh-hd-luu-y { font-size: 12.5px; line-height: 1.55; color: #5E646C; background: #FFF8E1; border-left: 3px solid #F2B417; padding: 8px 12px; border-radius: 0 8px 8px 0; margin: 4px 0 0; }

/* ==================================================================
 * TRANG THANH TOÁN KHỔ ĐIỆN THOẠI — theo bản vẽ anh Mừng duyệt 26/10/2026
 *
 * Viết lại trọn khối (bản vá dần trước đó bỏ hết) vì anh soi ảnh bản vẽ
 * với trang thật thấy còn 9 chỗ khác. Thứ tự và hình dáng từng khối bám
 * đúng bản vẽ:
 *   ← Thanh toán
 *   Địa chỉ nhận hàng (dải sọc màu Ở DƯỚI)
 *   Sản phẩm: ảnh 56 · tên · giá | bộ đếm
 *   Ba dòng có icon: Mã giảm giá · Yêu cầu đặc biệt · Hoá đơn công ty
 *   Phương thức vận chuyển (thẻ viền xanh lá)
 *   Tổng số tiền (n sản phẩm)
 *   Phương thức thanh toán (nút tròn, nhãn "Khuyên dùng")
 *   Chi tiết thanh toán + Người bán
 *   Thanh đáy: Tổng cộng <số> / Đã gồm VAT — Đặt hàng
 *
 * Khổ gốc iPhone 14 (390px); mọi kích thước nhân --r. Viền và bóng giữ px.
 * Luật cho bảng đơn phải mang `#order_review` vì CSS cũ của trang viết bằng
 * ID đó — class thua kể cả khi !important.
 * ================================================================== */
@media (max-width: 767px) {

	body.dh-tt-gon { --r:calc(min(100vw, 520px) / 390); background:#F2F4F6; }
	body.dh-tt-gon .dh-ruot { padding:0 !important; }

	/* ---------- Đầu trang: ← | Thanh toán ---------- */
	body.dh-tt-gon .dh-tt-thanh-dau {
		display:flex !important; align-items:center; gap:calc(8 * var(--r));
		min-height:calc(50 * var(--r)); padding:0 calc(8 * var(--r)) !important; margin:0 !important;
		background:#FFFFFF; border-bottom:1px solid #DEE2E5;
	}
	body.dh-tt-gon .dh-tt-logo,
	body.dh-tt-gon .dh-tt-tro-giup,
	body.dh-tt-gon .dh-buoc { display:none !important; }
	body.dh-tt-gon .dh-tt-thanh-ten {
		flex:1; text-align:center; font-size:calc(15 * var(--r)) !important; font-weight:600 !important;
		white-space:nowrap; line-height:1.3 !important; color:#141B24;
		/* Bù bề ngang nút ← bên trái để chữ nằm đúng giữa màn. */
		padding-right:calc(38 * var(--r));
	}

	/* ---------- Mỗi khối một dải trắng, cách nhau 8px ---------- */
	body.dh-tt-gon .dh-tt-the,
	body.dh-tt-gon .dh-bang-don,
	body.dh-tt-gon .dh-tt-3dong,
	body.dh-tt-gon .dh-tt-khoi.dh-tt-yc,
	body.dh-tt-gon .dh-tt-khoi.dh-tt-ma,
	body.dh-tt-gon .dh-tt-mkhoi,
	body.dh-tt-gon .woocommerce-checkout-payment {
		background:#FFFFFF !important; border:0 !important; border-radius:0 !important;
		margin:0 0 calc(8 * var(--r)) !important; padding:calc(12 * var(--r)) calc(16 * var(--r)) !important;
		width:auto !important; box-shadow:none !important;
	}
	body.dh-tt-gon .woocommerce-checkout-review-order { margin:0 !important; }
	body.dh-tt-gon form.checkout > h3,
	body.dh-tt-gon .dh-tt-khoi-dau.dh-tt-tt-dau,
	body.dh-tt-gon .dh-tt-tong,
	body.dh-tt-gon .dh-ve-gio,
	body.dh-tt-gon .dh-tin-cay,
	body.dh-tt-gon #order_review .dh-tt-mob { display:none !important; }

	/* ---------- Địa chỉ: dải sọc màu ở MÉP DƯỚI, như bản vẽ ---------- */
	body.dh-tt-gon .dh-tt-the {
		position:relative; text-align:left; width:100% !important;
		padding-bottom:calc(16 * var(--r)) !important;
	}
	body.dh-tt-gon .dh-tt-the::after {
		content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
		background:repeating-linear-gradient(135deg,#10294A 0 10px,#FFFFFF 10px 12px,#B4532A 12px 22px,#FFFFFF 22px 24px);
	}
	body.dh-tt-gon .dh-tt-the-1 { font-size:calc(12 * var(--r)) !important; display:flex; align-items:baseline; gap:calc(10 * var(--r)); }
	body.dh-tt-gon .dh-tt-the-ten { font-weight:700; color:#141B24; }
	body.dh-tt-gon .dh-tt-the-sdt { font-weight:400; color:#3A414C; }
	body.dh-tt-gon .dh-tt-the-2 { font-size:calc(12 * var(--r)) !important; color:#5E646C !important; font-weight:400 !important; line-height:1.5; margin-top:calc(3 * var(--r)); }

	/* ---------- Sản phẩm: ảnh 56 trái · tên · giá | bộ đếm ---------- */
	body.dh-tt-gon #order_review .dh-bang-don,
	body.dh-tt-gon #order_review .dh-bang-don tbody { display:block !important; width:100% !important; }
	body.dh-tt-gon #order_review .dh-bang-don thead,
	body.dh-tt-gon #order_review .dh-bang-don tfoot,
	body.dh-tt-gon #order_review tr.dh-tt-mua-kem-hang,
	body.dh-tt-gon #order_review .dh-tt-xoa,
	body.dh-tt-gon #order_review .dh-sl-mob { display:none !important; }

	/* JS bọc tên sản phẩm (vốn là chữ trần) vào span.dh-tt-sp-ten rồi
	   td.product-name "tan" ra (display:contents) để ảnh, tên, giá, bộ đếm
	   cùng nằm trên một lưới ba cột. */
	/* Lưới 3 hàng như Shopee: tên / quy cách xám / giá + giá gạch | bộ đếm.
	   Ảnh chiếm cả 3 hàng, đáy hàng giá thẳng đáy ảnh. */
	/* Cột/hàng lưới phải !important: luật cũ `.woocommerce-checkout #order_review
	   tr.cart_item` cùng đặc hiệu (1,2,2) và có !important → đo được cột 1
	   thành 112px thay vì 72. */
	body.dh-tt-gon #order_review tr.cart_item {
		display:grid !important; grid-template-columns:calc(72 * var(--r)) minmax(0,1fr) auto !important;
		/* Ba hàng đều auto: ảnh trải 3 hàng cao 72 nên hàng 3 tự nở vừa đủ
		   (72 − tên − quy cách), giá nằm sát đáy ảnh. `1fr` thì bị giãn theo
		   chiều cao <tr> của bảng (đo được 68px, giá tụt 32px dưới ảnh). */
		grid-template-rows:auto auto auto !important; align-content:start;
		column-gap:calc(12 * var(--r)) !important; row-gap:calc(2 * var(--r)) !important; gap:calc(2 * var(--r)) calc(12 * var(--r)) !important;
		align-items:end; min-height:0 !important; height:auto !important;
		padding:calc(4 * var(--r)) 0 calc(12 * var(--r)) !important; border-bottom:1px solid #F0F2F4;
	}
	body.dh-tt-gon #order_review tr.cart_item:last-of-type { border-bottom:0; padding-bottom:0 !important; }
	body.dh-tt-gon #order_review tr.cart_item td { border:0 !important; padding:0 !important; }
	body.dh-tt-gon #order_review tr.cart_item td.product-name { display:contents !important; }
	body.dh-tt-gon #order_review span.dh-anh-don {
		grid-column:1; grid-row:1 / 4; align-self:start;
		width:calc(72 * var(--r)) !important; height:calc(72 * var(--r)) !important;
		display:flex !important; align-items:center; justify-content:center; padding:calc(3 * var(--r)) !important;
		border:1px solid #E3E6EA; border-radius:calc(4 * var(--r)); background:#FFFFFF; overflow:hidden;
	}
	/* Ảnh LẤP ĐẦY khung (Shopee), không nền xám, không chừa lề. */
	/* Đặc hiệu phải vượt luật cũ `.woocommerce-checkout #order_review tr.cart_item
	   td.product-name .dh-anh-don img` (1,4,4) — nó khoá ảnh 44px kể cả khi mình
	   có !important. Viết (1,5,4). */
	body.dh-tt-gon.woocommerce-checkout #order_review tr.cart_item td.product-name .dh-anh-don img,
	body.dh-tt-gon #order_review img.dh-anh-don { width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:contain; display:block; }
	body.dh-tt-gon #order_review .dh-tt-sp-ten {
		grid-column:2 / 4; grid-row:1; align-self:start; font-size:calc(12 * var(--r)); line-height:1.4; color:#141B24;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	body.dh-tt-gon #order_review .dh-tt-sp-quy {
		grid-column:2 / 4; grid-row:2; align-self:start; display:block !important;
		font-size:calc(11 * var(--r)); line-height:1.4; color:#8A9099;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	body.dh-tt-gon #order_review tr.cart_item td.product-total {
		grid-column:2; grid-row:3; display:flex !important; align-items:baseline; gap:calc(6 * var(--r));
		text-align:left !important; font-size:calc(15 * var(--r)) !important; font-weight:700; color:#B4532A !important;
		white-space:nowrap; overflow:hidden;
	}
	body.dh-tt-gon #order_review .dh-tt-sp-goc { display:inline !important; font-size:calc(11 * var(--r)); font-weight:400; color:#A2A8B0; }
	body.dh-tt-gon #order_review tr.cart_item td.product-qty {
		grid-column:3; grid-row:3; display:flex !important; align-items:center; justify-content:flex-end;
		align-self:end; margin:0 !important; padding:0 !important; height:auto !important; min-height:0 !important;
	}
	body.dh-tt-gon #order_review tr.cart_item td.product-total { align-self:end; margin:0 !important; padding:0 !important; }
	body.dh-tt-gon #order_review span.dh-anh-don { box-sizing:border-box !important; }
	/* Bộ đếm kiểu Shopee: "−  [n]  +" không viền ngoài, số nằm trong ô nhạt. */
	body.dh-tt-gon #order_review .dh-tt-sl { height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; border-radius:0; display:flex; align-items:center; gap:calc(4 * var(--r)); }
	body.dh-tt-gon #order_review .dh-tt-tru,
	body.dh-tt-gon #order_review .dh-tt-cong { width:calc(24 * var(--r)) !important; height:calc(24 * var(--r)) !important; font-size:calc(15 * var(--r)) !important; border:0 !important; background:transparent !important; color:#3A414C; padding:0 !important; }
	body.dh-tt-gon #order_review .product-quantity { min-width:calc(28 * var(--r)) !important; height:calc(24 * var(--r)); line-height:calc(24 * var(--r)); font-size:calc(12 * var(--r)) !important; text-align:center; background:#F3F4F6; border-radius:calc(3 * var(--r)); color:#141B24; }

	/* ---------- Ba dòng có icon (JS dựng) ---------- */
	body.dh-tt-gon .dh-tt-3dong { padding-top:0 !important; padding-bottom:0 !important; }
	body.dh-tt-gon .dh-tt-3dong > a {
		display:flex; align-items:center; gap:calc(10 * var(--r));
		padding:calc(12 * var(--r)) 0; border-top:1px solid #F0F2F4;
		font-size:calc(12 * var(--r)); color:#141B24; text-decoration:none;
	}
	body.dh-tt-gon .dh-tt-3dong > a:first-child { border-top:0; }
	body.dh-tt-gon .dh-tt-3dong > a::before {
		content:""; flex:none; width:calc(18 * var(--r)); height:calc(18 * var(--r));
		background-repeat:no-repeat; background-position:center; background-size:contain;
	}
	body.dh-tt-gon .dh-tt-3dong > a > span { white-space:nowrap; }
	body.dh-tt-gon .dh-tt-3dong > a > em { margin-left:auto; font-style:normal; font-size:calc(12 * var(--r)); color:#5E646C; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:55%; }
	body.dh-tt-gon .dh-tt-3dong > a::after { content:"\203A"; color:#A2A8B0; font-size:calc(17 * var(--r)); line-height:1; }
	body.dh-tt-gon .dh-tt-3d-ma::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300569F' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V5a2 2 0 0 1 2-2h7l9 9-9 9-9-9z'/%3E%3Ccircle cx='8' cy='8' r='1.3'/%3E%3C/svg%3E"); }
	body.dh-tt-gon .dh-tt-3d-yc::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300569F' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9.5 9.5 0 0 1-2.8-.4L4 21l1.4-4a8 8 0 0 1-1.4-4.5C4 7.3 7.8 4 12 4s9 3.3 9 7.5Z'/%3E%3C/svg%3E"); }
	body.dh-tt-gon .dh-tt-3d-hd::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300569F' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E"); }

	/* Hai khối "Yêu cầu đặc biệt" và "Mã giảm giá" chỉ hiện khi khách bấm
	   dòng tương ứng ở trên (JS gắn lớp dh-mo). Nút mở cũ và tiêu đề gập
	   cũ ẩn đi — ba dòng icon đã thay vai. */
	body.dh-tt-gon .dh-tt-khoi.dh-tt-yc,
	body.dh-tt-gon .dh-tt-khoi.dh-tt-ma { display:none !important; }
	body.dh-tt-gon .dh-tt-khoi.dh-tt-yc.dh-mo,
	body.dh-tt-gon .dh-tt-khoi.dh-tt-ma.dh-mo { display:block !important; }
	body.dh-tt-gon .dh-tt-yc-dau,
	body.dh-tt-gon .dh-tt-ma-mo { display:none !important; }
	body.dh-tt-gon .dh-tt-ma-o { display:flex !important; gap:calc(8 * var(--r)); }
	body.dh-tt-gon .dh-tt-ma-o input { flex:1; font-size:calc(12 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-ma-o button { font-size:calc(12 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-yc .dh-tt-o { font-size:calc(12 * var(--r)) !important; line-height:1.45 !important; margin:0 !important; }
	body.dh-tt-gon .dh-tt-o-dai { display:none !important; }
	/* Ô tích "Xuất hoá đơn công ty" bỏ ở khổ điện thoại (anh Mừng 26/10): dòng
	   "Hoá đơn công ty" mở cửa sổ đã thay. Ô vẫn trong DOM vì cửa sổ bấm vào
	   nó để mã sẵn có đặt các ô bắt buộc; .click() chạy được dù ẩn. */
	body.dh-tt-gon .dh-tt-o-hd-nhan { display:none !important; }

	/* ---------- Khối vận chuyển / tổng số tiền / chi tiết (JS dời ra ngoài bảng) ---------- */
	body.dh-tt-gon .dh-tt-mdau {
		display:flex; align-items:center; gap:calc(8 * var(--r));
		font-size:calc(12 * var(--r)); font-weight:600; color:#141B24; margin-bottom:calc(10 * var(--r));
	}
	body.dh-tt-gon .dh-tt-mob-vc .dh-tt-mdau > span:first-child::before,
	body.dh-tt-gon .dh-tt-ngoai-vc .dh-tt-mdau > span:first-child::before {
		content:""; display:inline-block; vertical-align:-3px; margin-right:calc(8 * var(--r));
		width:calc(18 * var(--r)); height:calc(18 * var(--r)); background-size:contain; background-repeat:no-repeat;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300569F' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3z'/%3E%3Cpath d='M14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='1.7'/%3E%3Ccircle cx='17.5' cy='18' r='1.7'/%3E%3C/svg%3E");
	}
	body.dh-tt-gon .dh-tt-vc-the {
		display:flex; align-items:center; justify-content:space-between; gap:calc(10 * var(--r));
		border:1px solid #9FD6AE; background:#F3FBF5; border-radius:calc(5 * var(--r));
		padding:calc(11 * var(--r)) calc(13 * var(--r)); font-size:calc(12 * var(--r));
	}
	body.dh-tt-gon .dh-tt-vc-ten { font-weight:600; flex:1; min-width:0; }
	body.dh-tt-gon .dh-tt-vc-gia b { color:#1C7C3C; font-weight:700; }
	/* Thẻ bấm được → mũi tên › (27/10: ngăn chọn 3 phương thức). */
	body.dh-tt-gon .dh-tt-vc-the { cursor:pointer; }
	body.dh-tt-gon .dh-tt-vc-mui { flex:none; width:calc(7 * var(--r)); height:calc(7 * var(--r)); border-right:1.6px solid #8A939E; border-bottom:1.6px solid #8A939E; transform:rotate(-45deg); margin-left:calc(2 * var(--r)); }
	/* Ngăn kéo vận chuyển: hàng = nút tròn · tên · giá (Miễn phí khi không có số). */
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method { list-style:none; margin:0; padding:0; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method li { display:flex; align-items:center; gap:calc(12 * var(--r)); padding:calc(13 * var(--r)) 0; border-bottom:1px solid #F0F2F4; margin:0; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method li:last-child { border-bottom:0; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method li::before { display:none; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method input[type="radio"] { -webkit-appearance:none; appearance:none; width:calc(18 * var(--r)); height:calc(18 * var(--r)); margin:0; flex:none; border:1.5px solid #8A939E; border-radius:50%; position:relative; background:#FFFFFF; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method input[type="radio"]:checked { border-color:#B4532A; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method input[type="radio"]:checked::after { content:""; position:absolute; inset:3px; border-radius:50%; background:#B4532A; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method label { flex:1; display:flex; align-items:center; justify-content:space-between; gap:calc(10 * var(--r)); margin:0 !important; padding:0 !important; font-size:calc(12 * var(--r)) !important; font-weight:600; color:#141B24; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method li:not(:has(.woocommerce-Price-amount)) label::after { content:"Miễn phí"; color:#1C7C3C; font-weight:700; }
	body.dh-tt-gon .dh-tt-modal-vc #shipping_method label .woocommerce-Price-amount { color:#B4532A; font-weight:700; }
	body.dh-tt-gon .dh-tt-modal-vc .dh-tt-modal-than { padding-bottom:calc(10 * var(--r) + env(safe-area-inset-bottom)); }
	body.dh-tt-gon .dh-tt-msotien {
		display:flex; align-items:baseline; justify-content:space-between; gap:calc(10 * var(--r));
		font-size:calc(12 * var(--r));
	}
	body.dh-tt-gon .dh-tt-msotien strong { font-size:calc(12 * var(--r)); font-weight:700; }
	body.dh-tt-gon .dh-tt-ct-hang {
		display:flex; align-items:baseline; justify-content:space-between; gap:calc(10 * var(--r));
		font-size:calc(12 * var(--r)); color:#3A414C; padding:calc(6 * var(--r)) 0; line-height:1.4;
	}
	body.dh-tt-gon .dh-tt-ct-hang > :first-child,
	body.dh-tt-gon .dh-tt-msotien > :first-child { white-space:nowrap; }
	/* Cột số canh THẲNG mép phải (anh Mừng 26/10): ô số không co giãn, chữ
	   căn phải; ký hiệu "đ" của Woo đặt cùng cỡ, cùng đường gốc — nó vốn
	   nhỏ hơn và nâng lên, làm mép phải mỗi dòng lệch nhau vài px. */
	body.dh-tt-gon .dh-tt-ct-hang > :last-child,
	body.dh-tt-gon .dh-tt-msotien > :last-child { margin-left:auto; text-align:right !important; white-space:nowrap; flex:none; }
	body.dh-tt-gon .dh-tt-ngoai .woocommerce-Price-amount,
	body.dh-tt-gon .dh-tt-ngoai .woocommerce-Price-currencySymbol,
	body.dh-tt-gon .dh-tt-chot .woocommerce-Price-currencySymbol,
	body.dh-tt-gon #order_review .woocommerce-Price-currencySymbol {
		font-size:inherit !important; vertical-align:baseline !important; margin:0 !important; padding:0 !important;
		letter-spacing:0 !important; font-family:inherit !important;
	}
	body.dh-tt-gon .dh-tt-ct-tong { border-top:1px solid #E6E9ED; margin-top:calc(4 * var(--r)); padding:calc(10 * var(--r)) 0 calc(8 * var(--r)); color:#141B24; font-weight:600; }
	body.dh-tt-gon .dh-tt-ct-tong strong { font-size:calc(15 * var(--r)); color:#B4532A; }
	/* Hai đoạn cuối căn TRÁI như mọi dòng trên (theme căn giữa <p> trong khối
	   này → trông lệch, anh Mừng 26/10: "chỉnh cân đối lại"). */
	body.dh-tt-gon .dh-tt-ct-thue,
	body.dh-tt-gon .dh-tt-ct-ban { margin:calc(10 * var(--r)) 0 0 !important; font-size:calc(11 * var(--r)) !important; line-height:1.55 !important; color:#5E646C !important; text-align:left !important; padding:0 !important; }
	body.dh-tt-gon .dh-tt-ct-ban { border-top:1px solid #F0F2F4; padding-top:calc(8 * var(--r)) !important; margin-top:calc(8 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-ct-thue { margin-top:calc(6 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-ct-ban b { color:#141B24; font-weight:700; }
	body.dh-tt-gon .dh-tt-ct-tong { font-size:calc(13 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-ngoai-ct .dh-tt-mdau { margin-top:0; }

	/* ---------- Phương thức thanh toán: nút tròn bên phải, nhãn "Khuyên dùng" ---------- */
	body.dh-tt-gon .woocommerce-checkout-payment::before {
		content:"Phương thức thanh toán"; display:flex; align-items:center; gap:calc(8 * var(--r));
		font-size:calc(12 * var(--r)); font-weight:600; color:#141B24; margin-bottom:calc(4 * var(--r));
	}
	body.dh-tt-gon .wc_payment_methods { margin:0 !important; padding:0 !important; list-style:none; }
	body.dh-tt-gon .wc_payment_methods > li {
		display:flex !important; flex-wrap:wrap; align-items:center; gap:calc(8 * var(--r));
		position:relative; padding:calc(7 * var(--r)) 0 !important; border-top:1px solid #F0F2F4; margin:0 !important;
	}
	/* 27/10 anh "khoảng cách dòng ngắn lại": đệm hàng 12 → 7, hộp mô tả cổng
	   (payment_box) không chen thêm lề. */
	body.dh-tt-gon .wc_payment_methods > li > .payment_box { padding:calc(4 * var(--r)) 0 0 !important; }
	/* Luật `#payment … li` (ID) của theme vẫn ép đệm 9px và line-height 24 → mang
	   cùng ID để thắng: hàng 50px → ~36px. */
	body.dh-tt-gon #payment .wc_payment_methods > li { padding:calc(5 * var(--r)) 0 !important; }
	body.dh-tt-gon #payment .wc_payment_methods > li > label { line-height:1.3 !important; min-height:0 !important; }
	body.dh-tt-gon #payment .wc_payment_methods > li > label img { height:calc(20 * var(--r)) !important; width:auto !important; }
	body.dh-tt-gon .wc_payment_methods > li > .payment_box p { margin:0 !important; }
	body.dh-tt-gon .woocommerce-checkout-payment::before { margin-bottom:calc(2 * var(--r)) !important; }
	body.dh-tt-gon .wc_payment_methods > li:first-child { border-top:0; }
	body.dh-tt-gon .wc_payment_methods > li > input.input-radio { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
	body.dh-tt-gon .wc_payment_methods > li > label {
		flex:1; display:flex; align-items:center; gap:calc(8 * var(--r)); margin:0 !important; padding:0 !important;
		font-size:calc(12 * var(--r)) !important; cursor:pointer;
	}
	/* 27/10 tối — anh Mừng MỞ KHOÁ ĐT để sửa đúng chỗ này ("canh lề chứ"): icon 🏦/💵 là emoji
	   rộng khác nhau → chữ hai dòng lệch. Ép icon vào ô cố định 22·r, chữ thẳng cột. */
	body.dh-tt-gon #payment .wc_payment_methods > li > label::before { flex:none; width:calc(22 * var(--r)); text-align:center; display:inline-block; font-size:calc(15 * var(--r)) !important; }
	/* Clearfix của Woo (li::before/::after content " " display table) thành flex item → thêm khe 8·r
	   không đều giữa hai dòng. Tắt hẳn. */
	body.dh-tt-gon #payment .wc_payment_methods > li::before, body.dh-tt-gon #payment .wc_payment_methods > li::after { display:none !important; content:none !important; }
	body.dh-tt-gon .dh-tt-khuyen {
		font-size:calc(10 * var(--r)); color:#B4532A; border:1px solid #B4532A; border-radius:calc(3 * var(--r));
		padding:calc(1 * var(--r)) calc(5 * var(--r)); white-space:nowrap;
	}
	body.dh-tt-gon .wc_payment_methods > li > label::after {
		content:""; margin-left:auto; flex:none; width:calc(18 * var(--r)); height:calc(18 * var(--r));
		border:1.5px solid #C5CAD1; border-radius:50%; box-sizing:border-box;
		display:flex; align-items:center; justify-content:center; color:#FFFFFF; font-size:calc(11 * var(--r)); font-weight:700;
	}
	body.dh-tt-gon .wc_payment_methods > li > input:checked + label::after { content:"✓"; background:#B4532A; border-color:#B4532A; }
	body.dh-tt-gon .wc_payment_methods > li > .payment_box { flex:1 1 100%; margin:0 !important; font-size:calc(12 * var(--r)) !important; }
	/* Ô đồng ý + Chi tiết thanh toán nằm trong hộp .place-order (có đệm riêng
	   của Woo + đệm của khối thanh toán) nên thụt vào ~36px so với các khối
	   khác. Kéo hộp ra sát mép, nền xám, để hai khối con thành hai dải trắng
	   riêng thẳng hàng với mọi dải trên. */
	body.dh-tt-gon .woocommerce-checkout-payment { padding-bottom:0 !important; }
	body.dh-tt-gon .form-row.place-order {
		margin:calc(12 * var(--r)) calc(-16 * var(--r)) 0 !important; padding:calc(8 * var(--r)) 0 calc(14 * var(--r)) !important;
		background:#FFFFFF; width:auto !important; float:none !important;
		border-top:calc(8 * var(--r)) solid #F2F4F6;
	}
	body.dh-tt-gon .form-row.place-order > .dh-tt-mkhoi { margin:0 !important; padding-bottom:calc(6 * var(--r)) !important; }
	/* 27/10 anh Mừng "canh lề phải": luật `#payment .form-row.place-order
	   { width:100% }` (ID) thắng `width:auto` ở trên → hộp chỉ rộng 358px dù
	   kéo lề -16, số tiền dừng ở 342 trong khi nút tròn thanh toán ở 366. Mang
	   cùng ID để thắng, và đệm khối chi tiết 8px cho số thẳng cột nút tròn. */
	body.dh-tt-gon #payment .form-row.place-order { width:auto !important; }
	/* 27/10 anh Mừng "bỏ khoảng trống này" (giữa ô đồng ý và thanh đáy):
	   đệm đáy body 78px > thanh 57px → thừa 21px xám, cộng 14px đệm hộp
	   place-order + 14px lề dưới ô đồng ý. Đệm đáy = đúng chiều cao thanh. */
	body.dh-tt-gon { padding-bottom:calc(58 * var(--r)) !important; }
	body.dh-tt-gon #payment .form-row.place-order { padding-bottom:0 !important; }
	body.dh-tt-gon .dh-tt-dong-y { margin-bottom:0 !important; }
	/* 27/10 anh "bỏ khoảng trống này" (giữa dòng Người bán và ô đồng ý): khối
	   .dh-tt-mkhoi đệm 12 + lề 8, lưới .dh-tt-dong-y gap 10, ô đồng ý mt 4 =
	   34px. Rút còn ~10px. */
	body.dh-tt-gon .dh-tt-ngoai-ct > .dh-tt-mkhoi { padding-bottom:calc(4 * var(--r)) !important; margin-bottom:0 !important; }
	body.dh-tt-gon .dh-tt-dong-y { gap:0 !important; }
	body.dh-tt-gon .dh-tt-o-dong-y { margin-top:calc(6 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-ngoai-ct { padding:0 calc(8 * var(--r)) !important; }
	/* Luật `#payment label` của theme (ID) thắng luật class → phải mang cùng ID. */
	body.dh-tt-gon #payment .wc_payment_methods > li > label { font-size:calc(12 * var(--r)) !important; }

	/* ---------- Thứ trùng với thanh đáy ----------
	   Nút "Đặt hàng" trong thân: ĐẨY RA NGOÀI MÀN chứ không display:none —
	   thanh đáy gửi biểu mẫu bằng cách bấm vào chính nút này. */
	body.dh-tt-gon #place_order { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; }
	/* Ô đồng ý: GIỮ đúng MỘT ô bắt buộc (anh chốt bên COMCOM; NĐ 13/2023 cần
	   đồng ý rõ ràng), chữ 12px gọn, đặt ngay trên khối Chi tiết thanh toán. */
	body.dh-tt-gon .dh-tt-o-dong-y {
		display:flex !important; align-items:flex-start; gap:calc(8 * var(--r));
		background:#F2F4F7; border:1px solid #10294A; border-radius:calc(6 * var(--r));
		margin:calc(4 * var(--r)) calc(16 * var(--r)) 0 !important; padding:calc(10 * var(--r)) calc(12 * var(--r)) !important;
		font-size:calc(12 * var(--r)) !important; line-height:1.5 !important; color:#3A414C;
	}
	body.dh-tt-gon .dh-tt-o-dong-y input { margin:calc(2 * var(--r)) 0 0 !important; flex:none; width:calc(18 * var(--r)); height:calc(18 * var(--r)); }
	body.dh-tt-gon .dh-tt-o-dong-y > span { flex:1; text-align:left !important; }
	body.dh-tt-gon .woocommerce-terms-and-conditions-wrapper { display:none !important; }

	/* ---------- Thanh đáy: "Tổng cộng 610.000đ" một dòng, VAT dòng dưới ---------- */
	body.dh-tt-gon .dh-tt-chot { padding:calc(8 * var(--r)) calc(12 * var(--r)) !important; border-top:1px solid #DEE2E5; background:#FFFFFF; }
	body.dh-tt-gon .dh-tt-chot { display:flex !important; align-items:center; justify-content:flex-end; gap:calc(12 * var(--r)); }
	body.dh-tt-gon .dh-tt-chot-tien { flex:0 1 auto; min-width:0; display:flex !important; flex-wrap:wrap; justify-content:flex-end; align-items:baseline; gap:0 calc(6 * var(--r)); text-align:right; }
	body.dh-tt-gon .dh-tt-chot-phu { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; }
	body.dh-tt-gon .dh-tt-chot-nhan { font-size:calc(12 * var(--r)) !important; color:#3A414C; }
	body.dh-tt-gon .dh-tt-tong-so { font-size:calc(15 * var(--r)) !important; font-family:inherit !important; }
	body.dh-tt-gon .dh-tt-chot-phu { flex-basis:100%; font-size:calc(11 * var(--r)); color:#5E646C; }
	body.dh-tt-gon .dh-tt-chot-phu b { color:#B4532A; font-weight:600; }
	body.dh-tt-gon .dh-tt-chot-nut {
		border-radius:calc(4 * var(--r)) !important; font-size:calc(15 * var(--r)) !important;
		padding:calc(11 * var(--r)) calc(24 * var(--r)) !important;
		min-height:0 !important; height:auto !important; line-height:1.2 !important;
		white-space:nowrap; flex:none;
	}

	/* ---------- Ngăn kéo (địa chỉ + hoá đơn): cùng một khuôn ----------
	   Anh Mừng soi ảnh 26/10: ô Email trôi sang phải nửa cột, nhãn dính hai
	   chữ "(tuỳ chọn)", dòng "Quốc gia/Khu vực · Việt Nam" vô nghĩa, lời nhắc
	   34 tỉnh choán chỗ. Khuôn chốt bên COMCOM: nhãn xám 12px trên, ô nhập
	   44px bo 8px, chữ 12px đồng đều, tiêu đề ngăn 15px. */
	body.dh-tt-gon .dh-tt-modal-hop { border-radius:calc(16 * var(--r)) calc(16 * var(--r)) 0 0; }
	body.dh-tt-gon .dh-tt-modal-dau { padding:calc(12 * var(--r)) calc(16 * var(--r)); font-size:calc(15 * var(--r)); }
	body.dh-tt-gon .dh-tt-dong { font-size:calc(22 * var(--r)); line-height:1; padding:0 calc(4 * var(--r)); }
	body.dh-tt-gon .dh-tt-modal-than { padding:calc(12 * var(--r)) calc(16 * var(--r)) calc(4 * var(--r)); }
	body.dh-tt-gon .dh-tt-modal-chan { padding:calc(10 * var(--r)) calc(16 * var(--r)) calc(10 * var(--r) + env(safe-area-inset-bottom)); }
	body.dh-tt-gon .dh-tt-xac-nhan { font-size:calc(15 * var(--r)) !important; padding:calc(12 * var(--r)) !important; border-radius:calc(8 * var(--r)) !important; min-height:0 !important; height:auto !important; line-height:1.2 !important; }
	body.dh-tt-gon .dh-tt-loi { font-size:calc(12 * var(--r)) !important; }

	body.dh-tt-gon .dh-tt-modal .dh-tt-nhac-hc,
	body.dh-tt-gon .dh-tt-modal #billing_country_field,
	body.dh-tt-gon .dh-tt-modal .optional,
	body.dh-tt-gon .dh-tt-modal .woocommerce-billing-fields > h3 { display:none !important; }
	/* Email về một hàng đủ bề ngang; Tỉnh + Phường vẫn hai cột. */
	body.dh-tt-gon .dh-tt-modal #billing_email_field { width:100% !important; float:none !important; margin-left:0 !important; clear:both; }
	body.dh-tt-gon .dh-tt-modal .form-row { margin:0 0 calc(10 * var(--r)) !important; padding:0 !important; }
	body.dh-tt-gon .dh-tt-modal .form-row label { display:block; font-size:calc(12 * var(--r)) !important; color:#5E646C; margin:0 0 calc(4 * var(--r)) !important; line-height:1.4; }
	body.dh-tt-gon .dh-tt-modal .form-row label .required { color:#B4532A; }
	body.dh-tt-gon .dh-tt-modal .dh-tt-xung-ho > label:first-child { font-size:calc(12 * var(--r)) !important; font-weight:600; color:#141B24; }
	/* Luật `.form-row label { display:block }` ở trên ăn cả nhãn radio → Anh/Chị
	   xếp dọc. Nhãn radio phải nằm ngang, nút tròn kề chữ. */
	body.dh-tt-gon .dh-tt-modal .dh-tt-xung-ho label.radio { display:inline-flex !important; align-items:center; gap:calc(6 * var(--r)); font-size:calc(12 * var(--r)) !important; color:#141B24; margin:0 calc(18 * var(--r)) 0 0 !important; }
	body.dh-tt-gon .dh-tt-modal .dh-tt-xung-ho .woocommerce-input-wrapper { display:flex; gap:calc(6 * var(--r)); }
	body.dh-tt-gon .dh-tt-modal .input-text,
	body.dh-tt-gon .dh-tt-modal select,
	body.dh-tt-gon .dh-tt-modal textarea,
	body.dh-tt-gon .dh-tt-modal .select2-selection {
		font-size:calc(12 * var(--r)) !important; height:calc(44 * var(--r)) !important; min-height:0 !important;
		border:1px solid #DEE2E5 !important; border-radius:calc(8 * var(--r)) !important;
		padding:0 calc(12 * var(--r)) !important; box-shadow:none !important; background:#FFFFFF;
	}
	body.dh-tt-gon .dh-tt-modal textarea { height:auto !important; min-height:calc(88 * var(--r)) !important; padding:calc(10 * var(--r)) calc(12 * var(--r)) !important; }
	body.dh-tt-gon .dh-tt-modal .input-text:focus,
	body.dh-tt-gon .dh-tt-modal select:focus { border-color:#10294A !important; outline:0; }
	body.dh-tt-gon .dh-tt-modal .woocommerce-shipping-fields > h3,
	body.dh-tt-gon .dh-tt-modal .woocommerce-shipping-fields > h3 label { font-size:calc(12 * var(--r)) !important; }

	/* Ngăn hoá đơn: ẩn ô tích (đã tích khi mở ngăn) và lời dẫn dài; dẫn MST 1 dòng. */
	body.dh-tt-gon .dh-tt-modal-hd .dh-hd-tich { display:none !important; }
	body.dh-tt-gon .dh-tt-modal-hd #dh-hoa-don { display:block !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
	body.dh-tt-gon .dh-tt-modal-hd .dh-hd-o { display:block !important; }
	body.dh-tt-gon .dh-tt-modal-hd .dh-hd-dan { font-size:calc(12 * var(--r)) !important; color:#3A414C; margin:0 0 calc(12 * var(--r)) !important; line-height:1.5; }
	body.dh-tt-gon .dh-tt-modal-hd .dh-hd-luu-y { font-size:calc(11 * var(--r)) !important; color:#5E646C; margin:calc(4 * var(--r)) 0 0 !important; line-height:1.5; }
	body.dh-tt-gon .dh-tt-modal-hd .form-row.woocommerce-invalid .input-text { border-color:#B4532A !important; }
}