/* =============================================================================
   KQT — TRANG GIỎ HÀNG + thanh bước đặt hàng (kqt-cart-page.css)
   Enqueue CHỈ khi is_cart() || is_checkout() (functions.php).
   Hai tầng scope:
   · .kqt-steps      — component thanh bước, markup mình tự in ở override
                       woocommerce/checkout/header.php, sống trên CẢ cart lẫn
                       checkout/order-received nên không khoá theo body class.
   · body.woocommerce-cart — mọi rule riêng trang giỏ. Dùng class NATIVE của
                       WooCommerce (wc_body_class chỉ gắn đúng 1 trang) thay vì
                       chế thêm kqt-* qua filter: đỡ 1 cửa code mà scope y hệt.
   Token màu/chữ ăn từ kqt-chrome.css (global mọi trang không phải trang chủ —
   trang giỏ không bao giờ là front page nên .btn--gold, token đều sẵn).
   Flatsome uppercase hoá button/heading → mọi cụm chữ đều khai
   text-transform:none tường minh (bẫy đã cắn 3+ lần, khai thừa rẻ hơn truy).
   ========================================================================== */

/* ---------- thanh bước Giỏ hàng → Thanh toán → Hoàn tất ---------- */
.kqt-steps{ padding:clamp(20px,3vw,30px) var(--gutter,5vw) 4px; }
.kqt-steps ol{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:12px; margin:0; padding:0; list-style:none; }
.kqt-steps__b a, .kqt-steps__b > span{ display:inline-flex; align-items:center; gap:9px;
  text-decoration:none; }
.kqt-steps__b i{ width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center;
  border:1.5px solid var(--taupe-30); border-radius:50%;
  font-style:normal; font-size:13px; font-weight:700; color:var(--taupe); }
.kqt-steps__b i svg{ width:14px; height:14px; fill:none; stroke:currentColor;
  stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.kqt-steps__b b{ font-size:14.5px; font-weight:700; text-transform:none;
  letter-spacing:0; color:var(--taupe); }
/* bước hiện tại: gold; bước đã qua: navy + ✓ (đi lùi được nên hover đổi màu);
   bước chưa tới giữ mờ — 3 trạng thái phân biệt không cần chữ HOA nào. */
.kqt-steps__b.st--nay i{ background:var(--gold-grad); border-color:transparent; color:var(--navy); }
.kqt-steps__b.st--nay b{ color:var(--navy); }
.kqt-steps__b.st--xong i{ background:var(--navy); border-color:var(--navy); color:var(--gold-light); }
.kqt-steps__b.st--xong b{ color:var(--navy); }
.kqt-steps__b.st--xong a:hover b{ color:var(--gold-dark); }
.kqt-steps__noi{ width:34px; height:1px; background:var(--taupe-30); }
@media (max-width:480px){
  .kqt-steps ol{ gap:8px; }
  .kqt-steps__noi{ width:14px; }
  .kqt-steps__b b{ font-size:13px; }
}

/* ---------- giỏ RỖNG (override cart/cart-empty.php) ---------- */
body.woocommerce-cart .kqt-cart-trong{ max-width:560px; margin:0 auto; text-align:center;
  padding:clamp(30px,5vw,54px) 16px clamp(40px,6vw,70px); }
body.woocommerce-cart .kqt-cart-trong__ic{ display:grid; place-items:center; width:76px;
  height:76px; margin:0 auto; background:var(--cream,#F7F4EC); border:1px solid var(--taupe-10);
  border-radius:50%; }
body.woocommerce-cart .kqt-cart-trong__ic svg{ width:36px; height:36px; fill:none;
  stroke:var(--gold-dark); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.woocommerce-cart .kqt-cart-trong h2{ margin:18px 0 10px; font-size:clamp(24px,3vw,32px);
  font-weight:800; letter-spacing:-.01em; text-transform:none; color:var(--navy); }
body.woocommerce-cart .kqt-cart-trong p{ margin:0 0 24px; font-size:15px; line-height:1.7;
  color:var(--ink-2,#4A5468); }
/* .btn--gold ăn từ kqt-chrome.css — chỉ nới cỡ cho vai trò CTA chính của trang.
   text-transform:none BẮT BUỘC: mắt 2026-09-29 thấy "VÀO CỬA HÀNG" toàn HOA —
   Flatsome uppercase hoá .btn trên trang Woo bằng selector đậm hơn kqt-chrome
   (bẫy đã ghi đầu file, vẫn cắn vì kqt-chrome không tự khai none cho .btn). */
body.woocommerce-cart .kqt-cart-trong .btn--gold{ padding:13px 30px; font-size:15px;
  text-transform:none; letter-spacing:0; }
body.woocommerce-cart .kqt-cart-trong__loi{ display:flex; justify-content:center; gap:22px;
  margin-top:20px; flex-wrap:wrap; }
body.woocommerce-cart .kqt-cart-trong__loi a{ font-size:14px; font-weight:700;
  color:var(--gold-dark); text-decoration:none; border-bottom:1px solid var(--taupe-30);
  padding-bottom:2px; }
body.woocommerce-cart .kqt-cart-trong__loi a:hover{ color:var(--navy); border-color:var(--gold); }

/* Thông báo Woo ("… đã được thêm vào giỏ hàng", lỗi mã giảm giá…) — Flatsome
   vẽ hộp viền đen trần (mắt 2026-09-29). Hạ về giọng chrome: nền kem, viền mảnh,
   chữ navy; scope cả cart lẫn checkout vì CSS này enqueue chung hai trang. */
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info{ background:var(--cream,#F7F4EC);
  border:1px solid var(--taupe-15); border-radius:12px; color:var(--navy);
  padding:12px 18px; font-size:14px; }

/* ---------- giỏ CÓ HÀNG: bảng bên trái ---------- */
body.woocommerce-cart .cart-container{ padding-top:10px; }
body.woocommerce-cart .shop_table.cart{ border:0; }
body.woocommerce-cart .shop_table.cart th{ padding:10px 8px; font-size:13px; font-weight:700;
  letter-spacing:0; text-transform:none; color:var(--taupe);
  border:0; border-bottom:1px solid var(--taupe-15); }
body.woocommerce-cart .shop_table.cart td{ padding:16px 8px; border:0;
  border-bottom:1px solid var(--taupe-10); vertical-align:middle; }
body.woocommerce-cart .shop_table.cart .product-thumbnail img{ width:64px; height:64px;
  object-fit:contain; background:var(--white); border:1px solid var(--taupe-10);
  border-radius:var(--radius,4px); padding:4px; }
body.woocommerce-cart .shop_table.cart .product-name a{ color:var(--navy); font-weight:600;
  font-size:14.5px; line-height:1.45; text-decoration:none; }
body.woocommerce-cart .shop_table.cart .product-name a:hover{ color:var(--gold-dark); }
/* Dòng "Dịch vụ lắp đặt" dưới tên — cùng cỡ/màu với trang thanh toán. */
body.woocommerce-cart .shop_table.cart dl.variation{ margin:6px 0 0; font-size:12.5px;
  line-height:1.55; font-weight:400; color:var(--ink-3); }
body.woocommerce-cart .shop_table.cart dl.variation dt{ font-weight:600; }
body.woocommerce-cart .shop_table.cart dl.variation dd p{ margin:0; }
/* Nút xoá: Flatsome vẽ chữ × đỏ trần — đổi thành ô vuông trung tính, đỏ chỉ
   hiện khi rê (hành vi phá huỷ không cần gào sẵn). !important vì Flatsome khai
   màu .remove bằng selector đậm hơn. */
body.woocommerce-cart .shop_table.cart .product-remove .remove{ width:30px; height:30px;
  line-height:27px; border:1px solid var(--taupe-15); border-radius:var(--radius,4px); font-size:17px;
  color:var(--taupe) !important; background:var(--white) !important; }
body.woocommerce-cart .shop_table.cart .product-remove .remove:hover{
  color:#B3261E !important; border-color:#B3261E; }
body.woocommerce-cart .shop_table.cart .product-price .amount,
body.woocommerce-cart .shop_table.cart .mobile-product-price{ color:var(--ink-2,#4A5468);
  font-weight:600; }
body.woocommerce-cart .shop_table.cart .product-subtotal .amount{ color:var(--gold-dark);
  font-weight:800; }
/* Ô số lượng Flatsome (minus | qty | plus) → khối chữ nhật liền, góc 4px như
   ô số lượng trang sản phẩm và ngăn giỏ (Quyết chê bo tròn viên thuốc 2026-10-06). */
body.woocommerce-cart .quantity .button.is-form{ background:var(--white); color:var(--navy);
  border:1px solid var(--taupe-20); width:32px; padding:0; font-weight:700; }
body.woocommerce-cart .quantity .minus{ border-radius:var(--radius,4px) 0 0 var(--radius,4px); border-right:0; }
body.woocommerce-cart .quantity .plus{ border-radius:0 var(--radius,4px) var(--radius,4px) 0; border-left:0; }
body.woocommerce-cart .quantity .qty{ border-color:var(--taupe-20); box-shadow:none;
  color:var(--navy); font-weight:700; }
/* Hàng nút cuối bảng: "Cập nhật giỏ hàng" hạ vai phụ (ghost). */
body.woocommerce-cart .shop_table.cart td.actions{ border-bottom:0; padding:18px 0 0; }
body.woocommerce-cart .shop_table.cart td.actions .button{ background:transparent;
  border:1px solid var(--taupe-20); border-radius:var(--radius,4px); color:var(--navy);
  font-weight:700; text-transform:none; letter-spacing:0; }
body.woocommerce-cart .shop_table.cart td.actions .button:hover{ border-color:var(--gold); }
body.woocommerce-cart .shop_table.cart td.actions .button:disabled{ opacity:.4; }

/* ---------- giỏ CÓ HÀNG: cột tổng bên phải ---------- */
body.woocommerce-cart .cart_totals{ border:1px solid var(--taupe-15); border-radius:16px;
  padding:clamp(18px,2vw,24px); background:var(--white); }
/* Flatsome ẨN <h2> của Woo trong sidebar và in tiêu đề "Tổng cộng giỏ hàng"
   bằng <thead><th> của một <table> TRẦN — KHÔNG có class shop_table (pháp y
   zb107 2026-09-29: rule cũ khoá .shop_table không bao giờ khớp, th ăn
   `th{uppercase}` global của Flatsome). → khoá theo `table`, thead th nhận
   vai tiêu đề thay h2. */
body.woocommerce-cart .cart_totals table{ border:0; margin-bottom:0; }
body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td{ border:0;
  border-top:1px solid var(--taupe-10); padding:12px 0; font-size:14px; line-height:1.5;
  letter-spacing:0; text-transform:none; }
body.woocommerce-cart .cart_totals table th{ color:var(--taupe); font-weight:600; padding-right:14px; }
body.woocommerce-cart .cart_totals table td{ text-align:right; }
body.woocommerce-cart .cart_totals table .amount{ font-weight:700; color:var(--navy); }
body.woocommerce-cart .cart_totals thead th{ font-size:19px; font-weight:800;
  color:var(--navy); border-top:0; padding-top:0; text-align:left; }
body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td{ padding-top:16px;
  border-top:1px solid var(--taupe-15); vertical-align:baseline; }
body.woocommerce-cart .cart_totals .order-total th{ font-size:15px; font-weight:800; color:var(--navy); }
body.woocommerce-cart .cart_totals .order-total .amount{ font-size:22px; font-weight:800;
  color:var(--gold-dark); }
body.woocommerce-cart .wc-proceed-to-checkout{ margin:14px 0 0; padding:0; }
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{ display:flex;
  justify-content:center; margin:0; padding:14px 20px; border-radius:var(--radius,4px);
  background:var(--gold-grad); color:var(--navy) !important; font-size:15px;
  font-weight:800; letter-spacing:0; text-transform:none;
  transition:box-shadow .2s var(--ease,ease), transform .2s var(--ease,ease); }
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{
  box-shadow:0 10px 24px var(--navy-12); transform:translateY(-2px); }
/* Ô mã ưu đãi trong sidebar. */
body.woocommerce-cart .ux-cart-coupon .coupon h3{ font-size:15px; font-weight:700;
  letter-spacing:0; text-transform:none; color:var(--navy); }
body.woocommerce-cart .ux-cart-coupon .coupon .input-text{ height:46px; padding:0 14px;
  font-size:15px; color:var(--ink); border:1px solid var(--taupe-20);
  border-radius:var(--radius,4px); box-shadow:none; }
body.woocommerce-cart .ux-cart-coupon .coupon .input-text:focus{ border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(214,169,78,.16); outline:none; }
body.woocommerce-cart .ux-cart-coupon .coupon .button{ background:transparent;
  border:1px solid var(--taupe-20); border-radius:var(--radius,4px); color:var(--navy);
  font-weight:700; text-transform:none; letter-spacing:0; }
body.woocommerce-cart .ux-cart-coupon .coupon .button:hover{ border-color:var(--gold); }

/* ---------- TRANG THANH TOÁN ----------
   Cùng giọng với cột tổng trang giỏ ở trên: tiêu đề navy viết thường, nhãn xám
   nâu, số tiền navy, tổng cuối vàng đậm. Flatsome để mặc định ở đây là chữ HOA
   xám #555, cỡ nhảy theo em (17,6/15,5/14,4/13,6px) và khung đơn hàng viền xanh
   2px góc vuông — lệch hẳn khỏi phần còn lại của site (Quyết 2026-10-06). */
body.woocommerce-checkout form.checkout h3,
body.woocommerce-checkout #order_review_heading{ margin:0 0 18px; font-size:19px;
  font-weight:800; line-height:1.3; letter-spacing:0; text-transform:none; color:var(--navy); }
/* "Thông tin bổ sung" chỉ còn tiêu đề trơ: ô ghi chú đã gỡ ở inc/kqt-checkout.php. */
body.woocommerce-checkout .woocommerce-additional-fields:not(:has(.form-row)){ display:none; }

body.woocommerce-checkout form.checkout .form-row label{ margin-bottom:6px; font-size:14px;
  font-weight:600; letter-spacing:0; text-transform:none; color:var(--ink-2); }
body.woocommerce-checkout form.checkout .form-row label .required{ color:var(--gold-dark);
  text-decoration:none; }
body.woocommerce-checkout form.checkout .form-row .input-text,
body.woocommerce-checkout form.checkout .form-row select{ height:46px; padding:0 14px;
  font-size:15px; color:var(--ink); background:var(--white,#fff);
  border:1px solid var(--taupe-20); border-radius:var(--radius,4px); box-shadow:none; }
body.woocommerce-checkout form.checkout .form-row .input-text::placeholder{ color:var(--ink-3); }
body.woocommerce-checkout form.checkout .form-row .input-text:focus,
body.woocommerce-checkout form.checkout .form-row select:focus{ border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(214,169,78,.16); outline:none; }
body.woocommerce-checkout .kqt-vat-toggle__input label{ font-weight:500; color:var(--ink-2); }

/* Khung "Đơn hàng của bạn" */
body.woocommerce-checkout .col.large-5 > .col-inner.has-border{
  border:1px solid var(--taupe-15); border-radius:16px; background:var(--white,#fff);
  padding:clamp(20px,2.2vw,28px); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table{ border:0; margin:0; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td{ border:0;
  border-top:1px solid var(--taupe-10); padding:13px 0; font-size:14px; line-height:1.5;
  letter-spacing:0; text-transform:none; vertical-align:top; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th{ border-top:0;
  padding-top:0; font-size:13px; font-weight:700; color:var(--taupe); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name{
  padding-right:14px; font-weight:600; color:var(--navy); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-quantity{
  font-weight:600; color:var(--ink-3); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation{
  margin:6px 0 0; font-size:12.5px; line-height:1.55; font-weight:400; color:var(--ink-3); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dt{ font-weight:600; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table dl.variation dd p{ margin:0; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{ text-align:right;
  white-space:nowrap; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount{ font-weight:700;
  color:var(--navy); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th{ padding-right:14px;
  font-weight:600; color:var(--taupe); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td{
  padding-top:16px; border-top:1px solid var(--taupe-15); vertical-align:baseline; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th{
  font-size:15px; font-weight:800; color:var(--navy); }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total .amount{
  font-size:22px; font-weight:800; color:var(--gold-dark); }

/* Phương thức thanh toán + nút đặt hàng */
body.woocommerce-checkout #payment{ margin-top:6px; background:transparent; border-radius:0; }
body.woocommerce-checkout #payment ul.payment_methods{ margin:0; padding:16px 0 0; border:0;
  border-top:1px solid var(--taupe-10); }
body.woocommerce-checkout #payment .wc_payment_method > label{ font-size:14.5px; font-weight:700;
  letter-spacing:0; text-transform:none; color:var(--navy); }
body.woocommerce-checkout #payment .payment_box{ margin:8px 0 0; padding:10px 14px;
  background:var(--cream,#F7F4EC); border-radius:10px; font-size:13.5px; line-height:1.6;
  color:var(--ink-2); }
body.woocommerce-checkout #payment .payment_box::before{ display:none; }
body.woocommerce-checkout #payment .payment_box p{ margin:0; }
body.woocommerce-checkout #payment .place-order{ padding:18px 0 0; }
/* Màu/nền nút đã khai ở kqt-chrome.css (body.kqt-chrome .woocommerce #place_order);
   ở đây chỉ hạ cỡ chữ 19,2px mặc định của Flatsome về cùng thang với trang. */
body.woocommerce-checkout #place_order{ width:100%; margin:0; padding:15px 20px;
  font-size:16px; letter-spacing:0; text-transform:none; }
body.woocommerce-checkout .woocommerce-privacy-policy-text p{ margin:14px 0 0; font-size:12.5px;
  line-height:1.6; color:var(--ink-3); }
body.woocommerce-checkout .woocommerce-privacy-policy-text a{ color:var(--gold-dark); }

/* ---------- TRANG HOÀN TẤT ĐƠN HÀNG (order-received) ----------
   Cùng hệ với giỏ + thanh toán. Mặc định ở đây: tiêu đề xám 25,6px, đầu bảng
   HOA, tên SP xanh link, địa chỉ in nghiêng, hộp cảm ơn nền xám góc vuông. */
/* Hướng dẫn thanh toán (VD "Trả tiền mặt khi giao hàng.") đứng trơ đầu cột → ô nhắc nền kem. */
body.woocommerce-order-received .woocommerce-order > .large-7 > p:first-child{ margin:0 0 22px;
  padding:12px 16px; background:var(--cream,#F7F4EC); border:1px solid var(--taupe-10);
  border-radius:10px; font-size:14px; line-height:1.6; color:var(--ink-2); }
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title{ margin:0 0 14px; font-size:19px;
  font-weight:800; line-height:1.3; letter-spacing:0; text-transform:none; color:var(--navy); }
body.woocommerce-order-received .woocommerce-table--order-details{ border:0; margin:0 0 30px; }
body.woocommerce-order-received .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-table--order-details td{ border:0;
  border-top:1px solid var(--taupe-10); padding:13px 0; font-size:14px; line-height:1.5;
  letter-spacing:0; text-transform:none; vertical-align:top; }
body.woocommerce-order-received .woocommerce-table--order-details thead th{ border-top:0;
  padding-top:0; font-size:13px; font-weight:700; color:var(--taupe); }
body.woocommerce-order-received .woocommerce-table--order-details td.product-name{ padding-right:14px; }
body.woocommerce-order-received .woocommerce-table--order-details td.product-name a{
  font-weight:600; color:var(--navy); text-decoration:none; }
body.woocommerce-order-received .woocommerce-table--order-details td.product-name a:hover{ color:var(--gold-dark); }
body.woocommerce-order-received .woocommerce-table--order-details .product-quantity{
  font-weight:600; color:var(--ink-3); }
body.woocommerce-order-received .woocommerce-table--order-details td.product-total,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{ text-align:right; }
body.woocommerce-order-received .woocommerce-table--order-details .amount{ font-weight:700; color:var(--navy); }
body.woocommerce-order-received .woocommerce-table--order-details tfoot th{ padding-right:14px;
  font-weight:600; color:var(--taupe); }
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{ color:var(--ink-2); }
/* Dòng tổng: tfoot không gắn class, Woo in "Tổng cộng" ngay trước "Phương thức
   thanh toán" → khoá nth-last-child(2) và đòi có số tiền để không tô nhầm dòng chữ. */
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2):has(.amount) th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2):has(.amount) td{
  padding-top:16px; border-top:1px solid var(--taupe-15); vertical-align:baseline; }
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2):has(.amount) th{
  font-size:15px; font-weight:800; color:var(--navy); }
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2):has(.amount) .amount{
  font-size:22px; font-weight:800; color:var(--gold-dark); }
body.woocommerce-order-received .woocommerce-customer-details address{ padding:16px 18px;
  font-style:normal; font-size:14px; line-height:1.7; color:var(--ink-2);
  border:1px solid var(--taupe-15); border-radius:12px; }
body.woocommerce-order-received .woocommerce-customer-details address p{ margin:4px 0 0; }

/* Hộp "Cảm ơn bạn" bên phải */
body.woocommerce-order-received .woocommerce-order .is-well{ padding:clamp(20px,2.2vw,28px);
  background:var(--white,#fff); border:1px solid var(--taupe-15); border-radius:16px; box-shadow:none; }
body.woocommerce-order-received .woocommerce-thankyou-order-received{ margin:0 0 16px;
  font-size:17px; font-weight:800; line-height:1.45; color:var(--navy); }
body.woocommerce-order-received ul.woocommerce-order-overview{ margin:0; padding:0; list-style:none; }
body.woocommerce-order-received ul.woocommerce-order-overview li{ display:flex;
  justify-content:space-between; align-items:baseline; gap:14px; margin:0; padding:11px 0;
  border-top:1px solid var(--taupe-10); font-size:14px; line-height:1.5; color:var(--taupe);
  text-transform:none; letter-spacing:0; }
body.woocommerce-order-received ul.woocommerce-order-overview li strong{ font-weight:700;
  color:var(--navy); text-align:right; }
body.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total strong{
  font-size:16px; font-weight:800; color:var(--gold-dark); }
