/* =========================================================
   Halo Mobile - Child theme main.css
   P0 + Header. Màu chủ đạo đỏ/trắng, container desktop 1200px.
   ========================================================= */

/* =========================================================
   FIX LỖI THEME GỐC: THIẾU WIDTH CHO .column.one-third (khối "highlights"
   3 cột — dùng ở "Related Posts" và các lưới highlights khác).
   style.css (bản LTR đang chạy) chỉ có ".col-4{width:33.33%}", QUÊN gộp
   ".column.one-third" vào cùng rule (bản rtl.css của chính theme thì có
   đủ ".col-4,.column.one-third{width:33.33%}" — xác nhận đây là thiếu sót
   của vendor, không phải do child theme/plugin nào gây ra).
   Thiếu rule khiến .column.one-third rơi về mặc định .column{width:100%}
   -> ảnh/bài viết trong lưới 3 cột bị phóng to hết chiều rộng.
   ========================================================= */
.column.one-third { width: 33.333333333333336%; }

/* =========================================================
   FIX LƯỚI SẢN PHẨM VỠ KHI "TẢI THÊM" (AJAX isures filter)
   Theme dùng lưới FLOAT + class .first/.last do PHP sinh theo vị trí. Khi load-more
   bằng AJAX, sản phẩm mới không được đánh lại .first/.last đúng -> clear/margin lệch
   -> mỗi hàng desktop thiếu 1. Chuyển sang CSS GRID: tự xếp đúng, không phụ thuộc
   .first/.last, robust với sản phẩm chèn động. Chỉ áp DESKTOP (mobile đang OK).
   ========================================================= */
@media (min-width: 800px) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		display: grid !important;
		gap: 24px 22px;
		margin: 0 0 24px !important;
	}
	.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }
	.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); }
	.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
	.woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, 1fr); }
	.woocommerce ul.products.columns-6 { grid-template-columns: repeat(6, 1fr); }
	/* mặc định nếu không có class columns-* */
	.woocommerce ul.products:not([class*="columns-"]) { grid-template-columns: repeat(4, 1fr); }

	.woocommerce ul.products > li.product,
	.woocommerce-page ul.products > li.product {
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin: 0 !important;
	}
	/* Bỏ clearfix pseudo (sẽ thành ô grid rỗng làm lệch lưới) */
	.woocommerce ul.products::before,
	.woocommerce ul.products::after,
	.woocommerce-page ul.products::before,
	.woocommerce-page ul.products::after { display: none !important; }
}

/* Commerce hub pages: promotion, Woo shop and public stock lookup. */
.halo-promo-page,
.halo-stock-page,
.woocommerce-shop .main.wrap {
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.halo-commerce-eyebrow{
	margin:0 0 7px;
	color:#e30613;
	font-size:13px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.halo-promo-hero,
.halo-shop-intro,
.halo-stock-intro{
	margin-bottom:26px;
	padding:28px;
	border-radius:10px;
	background:#f7f7f7;
}
.halo-promo-hero h1,
.halo-shop-intro h2,
.halo-stock-intro h2{
	margin:0 0 10px;
	color:#111;
	font-size:clamp(25px,3vw,34px);
	line-height:1.25;
	text-transform:none;
}
.halo-promo-hero>p:not(.halo-commerce-eyebrow),
.halo-shop-intro>p:not(.halo-commerce-eyebrow),
.halo-stock-intro>p:not(.halo-commerce-eyebrow){
	max-width:880px;
	margin:0 0 16px;
}
.halo-commerce-primary,
.halo-commerce-secondary{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:9px 18px;
	margin:5px 8px 0 0;
	border:1px solid #e30613;
	border-radius:6px;
	font-weight:700;
	text-decoration:none;
}
.halo-commerce-primary{color:#fff;background:#e30613}
.halo-commerce-secondary{color:#d0000c;background:#fff}
.halo-commerce-primary:hover,
.halo-commerce-primary:focus{color:#fff;background:#b9000b}
.halo-commerce-secondary:hover,
.halo-commerce-secondary:focus{color:#111;border-color:#111}
.halo-promo-page h2,
.halo-shop-guide h2,
.halo-stock-help h2{
	margin:30px 0 16px;
	color:#111;
	font-size:24px;
	line-height:1.3;
	text-transform:none;
}
.halo-commerce-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
}
.halo-commerce-grid article{
	padding:20px;
	border:1px solid #e1e1e1;
	border-radius:8px;
	background:#fff;
}
.halo-commerce-grid h3{
	margin:0 0 8px;
	color:#111;
	font-size:18px;
	line-height:1.35;
	text-transform:none;
}
.halo-commerce-grid p{margin:0 0 10px}
.halo-commerce-grid a,
.halo-promo-links a,
.halo-stock-page a{color:#c9000d;font-weight:700}
.halo-commerce-number{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	margin-bottom:12px;
	border-radius:50%;
	color:#fff;
	background:#e30613;
	font-weight:700;
}
.halo-promo-checklist{
	margin-top:28px;
	padding:22px 24px;
	border-left:4px solid #e30613;
	background:#f8f8f8;
}
.halo-promo-checklist ul{padding-left:22px}
.halo-promo-checklist li+li{margin-top:7px}
.halo-promo-checklist aside{
	margin-top:16px;
	padding:13px 15px;
	background:#fff1f2;
}
.halo-promo-links{
	margin:28px 0 30px;
}
.halo-promo-links h2{
	margin:0 0 14px;
}
.halo-promo-links .halo-promo-actions,
.halo-promo-links > p{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:12px;
	margin:0;
}
.halo-promo-links a{
	display:flex;
	min-height:46px;
	padding:10px 14px;
	align-items:center;
	justify-content:center;
	border:1px solid #e30613;
	border-radius:6px;
	background:#fff;
	text-align:center;
	text-decoration:none;
	line-height:1.35;
}
.halo-promo-links a:hover,
.halo-promo-links a:focus{
	color:#fff;
	background:#e30613;
	text-decoration:none;
}
@media(max-width:799px){
	.halo-promo-links .halo-promo-actions,
	.halo-promo-links > p{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
	.halo-promo-links .halo-promo-actions,
	.halo-promo-links > p{grid-template-columns:1fr}
}
.halo-shop-trust,
.halo-stock-notes{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:16px;
}
.halo-shop-trust span,
.halo-stock-notes span{
	padding:7px 11px;
	border:1px solid #dedede;
	border-radius:999px;
	color:#333;
	background:#fff;
	font-size:13px;
}
.halo-shop-guide{
	margin:32px 0 12px;
	padding-top:8px;
	border-top:3px solid #e30613;
}
.woocommerce-shop ul.products li.product-category h2{
	color:#111;
	font-size:17px;
	text-transform:none;
}
.halo-stock-page .qlkd-tk-embed{
	padding:0;
	border:0;
	background:transparent;
}
.halo-stock-page .qlkd-pub-filter{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto;
	gap:10px;
	margin-bottom:18px;
	padding:16px;
	border:1px solid #e1e1e1;
	border-radius:8px;
	background:#fff;
}
.halo-stock-page .qlkd-pub-search-input,
.halo-stock-page .qlkd-pub-filter select,
.halo-stock-page .qlkd-pub-search-btn{
	width:100%;
	min-height:42px;
	margin:0;
	border-radius:5px;
}
.halo-stock-page .qlkd-pub-search-btn{
	padding:8px 20px;
	border-color:#e30613;
	color:#fff;
	background:#e30613;
}
.halo-stock-page .qlkd-pub-list{
	overflow:hidden;
	border:1px solid #e1e1e1;
	border-radius:8px;
	background:#fff;
}
.halo-stock-page .qlkd-pub-item{
	padding:13px 16px;
	border-bottom:1px solid #ededed;
}
.halo-stock-page .qlkd-pub-item:last-child{border-bottom:0}
.halo-stock-page .qlkd-pub-badge{
	color:#177a36;
	background:#eaf7ee;
}
.halo-stock-help{
	margin:26px 0;
	padding:20px 22px;
	border:1px solid #e1e1e1;
	border-left:4px solid #e30613;
	border-radius:8px;
}
.halo-stock-help h2{margin-top:0}
.halo-stock-updated{margin-bottom:0;color:#666;font-size:13px}
body.page-template-khuyenmai-php .main-content{
	width:100%;
}
body.page-template-khuyenmai-php .main>.row>.sidebar{
	display:none;
}
@media(max-width:767px){
	.halo-promo-page,
	.halo-stock-page,
	.woocommerce-shop .main.wrap{
		padding-right:12px;
		padding-left:12px;
	}
	.halo-promo-hero,
	.halo-shop-intro,
	.halo-stock-intro{
		padding:20px 16px;
	}
	.halo-commerce-grid{grid-template-columns:1fr}
	.halo-stock-page .qlkd-pub-filter{grid-template-columns:1fr}
	.halo-promo-checklist,
	.halo-stock-help{padding:18px 16px}
}

/* WooCommerce utility pages: compact guidance without SEO content bloat. */
.halo-system-intro{
	margin:0 0 22px;
	padding:20px 22px;
	border-left:4px solid #e30613;
	border-radius:7px;
	background:#f7f7f7;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.halo-system-intro h2{
	margin:0 0 7px;
	color:#111;
	font-size:22px;
	line-height:1.3;
	text-transform:none;
}
.halo-system-intro p{margin:0}
.halo-system-trust{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:14px;
}
.halo-system-trust span{
	padding:6px 10px;
	border:1px solid #ddd;
	border-radius:999px;
	background:#fff;
	font-size:13px;
}
.halo-system-help{
	display:block;
	margin:20px 0;
	padding:14px 16px;
	border:1px solid #e2e2e2;
	border-radius:7px;
	background:#fff;
}
.halo-system-help a{color:#c9000d;font-weight:700}
.woocommerce-cart .main-content,
.woocommerce-checkout .main-content,
.woocommerce-account .main-content{
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.woocommerce-cart .button,
.woocommerce-checkout #place_order,
.woocommerce-account .woocommerce-button{
	border-radius:5px;
}
@media(max-width:600px){
	.halo-system-intro{padding:17px 15px}
	.halo-system-intro h2{font-size:20px}
	.halo-system-trust{display:grid}

	/*
	 * Cart quantity: SmartMag stacks the legacy minus/quantity/plus inputs on
	 * small screens. Keep the controls in one compact row without changing
	 * WooCommerce quantity names or its update-cart behaviour.
	 */
	.woocommerce-cart td.product-quantity .quantity{
		display:inline-grid;
		grid-template-columns:36px 44px 36px;
		width:116px;
		max-width:100%;
		align-items:stretch;
		vertical-align:middle;
	}
	.woocommerce-cart td.product-quantity .quantity input.minus,
	.woocommerce-cart td.product-quantity .quantity input.qty,
	.woocommerce-cart td.product-quantity .quantity input.plus,
	.woocommerce-cart td.product-quantity .quantity button{
		display:block;
		float:none;
		width:100%;
		min-width:0;
		height:36px;
		margin:0;
		padding:0;
		line-height:34px;
		box-sizing:border-box;
	}
	.woocommerce-cart td.product-quantity .quantity input.qty{
		max-width:none;
		border:1px solid #d9d9d9;
		border-right:0;
		border-left:0;
		border-radius:0;
	}
	.woocommerce-cart td.product-quantity .quantity input.minus{
		border-radius:4px 0 0 4px;
	}
	.woocommerce-cart td.product-quantity .quantity input.plus{
		margin-left:0;
		border-radius:0 4px 4px 0;
	}

	/*
	 * Shipping methods contain long Vietnamese labels. A fixed 50/50 table
	 * split leaves too little room and makes each word wrap vertically, so the
	 * shipping row alone is stacked while subtotal/total rows stay unchanged.
	 */
	.woocommerce-cart .cart-collaterals .cart_totals tr.shipping th,
	.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td{
		display:block;
		width:100%;
		max-width:100%;
		padding-right:10px;
		padding-left:10px;
		box-sizing:border-box;
		text-align:left;
	}
	.woocommerce-cart .cart-collaterals .cart_totals tr.shipping th{
		display:none;
	}
	.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td{
		padding-top:0;
		padding-bottom:14px;
	}
	.woocommerce-cart .woocommerce-shipping-methods{
		margin:0;
		padding:0;
		list-style:none;
	}
	.woocommerce-cart .woocommerce-shipping-methods li{
		display:grid;
		grid-template-columns:18px minmax(0,1fr);
		gap:7px;
		margin:0 0 10px;
		align-items:start;
		text-align:left;
	}
	.woocommerce-cart .woocommerce-shipping-methods input{
		width:auto;
		margin:3px 0 0;
	}
	.woocommerce-cart .woocommerce-shipping-methods label,
	.woocommerce-cart .woocommerce-shipping-destination,
	.woocommerce-cart .woocommerce-shipping-calculator{
		min-width:0;
		margin:0;
		overflow-wrap:anywhere;
		line-height:1.45;
		text-align:left;
	}

	/*
	 * WooCommerce mobile tables generate the "Vận chuyển" heading with a
	 * td::before pseudo-element, while the parent theme floats each radio.
	 * Override those higher-specificity legacy rules so the generated heading
	 * and every shipping option occupy their own row.
	 */
	.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td::before{
		display:block;
		float:none;
		width:100%;
		margin:0 0 9px;
		clear:both;
		text-align:left;
	}
	.woocommerce-cart #shipping_method{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		clear:both;
		text-align:left;
	}
	.woocommerce-cart #shipping_method li{
		display:flex;
		gap:10px;
		width:100%;
		margin:0;
		padding:8px 0;
		clear:both;
		align-items:start;
		box-sizing:border-box;
		text-align:left;
	}
	.woocommerce-cart #shipping_method li + li{
		border-top:1px solid #ececec;
	}
	.woocommerce-cart #shipping_method li input{
		position:static;
		display:block;
		float:none;
		flex:0 0 16px;
		width:16px;
		height:16px;
		margin:3px 0 0;
		padding:0;
	}
	.woocommerce-cart #shipping_method li input[type="hidden"]{
		display:none;
	}
	.woocommerce-cart #shipping_method li label{
		position:static;
		display:block;
		float:none;
		flex:1 1 auto;
		width:calc(100% - 26px);
		min-width:0;
		margin:0;
		padding:0;
		overflow-wrap:anywhere;
		line-height:1.45;
		text-align:left;
	}
	.woocommerce-cart #shipping_method li input[type="hidden"] + label{
		flex-basis:100%;
		width:100%;
	}
	.woocommerce-cart #shipping_method li label .amount{
		display:inline;
		white-space:nowrap;
	}
	.woocommerce-cart .cart_totals .woocommerce-shipping-destination{
		display:block;
		width:100%;
		margin:8px 0 0;
		clear:both;
	}
}

/* =============== STICKY CTA MOBILE (trang sản phẩm) =============== */
.smc-buy-bar { display: none; }
@media (max-width: 768px) {
	.smc-buy-bar {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100000;
		height: 56px; background: #fff; border-top: 1px solid #ececec;
		box-shadow: 0 -2px 10px rgba(0,0,0,.10);
	}
	/* Ẩn toolbar generic + chừa chỗ đáy chỉ trên trang SP */
	body.single-product.smc-has-buybar .halomobile_toolbar { display: none !important; }
	body.single-product.smc-has-buybar { padding-bottom: 56px !important; }

	.smc-buy-item {
		display: flex; flex-direction: column; align-items: center; justify-content: center;
		gap: 2px; text-decoration: none; color: #333; font-size: 12px; font-weight: 600;
	}
	.smc-buy-call, .smc-buy-zalo { flex: 1; }
	.smc-buy-call svg { color: var(--brand-red-ink); }
	.smc-buy-zalo .smc-zalo-ic {
		display: inline-flex; align-items: center; justify-content: center;
		width: 24px; height: 20px; border-radius: 4px; background: #0068ff; color: #fff;
		font-size: 10px; font-weight: 700; line-height: 1;
	}
	.smc-buy-now {
		flex: 2; background: var(--brand-red); color: #fff; font-size: 16px; font-weight: 700;
		letter-spacing: .3px;
	}
	.smc-buy-now:hover, .smc-buy-now:active { background: var(--brand-red-dark); color: #fff; }
	.single_add_to_cart_button.smc-flash { animation: smc-flash .6s ease 2; }
	@keyframes smc-flash { 50% { box-shadow: 0 0 0 4px rgba(227,6,19,.35); } }
}

/* =========================================================
   "DỊCH VỤ TẠI HALO MOBILE" (.phu-kien-san-pham) — ĐỔI MÀU SANG ĐỎ
   Giữ nguyên 100% nội dung/HTML của theme cha, CHỈ override màu:
   viền đứt đỏ đậm, nhãn tiêu đề nền đỏ chữ trắng, dấu ✓ tròn đỏ (thay ảnh xanh).
   ========================================================= */
.phu-kien-san-pham {
	border: 2px dashed var(--brand-red, #e30613);
}

/* Nhãn tiêu đề: vàng -> đỏ, chữ trắng */
.phu-kien-san-pham b {
	background: var(--brand-red, #e30613);
	border-color: var(--brand-red-dark, #b30310);
	color: #fff;
}

/* Dấu ✓: thay ảnh check-min.png (xanh) bằng dấu tích ĐƠN GIẢN màu đỏ, dùng
   icon font FontAwesome thật (fa-check, \f00c) — không khung/nền tròn.
   background:none để xóa hẳn background-image cũ của theme cha (tránh lặp
   lỗi 404 + icon chồng như trường hợp down_arrow.svg trước đó). */
.phu-kien-san-pham .thanhtoan:before,
.phu-kien-san-pham .hotro:before,
.phu-kien-san-pham .hoantien:before,
.phu-kien-san-pham .giaohang:before,
.phu-kien-san-pham .baomat:before {
	background: none !important;
	background-image: none !important;
	border-radius: 0;
	width: 20px;
	height: 20px;
	top: 6px;
	font-family: "FontAwesome";
	content: "\f00c";
	color: var(--brand-red, #e30613);
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}

/* =========================================================
   KHỐI "KHUYẾN MÃI & ƯU ĐÃI" (.uu-dai-them) — CSS MỚI HOÀN TOÀN
   Theme cha có rule RIÊNG (khác .phu-kien-san-pham) cho icon dấu tích của
   khối này: ".uu-dai-them li:before{background:url(check-min.png) repeat}"
   — dùng "repeat" (lặp ảnh) nên khi ảnh 404 (bị xóa), trình duyệt LẶP LẠI
   icon "ảnh vỡ" khắp cả dòng chữ, tạo thành khối màu loạn. Viết lại toàn
   bộ khung + icon bằng !important, không phụ thuộc bất kỳ ảnh nào của
   theme cha, đồng bộ style đỏ/trắng với khối "Dịch Vụ tại Halo Mobile".
   ========================================================= */
.uu-dai-them {
	margin: 5px 0 10px;
	padding: 20px 14px 14px;
	border-radius: 10px !important;
	border: 2px dashed var(--brand-red, #e30613) !important;
	background: #fff !important;
	position: relative;
	text-align: left;
}
.uu-dai-them b {
	display: block;
	padding: 4px 12px !important;
	position: absolute;
	background: var(--brand-red, #e30613) !important;
	border: solid 1px var(--brand-red-dark, #b30310) !important;
	color: #fff !important;
	text-align: left;
	top: -12px;
	left: 10px;
	font-size: 12px;
	font-weight: 700 !important;
	line-height: 1.4;
	border-radius: 4px !important;
	text-transform: uppercase;
}
.uu-dai-them ul { margin-bottom: 0; list-style: none; padding-left: 0; }
.uu-dai-them li {
	display: block;
	line-height: 22px;
	padding: 4px 10px 4px 26px !important;
	margin: 0 0 4px !important;
	font-size: 14px;
	color: #333;
	text-align: left;
	position: relative;
}
.uu-dai-them li:before {
	background: none !important;
	background-image: none !important;
	content: "\f00c";
	font-family: "FontAwesome";
	color: var(--brand-red, #e30613);
	font-size: 15px;
	width: auto; height: auto;
	position: absolute;
	left: 4px; top: 4px;
	margin: 0 !important;
	float: none;
}

/* =============== BẢNG SO SÁNH SẢN PHẨM (tông XÁM như ảnh mẫu) =============== */
.halo-compare { margin: 34px 0; }
.halo-compare-title {
	font-size: 20px; font-weight: 700; color: #222; margin: 0 0 14px;
}
.halo-compare-scroll {
	overflow-x: auto; -webkit-overflow-scrolling: touch;
	border-radius: 10px; overflow: hidden;
	border: 1px solid #ececec;
}
.halo-compare-table {
	width: 100%; table-layout: fixed; border-collapse: collapse; background: #fff; min-width: 380px;
}
.halo-compare-table th,
.halo-compare-table td {
	padding: 12px 16px; text-align: left; border-bottom: 1px solid #f0f0f0;
	font-size: 14px; line-height: 1.45; vertical-align: top;
	overflow-wrap: break-word;
}
/* Tỷ lệ cột: Thông số 20% — mỗi sản phẩm 40% */
.halo-compare-table th:first-child,
.halo-compare-table td:first-child { width: 20%; }
.halo-compare-table th:not(:first-child),
.halo-compare-table td:not(:first-child) { width: 40%; }

/* Header NỀN XÁM; cột đang xem: chữ đỏ */
.halo-compare-table thead th {
	background: #f5f5f6; color: #555; font-weight: 700; border-bottom: 1px solid #e6e6e6;
}
.halo-compare-table thead th.cur { color: var(--brand-red, #e30613); }
.halo-compare-table td.label { color: #8a8a8a; }
.halo-compare-table td.cur { font-weight: 400; color: #222; }
/* Giá đỏ cho nổi, không đậm */
.halo-compare-table tbody tr:last-child td.cur,
.halo-compare-table tbody tr:last-child td:not(.label) { color: var(--brand-red, #e30613); font-weight: 400; }
.halo-compare-table tbody tr:last-child td.label { color: #8a8a8a; font-weight: 400; }
.halo-compare-table tbody tr:last-child td { border-bottom: 0; }
.halo-compare-table tbody tr:hover td { background: #fafafa; }

/* =============== FAQ ACCORDION (đỏ/trắng, không cần JS) =============== */
.halo-faq { margin: 34px 0; }
.halo-faq-title {
	font-size: 22px; font-weight: 700; color: var(--brand-red, #e30613);
	margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--brand-red, #e30613);
}
.halo-faq-item {
	border: 1px solid #eee; border-radius: 8px; margin-bottom: 10px;
	background: #fff; overflow: hidden;
}
.halo-faq-q {
	cursor: pointer; padding: 14px 46px 14px 18px; font-weight: 700; color: #222;
	position: relative; list-style: none; user-select: none;
}
.halo-faq-q::-webkit-details-marker { display: none; }
.halo-faq-q::after {
	content: '+'; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
	color: var(--brand-red, #e30613); font-size: 22px; font-weight: 700; line-height: 1;
}
.halo-faq-item[open] .halo-faq-q { color: var(--brand-red, #e30613); }
.halo-faq-item[open] .halo-faq-q::after { content: '\2212'; }
.halo-faq-a { padding: 2px 18px 16px; color: #444; line-height: 1.7; }
.halo-faq-a p:last-child { margin-bottom: 0; }

.halo-provisional-product-notice {
	margin: 12px 0 18px;
	padding: 12px 14px;
	border-left: 3px solid var(--brand-red, #e30613);
	background: #fff7f7;
	color: #333;
	line-height: 1.55;
}

:root {
	--brand-red: #e30613;
	--brand-red-dark: #b30310;
	--brand-red-2: #e42a52;
	--topbar-bg: #c30a1a;
	--header-grad: linear-gradient(90deg, #d90a20 0%, #e42a52 100%);
	--ink: #111114;
	--white: #ffffff;
	--brand-red-ink: #c1060f; /* đỏ đậm hơn cho CHỮ trên nền trắng -> đạt tương phản WCAG AA (~4.9:1) */
	--halo-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* =========================================================
   PHASE 4 — HỆ MÀU ĐỎ–TRẮNG UX (đồng bộ với header)
   Nền/nút dùng --brand-red; CHỮ trên nền trắng dùng --brand-red-ink (AA).
   Theme cha dùng đỏ coral #e54e53 -> gom về đỏ thương hiệu.
   ========================================================= */

/* --- Nút CTA (generic + WooCommerce + shortcode) --- */
.button,
a.button,
button.button,
input[type="submit"],
.sc-button-default,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce .add_to_cart_button,
.woocommerce .product .button {
	background-color: var(--brand-red) !important;
	color: #fff !important;
	border-color: var(--brand-red) !important;
}
.button:hover,
a.button:hover,
button.button:hover,
input[type="submit"]:hover,
.sc-button-default:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .add_to_cart_button:hover {
	background-color: var(--brand-red-dark) !important;
	border-color: var(--brand-red-dark) !important;
	color: #fff !important;
}

/* --- Giá --- */
.woocommerce .price,
.woocommerce .price .amount,
.woocommerce ul.products li.product .price,
p.price, span.price, .price ins .amount {
	color: var(--brand-red-ink);
	font-weight: 700;
}
.woocommerce .price del,
.woocommerce .price del .amount,
.price del, .price del .amount {
	color: #8a8a8a;
	font-weight: 400;
}

/* --- Badge khuyến mãi --- */
.onsale,
.woocommerce span.onsale {
	background-color: var(--brand-red) !important;
	color: #fff !important;
	border-color: var(--brand-red) !important;
}

/* --- Sao đánh giá --- */
.star-rating span::before,
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before,
.woocommerce p.stars a:hover::before {
	color: var(--brand-red);
}

/* --- Nav active/hover: đồng bộ ĐÚNG đỏ header (#e30613), không dùng ink đậm hơn ---
   #e30613 trên nền trắng = 4.88:1 -> vẫn đạt WCAG AA. Áp cho cả nav desktop lẫn
   menu off-canvas mobile (dùng chung selector .navigation .menu). */
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a,
.navigation .menu > li:hover > a,
.navigation .menu .sub-nav li.current-menu-item > a,
.navigation .menu li li:hover > a,
.navigation .menu li li.current-menu-item > a,
.nav-light .menu > .current-menu-item > a,
.nav-light .menu > .current-menu-parent > a,
.nav-light .menu > li:hover > a,
.off-canvas .menu > .current-menu-item > a,
.off-canvas .menu > li:hover > a,
.off-canvas .menu .current-menu-item > a,
.nav-light .mega-menu .sub-nav li:hover > a,
.nav-light .menu .sub-nav li.current-menu-item > a,
.nav-light .menu li li.current-menu-item > a,
.nav-light .menu li li:hover > a,
.navigation .mega-menu .sub-nav li:hover > a {
	color: var(--brand-red);
}

/* --- Phân trang hover --- */
.main-pagination a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--brand-red);
	border-color: var(--brand-red);
	color: #fff;
}

/* --- Breadcrumb: thanh full-width theo thiết kế Halo Mobile --- */
.breadcrumbs-wrap {
	box-sizing: border-box;
	width: 100%;
	min-height: 43px;
	border-top: 3px solid var(--brand-red, #e30613);
	border-bottom: 1px solid #e8e8e8;
	background: #fafafa !important;
}

.breadcrumbs-wrap > .wrap {
	min-height: 39px;
}

.breadcrumbs-wrap .rank-math-breadcrumb,
.breadcrumbs-wrap .breadcrumbs,
.breadcrumbs-wrap .rank-math-breadcrumb p {
	min-height: 39px;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.breadcrumbs-wrap .rank-math-breadcrumb p {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	overflow: hidden;
	color: #111;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.breadcrumbs-wrap .rank-math-breadcrumb a {
	display: inline !important;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--brand-red, #e30613) !important;
	font-weight: 400;
}

.breadcrumbs-wrap .rank-math-breadcrumb a:hover {
	color: var(--brand-red-ink, #b30310) !important;
}

.breadcrumbs-wrap .rank-math-breadcrumb .separator {
	flex: 0 0 auto;
	padding: 0 9px !important;
	color: #aaa;
}

.breadcrumbs-wrap .rank-math-breadcrumb .last {
	overflow: hidden;
	padding: 0 !important;
	color: #111 !important;
	font-weight: 400;
	text-overflow: ellipsis;
}

/* --- Link hover trong nội dung --- */
.the-content a:hover,
.entry-content a:hover,
.post-content a:hover { color: var(--brand-red-ink); }

/* =========================================================
   FONT DUY NHẤT TOÀN SITE (Arial system stack)
   Chỉ nhắm vào phần tử VĂN BẢN (không dùng '*') để KHÔNG phá
   icon-font (Font Awesome .fa / dashicons) vốn có font-family riêng.
   ========================================================= */
body,
button, input, select, textarea, optgroup,
h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th, blockquote, label, small, strong, em, cite,
.navigation, .nav-inner, .main-nav, .menu, .menu a,
.entry, .entry-content, .post-title, .s-title, .the-content,
.widget, .widget-title, .breadcrumbs-wrap,
.woocommerce, .woocommerce-page, .price, .product_title,
.halo-head, .halo-topbar, .halo-header-main {
	font-family: var(--halo-font) !important;
}

/* Khôi phục icon-font (một số icon render bằng <span> nên bị !important ở trên ép nhầm) */
.fa, .fas, .far, .fab, .fal,
[class^="fa-"], [class*=" fa-"] { font-family: "FontAwesome" !important; }
.dashicons, .dashicons-before:before { font-family: "dashicons" !important; }

/*
 * Khóa kiểu chữ cho toàn bộ chữ và số trên website.
 * Các font biểu tượng được khôi phục ngay phía dưới để không ảnh hưởng glyph.
 */
html,
body,
body * {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

body .fa,
body .fas,
body .far,
body .fab,
body .fal,
body [class^="fa-"],
body [class*=" fa-"] {
	font-family: "FontAwesome" !important;
}

body .dashicons,
body .dashicons-before::before {
	font-family: "dashicons" !important;
}

body .woocommerce-store-notice::before,
body .woocommerce-error::before,
body .woocommerce-info::before,
body .woocommerce-message::before,
body .star-rating::before,
body .star-rating span::before,
body p.stars a::before {
	font-family: "WooCommerce" !important;
}

/* =========================================================
   3 icon (hamburger/mũi tên/tìm kiếm): theme cha dùng ảnh SVG nền, nhưng
   file font-awesome.min.css của vendor lại XÓA đúng 3 glyph này (xung đột).
   Nay đã bổ sung lại glyph gốc vào font-awesome.min.css (@font-face hoạt
   động thật) -> chuyển hẳn sang dùng FONT ICON thay ảnh SVG, đồng bộ với
   toàn bộ icon khác trên site. Giữ nguyên kích thước khung (width/height)
   như bản SVG cũ để không lệch layout xung quanh, chỉ đổi cách vẽ icon.
   ========================================================= */
.fa-bars {
	display: inline-block; width: 24px; height: 24px;
	font-size: 20px; line-height: 24px; text-align: center;
	background: none !important; background-image: none !important;
}
.fa-angle-down:before {
	display: inline-block; margin-left: 10px; font-size: 12px;
	background: none !important; background-image: none !important;
}
.fa-search {
	display: inline-block; width: 24px; height: 42px;
	font-size: 18px; line-height: 42px; text-align: center;
	background: none !important; background-image: none !important;
}

/* fa-times (dấu X đóng): theme cha có rule ".fa-remove,.fa-close,.fa-times{content:'>'}"
   thay glyph X thật bằng ký tự ">". Ghi đè lại đúng icon X thật (đã bổ sung glyph
   \f00d vào font-awesome.min.css). !important để thắng chắc chắn dù CSS bị gộp/minify. */
.fa-times:before { content: "\f00d" !important; }

/* Lưới an toàn nhẹ chặn sụp hẳn về 0 trong lúc chờ JS tính lại (xem thêm
   phần JS ép RevSlider recalculate trong header.php). Không đặt quá cao để
   tránh tạo khoảng xám to hơn nếu RevSlider tự tính đúng trước khi CSS này
   có ý nghĩa. */
@media (min-width: 1024px) {
	.main-featured { min-height: 200px; }
}

/* Mũi tên chỉ báo menu con trên DESKTOP — theme cha vốn KHÔNG có sẵn icon này
   (chỉ dựa vào rê chuột để phát hiện submenu), đây là bổ sung mới, không phải
   sửa icon lỗi. Dùng đúng class WordPress chuẩn "menu-item-has-children".
   - Menu CẤP 1 (thanh ngang): mũi tên xuống (▾), canh giữa theo line-height 43px
     của theme cha (dùng position:relative + top thay vì vertical-align để canh
     chính xác, vertical-align:middle canh theo baseline nên bị lệch thấp).
   - Menu CẤP 2/3 (submenu đổ xuống/xổ ngang, li có position:relative sẵn):
     mũi tên sang phải (▸), đặt absolute bên phải hàng — báo hiệu có menu con
     tiếp theo (khớp UX vì submenu xổ ngang sang phải).
   Chỉ áp ở desktop (mobile đã có mũi tên riêng do JS theme tự chèn). */
@media (min-width: 800px) {
	.navigation .menu > li.menu-item-has-children > a:after {
		font-family: "FontAwesome";
		content: "\f107";
		font-size: 11px;
		margin-left: 6px;
		display: inline-block;
		position: relative;
		top: -1px;
	}
	.navigation .menu ul li.menu-item-has-children > a:after {
		font-family: "FontAwesome";
		content: "\f105";
		font-size: 12px;
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* Keep level-2 navigation available to mouse and keyboard users even when
	   an optimization plugin changes the parent theme's stylesheet order. */
	.navigation .menu li.menu-item-has-children:hover > .sub-menu,
	.navigation .menu li.menu-item-has-children:focus-within > .sub-menu,
	.navigation .menu li.menu-item-has-children.halo-desktop-submenu-open > .sub-menu,
	.touch .main-nav .navigation .menu li.menu-item-has-children:hover > .sub-menu,
	.touch .main-nav .navigation .menu li.menu-item-has-children:focus-within > .sub-menu,
	.touch .main-nav .navigation .menu li.menu-item-has-children.halo-desktop-submenu-open > .sub-menu {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		z-index: 10001 !important;
	}

	/* Keep the dropdown in the same hover corridor as its parent. A one-pixel
	   gap is enough to collapse menus on some parent-theme/minified builds. */
	.main-nav,
	.main-nav .navigation-wrap,
	.main-nav .navigation,
	.main-nav .navigation > .wrap {
		overflow: visible;
	}

	.main-nav {
		position: relative;
		z-index: 10000;
	}

}

@media (max-width: 799px) {
	.off-canvas li.menu-item-has-children.halo-submenu-open > .sub-menu {
		display: block;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	.off-canvas li.menu-item-has-children a.chevron {
		cursor: pointer;
	}

	.off-canvas li.menu-item-has-children.halo-submenu-open a.chevron {
		transform: rotate(180deg);
	}
}

/* ---- Khung 1200px: đồng bộ HEADER + BODY + FOOTER ---- */
.halo-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: border-box;
}

/* Container chính của theme cha (body, footer, breadcrumb) — theme cha để 1078px.
   Nâng lên 1200px, dùng max-width + border-box để mobile không tràn (responsive.css
   chỉ chỉnh padding ở breakpoint, không đụng width). */
.wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

body.home .main.wrap {
	width: 100%;
	max-width: none;
	padding-right: 0;
	padding-left: 0;
}

.navigation-wrap .wrap,
.breadcrumbs-wrap > .wrap,
.main-footer > .wrap {
	max-width: 1200px;
	width: auto;
	box-sizing: border-box;
}

.woocommerce .products ul,
.woocommerce ul.products {
	border-top: 0;
	border-left: 0;
}

/* Vô hiệu hoá style .main-head kế thừa từ theme cha (dùng thiết kế riêng) */
.halo-head {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	box-shadow: none;
}

/* =============== TOP BAR =============== */
.halo-topbar {
	background: var(--topbar-bg);
	color: rgba(255, 255, 255, .92);
	font-size: 13px;
	line-height: 1.4;
}
.halo-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 36px;
	gap: 16px;
}
.halo-topbar a { color: rgba(255, 255, 255, .92); text-decoration: none; }
.halo-topbar a:hover { color: #fff; }
.halo-topbar-left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.halo-topbar-left strong { font-weight: 700; color: #fff; }
.halo-topbar-left .halo-dot { opacity: .6; }
.halo-topbar-right { display: flex; align-items: center; gap: 22px; white-space: nowrap; }
.halo-topbar-right .halo-top-phone { font-weight: 700; color: #fff; }

/* =============== HEADER CHÍNH =============== */
.halo-header-main {
	background: var(--header-grad);
	background-color: var(--brand-red);
}
.halo-header-inner {
	display: flex;
	align-items: center;
	gap: 26px;
	min-height: 84px;
}

/* Hamburger (chỉ mobile) */
.halo-mtoggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 36px;
	height: 36px;
	padding: 7px;
	background: transparent;
	border: 0;
	cursor: pointer;
	flex: 0 0 auto;
}
.halo-mtoggle span {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
}

/* Logo — ép cứng !important để KHÔNG bị to/lệch trên bất kỳ loại trang nào
   (sản phẩm/danh mục dùng chung header.php này, nhưng nếu có CSS khác ở nơi khác
   (vd Customizer Additional CSS) vô tình đụng vào .halo-logo-img thì rule này vẫn thắng). */
.halo-logo { flex: 0 0 auto; }
.halo-logo-link { display: inline-block; line-height: 0; }
.halo-logo-img { height: 46px !important; width: auto !important; max-width: none !important; display: block; }

/* Search */
.halo-search {
	flex: 1 1 auto;
	display: flex;
	max-width: 560px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	height: 46px;
}
.halo-search-input {
	flex: 1 1 auto;
	border: 0;
	outline: 0;
	padding: 0 18px;
	font-size: 15px;
	color: #222;
	background: transparent;
	min-width: 0;
}
.halo-search-input::placeholder { color: #8a8a8a; }
.halo-search-btn {
	flex: 0 0 auto;
	border: 0;
	background: var(--ink);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 0 28px;
	cursor: pointer;
	transition: background .15s ease;
}
.halo-search-btn:hover { background: #000; }

/* Hotline + Cart */
.halo-hotline,
.halo-cart {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.halo-hotline .halo-ic,
.halo-cart .halo-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1.5px solid rgba(255, 255, 255, .8);
	border-radius: 50%;
	color: #fff;
	flex: 0 0 auto;
}
.halo-hotline .halo-ic svg,
.halo-cart .halo-ic svg { width: 19px; height: 19px; }
.halo-hotline-txt,
.halo-cart-txt { display: flex; flex-direction: column; line-height: 1.2; }
.halo-hotline-txt small,
.halo-cart-txt small { font-size: 11px; opacity: .9; }
.halo-hotline-txt strong,
.halo-cart-txt strong { font-size: 15px; font-weight: 700; }

/* =============== RESPONSIVE =============== */
@media (max-width: 1024px) {
	.halo-header-inner { gap: 16px; }
	.halo-search { max-width: none; }
}

@media (max-width: 799px) {
	.halo-wrap { padding-left: 15px; padding-right: 15px; }

	/* Mobile: [☰ menu]  [LOGO giữa]  [🛒 giỏ], rồi [ô tìm kiếm].
	   Ẩn top bar + hotline; danh mục qua hamburger. */
	.halo-topbar { display: none; }
	.halo-hotline { display: none; }

	.halo-header-inner {
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
		min-height: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/* hamburger trái + cart phải: canh giữa theo hàng logo cao 46px (bắt đầu ở top 10px) */
	.halo-mtoggle {
		display: flex; position: absolute; left: 12px; top: 10px;
		height: 46px; padding-top: 0; padding-bottom: 0;
	}
	.halo-logo { order: 1; margin: 0 auto; }
	.halo-cart {
		order: 2; position: absolute; right: 12px; top: 10px;
		height: 46px; gap: 6px;
	}
	.halo-cart-txt { display: none; } /* mobile chỉ icon giỏ cho gọn */
	.halo-search { order: 3; flex-basis: 100%; width: 100%; height: 42px; margin-top: 12px; }

	/* Ẩn hamburger cũ của theme (dùng hamburger trong header) — off-canvas vẫn chạy */
	.main-nav .navigation .nav-inner > .mobile { display: none !important; }
	.main-nav .navigation.nav-light { border: 0; }
}

@media (max-width: 480px) {
	.halo-search-btn { padding: 0 18px; }
}

/* =============== CHẶN TRÀN NGANG MOBILE (fix zoom/kéo ngang) ===============
   Menu off-canvas của theme (position:absolute + translateX) active ở ≤799px
   nhưng theme KHÔNG set overflow-x:hidden -> menu đỗ ngoài màn hình đẩy chiều
   rộng trang. Breakpoint 799px khớp đúng với @media của off-canvas. */
@media (max-width: 799px) {
	html, body { overflow-x: hidden; max-width: 100%; }
	/* Bảng thông số dài -> cuộn trong khung, không đẩy cả trang */
	.thong-so { overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.table-thong-so { width: 100%; }
	/* An toàn cho media/embeds rộng */
	img, table, iframe, video, embed, object { max-width: 100%; }

	/* Bảng SO SÁNH SẢN PHẨM: loại khỏi rule max-width:100% ở trên -> giữ đúng
	   min-width để cuộn ngang trong khung .halo-compare-scroll, không bị bóp cột. */
	.halo-compare-table { max-width: none; }
}

/* =============== HOMEPAGE SEMANTIC SECTIONS =============== */
.home .main-content > section {
	margin: 0 0 34px;
}

.halo-home-hero {
	padding: 34px;
	border-radius: 12px;
	background: #f7f7f7;
}

.halo-home-hero h1 {
	margin: 4px 0 12px;
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.2;
}

.halo-home-eyebrow {
	margin: 0;
	color: #c40016;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.halo-home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.halo-primary-cta,
.halo-secondary-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid #c40016;
	border-radius: 6px;
	font-weight: 700;
	text-decoration: none;
}

.halo-primary-cta {
	background: #c40016;
	color: #fff !important;
}

.halo-secondary-cta {
	background: #fff;
	color: #c40016 !important;
}

.halo-home-trust ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.halo-home-trust li,
.halo-review-grid blockquote {
	margin: 0;
	padding: 18px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fff;
}

.halo-review-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.halo-review-grid footer {
	color: #666;
	font-size: 14px;
}

.halo-home-contact iframe {
	margin-top: 14px;
	border: 0;
	border-radius: 8px;
}

@media (max-width: 799px) {
	.halo-home-hero {
		padding: 24px 18px;
	}

	.halo-home-trust ul,
	.halo-review-grid {
		grid-template-columns: 1fr;
	}
}

.halo-product-advice,
.halo-category-guide {
	margin: 28px 0;
	padding: 22px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fff;
}

.halo-editorial-note {
	clear: both;
	margin: 28px 0 8px;
	padding: 16px 18px;
	border: 1px solid #e3e6ea;
	border-left: 4px solid #c90000;
	border-radius: 6px;
	background: #fafafa;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
}

.halo-editorial-note p {
	margin: 6px 0 0;
}

.halo-product-help-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 16px;
}

.halo-product-help-links a {
	color: #b40015;
	font-weight: 700;
}

.halo-related-guides {
	margin: 32px 0 16px;
	padding: 20px 22px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #f8fafc;
}

.halo-related-guides h2 {
	margin: 0 0 12px;
	font-size: 1.25rem;
}

.halo-related-guides ul {
	margin: 0;
	padding-left: 20px;
}

.halo-related-guides li + li {
	margin-top: 7px;
}

.halo-service-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.halo-service-grid article {
	padding: 20px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fff;
}

@media (max-width: 600px) {
	.halo-service-grid {
		grid-template-columns: 1fr;
	}
}

/* Keep nested repair menus inside the viewport near the right edge. */
.navigation .menu > li:nth-last-child(-n+3) .sub-menu .sub-menu {
	right: 100%;
	left: auto;
}

[id^="devvn_contact_"] img {
	width: 44px;
	height: 44px;
}

body.tax-product_cat ul.products li.product .product-thumb[data-halo-product-link="1"],
body.post-type-archive-product ul.products li.product .product-thumb[data-halo-product-link="1"] {
	cursor: pointer;
}

.halo-purchase-assurance {
	margin: 14px 0 4px;
	padding: 14px 16px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #f8fafc;
	font-size: .94rem;
}

.halo-purchase-assurance p {
	margin: 0 0 7px;
}

.halo-purchase-assurance p:last-child {
	margin-bottom: 0;
}

/* Contact links must remain distinguishable without relying on color alone. */
.halo-home-about p a,
.halo-home-contact p a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.halo-store-map-shell {
	margin-top: 14px;
	min-height: 52px;
}

.halo-map-load,
.halo-map-external {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 11px 16px;
	border-radius: 6px;
	font-weight: 700;
}

.halo-map-load {
	border: 0;
	background: #b40015;
	color: #fff;
	cursor: pointer;
}

.halo-map-external {
	border: 1px solid #b40015;
	color: #b40015;
}

.halo-store-map {
	display: block;
	margin-top: 4px;
	border: 0;
	border-radius: 8px;
}

/* Business identity, legal trust and verification page. */
.halo-footer-legal{clear:both;margin-top:20px;padding:16px 0 4px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;line-height:1.55}
.halo-footer-legal p{margin:0 0 5px}
.halo-footer-legal a{text-decoration:underline;text-underline-offset:2px}
.lower-foot .wrap{display:flex;align-items:center;gap:6px}
.lower-foot .widgets,.lower-foot .textwidget p{margin:0}
.lower-foot .halo-footer-legal{flex:1;margin:0;padding:0;border:0;font-size:12px;white-space:nowrap}
.lower-foot .halo-footer-legal p{margin:0}
.halo-business-identity-page{max-width:900px}
.halo-business-lead{font-size:17px;line-height:1.65}
.halo-business-hero{margin-bottom:34px;padding:28px;border:1px solid #e5e5e5;border-left:4px solid #e30613;border-radius:12px;background:#fff}
.halo-business-badge{display:inline-block;margin-bottom:12px;padding:6px 10px;border-radius:999px;color:#a9000a;background:#fdebed;font-size:13px;font-weight:700}
.halo-business-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.halo-business-actions a{padding:10px 16px;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.halo-business-actions .halo-business-primary{color:#fff;background:#e30613}
.halo-business-summary,.halo-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 30px}
.halo-business-summary>div,.halo-policy-grid>a{padding:18px;border:1px solid #e5e5e5;border-radius:9px;background:#fff}
.halo-business-summary span,.halo-policy-grid span{display:block;margin-bottom:5px;color:#555;font-size:13px}
.halo-business-summary strong,.halo-policy-grid strong{display:block;overflow-wrap:anywhere}
.halo-privacy-note{margin:18px 0 30px;padding:16px 18px;border-radius:8px;background:#f7f7f7}
.halo-privacy-note p{margin:6px 0 0}
.halo-business-contact-grid{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:24px;margin-bottom:18px}
.halo-business-contact-grid address{padding:18px;border:1px solid #e5e5e5;border-radius:9px;font-style:normal;line-height:1.75}
.halo-policy-grid>a{color:inherit}
.halo-policy-grid>a:hover{border-color:#e30613}
.halo-verify-steps{padding-left:22px}
.halo-verify-steps li{margin-bottom:10px}
.halo-legal-details{overflow:hidden;margin:20px 0;border:1px solid #e30613;border-radius:10px}
.halo-legal-details>div{display:grid;grid-template-columns:minmax(190px,30%) 1fr;border-bottom:1px solid #e5e5e5}
.halo-legal-details>div:last-child{border-bottom:0}
.halo-legal-details dt,.halo-legal-details dd{margin:0;padding:12px 16px}
.halo-legal-details dt{font-weight:700;background:#f7f7f7}
@media (max-width:600px){
	.lower-foot .wrap{display:block}
	.lower-foot .halo-footer-legal{margin-top:8px;white-space:normal}
	.halo-footer-legal{padding-right:12px;padding-left:12px}
	.halo-legal-details>div{display:block}
	.halo-business-hero{padding:20px 16px}
	.halo-business-summary,.halo-policy-grid,.halo-business-contact-grid{grid-template-columns:1fr}
	.halo-legal-details dd{overflow-wrap:anywhere}
}

/* Warranty lookup tool. */
.halo-warranty-lookup-page{max-width:900px}
.halo-warranty-intro{margin-bottom:24px;padding:20px 22px;border-left:4px solid #e30613;background:#f8f8f8}
.halo-warranty-tool{margin-bottom:32px;padding:24px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-warranty-tool h2{margin-top:0}
.halo-warranty-tool .qlkd-bh-embed{margin-top:16px}
.halo-warranty-tool .qlkd-pub-warranty-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.halo-warranty-tool .qlkd-pub-warranty-form label{grid-column:1/-1;font-weight:700}
.halo-warranty-tool .qlkd-pub-warranty-form input{min-width:0;height:46px}
.halo-warranty-tool .qlkd-pub-warranty-form button{min-height:46px;padding:0 24px}
.halo-warranty-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 30px}
.halo-warranty-steps>div{padding:18px;border:1px solid #e5e5e5;border-radius:8px}
.halo-warranty-steps strong,.halo-warranty-steps span{display:block}
.halo-warranty-steps span{margin-top:7px;color:#555}
@media (max-width:600px){
	.halo-warranty-tool{padding:18px 14px}
	.halo-warranty-tool .qlkd-pub-warranty-form{grid-template-columns:1fr}
	.halo-warranty-tool .qlkd-pub-warranty-form label{grid-column:auto}
	.halo-warranty-steps{grid-template-columns:1fr}
}

/* Thu cũ đổi mới. */
body.page-id-2387 .main-content{float:none;width:100%}
.halo-tradein-page{color:#171717}
.halo-tradein-page,.halo-tradein-page *{box-sizing:border-box}
.halo-tradein-page>section{position:static;left:auto;width:100%;max-width:none;margin:0;padding:36px 24px;overflow:visible}
.halo-tradein-hero{margin:0 auto;padding:30px 0 36px}
.halo-tradein-page>section:nth-of-type(odd){background:#f7f7f7}
.halo-tradein-page h2{margin:0 0 14px;font-size:clamp(24px,2.2vw,30px);line-height:1.25}
.halo-tradein-page h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:16px;border-radius:2px;background:#e30613}
.halo-tradein-page h3{margin:0 0 8px;font-size:17px}
.halo-tradein-page p,.halo-tradein-page li{line-height:1.65}
.halo-tradein-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.halo-tradein-actions a{min-height:44px;padding:11px 18px;border:2px solid #e30613;border-radius:7px;font-weight:700;text-align:center}
.halo-tradein-actions .halo-primary-button{color:#fff;background:#e30613}
.halo-tradein-actions .halo-secondary-button{color:#e30613;background:#fff}
.halo-tradein-steps,.halo-tradein-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.halo-tradein-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.halo-tradein-steps article,.halo-tradein-grid article{padding:22px;border:1px solid #dedede;border-radius:10px;background:#fff}
.halo-tradein-steps article>span{display:inline-grid;width:34px;height:34px;margin-bottom:12px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-tradein-page .halo-tradein-wrap{overflow-x:auto;margin:22px 0 0;border-radius:10px}
.halo-tradein-page .halo-tradein-table{min-width:340px}
.halo-tradein-contact{border-top:3px solid #e30613}
@media (max-width:767px){
	.halo-tradein-page>section{width:100%;margin:0;padding:26px 16px;overflow:visible}
	.halo-tradein-hero{padding:24px 16px 28px}
	.halo-tradein-steps,.halo-tradein-grid{grid-template-columns:1fr}
	.halo-tradein-actions a{width:100%}
}

/* iPhone 17 Pro Max Lock: giữ bố cục, đồng bộ đỏ - trắng - đen. */
body.postid-105137{--halo-product-red:#e30613;--halo-product-black:#1a1a1a}
body.postid-105137 .summary .price,
body.postid-105137 .summary .price .amount,
body.postid-105137 .summary .price .woocommerce-Price-currencySymbol,
body.postid-105137 .woocommerce-product-rating .star-rating,
body.postid-105137 .woocommerce-product-rating .star-rating:before{
	color:var(--halo-product-red)
}
body.postid-105137 .halo-stock-line,
body.postid-105137 .halo-variation-stock-inline{
	color:var(--halo-product-black)!important
}
body.postid-105137 .halo-stock-line .fa,
body.postid-105137 .halo-variation-stock-inline .fa{
	color:var(--halo-product-red)!important
}
body.postid-105137 #reviews .comment-reply-link,
body.postid-105137 #reviews .cmtlike,
body.postid-105137 #reviews .cmt_count,
body.postid-105137 #reviews .reply{
	color:var(--halo-product-red)
}
body.postid-105137 .single_add_to_cart_button,
body.postid-105137 .btn-reviews-now{
	border-color:var(--halo-product-red);
	color:#fff;
	background:var(--halo-product-red)
}
body.postid-105137 .halo-call-consult{
	border-color:var(--halo-product-red);
	color:var(--halo-product-red);
	background:#fff
}

/* Landing page sửa chữa. */
.term-sua-chua .term-description{margin:0 0 28px;padding:24px;border:1px solid #e5e5e5;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-sua-chua .term-description p{margin:0;line-height:1.65}
.term-sua-chua .term-description a{display:inline-block;margin:18px 10px 0 0;padding:10px 16px;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-sua-chua .term-description a:first-of-type{color:#fff;background:#e30613}
.term-sua-chua .halo-category-guide{margin-top:34px}
.term-sua-chua .halo-category-guide>h2{margin:34px 0 14px;font-size:26px;line-height:1.3}
.term-sua-chua .halo-category-guide>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-repair-service-grid,.halo-repair-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 34px}
.halo-repair-service-grid>a,.halo-repair-steps>div{padding:18px;border:1px solid #e2e2e2;border-radius:9px;color:#1a1a1a;background:#fff}
.halo-repair-service-grid>a:hover{border-color:#e30613;text-decoration:none}
.halo-repair-service-grid strong,.halo-repair-service-grid span{display:block}
.halo-repair-service-grid strong{margin-bottom:7px;color:#e30613;font-size:17px}
.halo-repair-service-grid span{line-height:1.55}
.halo-repair-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.halo-repair-steps>div>span{display:grid;width:32px;height:32px;margin-bottom:10px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-repair-steps h3{margin:0 0 7px;font-size:16px}
.halo-repair-steps p{margin:0;line-height:1.55}
.halo-repair-checklist{padding-left:22px}
.halo-repair-checklist li{margin-bottom:9px;line-height:1.6}
.halo-repair-contact{margin-top:30px;padding:22px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-repair-contact h2{margin-top:0!important}
@media (max-width:767px){
	.term-sua-chua .term-description{
		width:100%;
		min-width:0;
		height:auto;
		max-height:none;
		padding:19px 16px;
		box-sizing:border-box;
		overflow:visible;
	}
	.term-sua-chua .term-description p{min-width:0;overflow-wrap:anywhere}
	.term-sua-chua .term-description a{
		display:flex;
		width:100%;
		max-width:100%;
		margin-right:0;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.halo-repair-service-grid,.halo-repair-steps{grid-template-columns:1fr}
	.term-sua-chua .halo-category-guide>h2{font-size:23px}
}

/* Landing page thay màn hình. */
.term-thay-man-hinh .term-description{margin-bottom:28px;padding:24px;border:1px solid #e5e5e5;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-thay-man-hinh .term-description p{margin:0 0 8px;line-height:1.65}
.term-thay-man-hinh .term-description p:last-child{margin-bottom:0}
.term-thay-man-hinh .term-description a{display:inline-block;margin:10px 10px 0 0;padding:10px 16px;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-thay-man-hinh .term-description a:first-of-type{color:#fff;background:#e30613}
.term-thay-man-hinh .halo-category-guide{margin-top:34px}
.term-thay-man-hinh .halo-category-guide>h2{margin:34px 0 14px;font-size:26px;line-height:1.3}
.term-thay-man-hinh .halo-category-guide>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-screen-symptoms,.halo-screen-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 28px}
.halo-screen-symptoms>div,.halo-screen-steps>div{padding:18px;border:1px solid #e2e2e2;border-radius:9px;background:#fff}
.halo-screen-symptoms strong,.halo-screen-symptoms span{display:block}
.halo-screen-symptoms strong{margin-bottom:7px;color:#e30613;font-size:16px}
.halo-screen-symptoms span,.halo-screen-steps p{line-height:1.55}
.halo-screen-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.halo-screen-steps>div>span{display:grid;width:32px;height:32px;margin-bottom:10px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-screen-steps h3{margin:0 0 7px;font-size:16px}
.halo-screen-steps p{margin:0}
.halo-screen-checklist{padding-left:22px}
.halo-screen-checklist li{margin-bottom:9px;line-height:1.6}
.halo-screen-contact{margin-top:30px;padding:22px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-screen-contact h2{margin-top:0!important}
@media (max-width:767px){
	.term-thay-man-hinh .term-description{
		width:100%;
		min-width:0;
		height:auto;
		max-height:none;
		padding:19px 16px;
		box-sizing:border-box;
		overflow:visible;
	}
	.term-thay-man-hinh .term-description p{min-width:0;overflow-wrap:anywhere}
	.term-thay-man-hinh .term-description a{
		display:flex;
		width:100%;
		max-width:100%;
		margin-right:0;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.halo-screen-symptoms,.halo-screen-steps{grid-template-columns:1fr}
	.term-thay-man-hinh .halo-category-guide>h2{font-size:23px}
}

/* Dedicated repair-service landing pages. */
.term-thay-ep-kinh .term-description,
.term-thay-kinh-lung .term-description,
.term-thay-pin .term-description,
.term-thay-loa-ngoai .term-description,
.term-thay-loa-trong .term-description,
.term-thay-camera-sau .term-description,
.term-thay-camera-truoc .term-description,
.term-thay-main .term-description,
.term-thay-vo .term-description,
.halo-repair-service-intro{margin-bottom:28px;padding:24px;border:1px solid #e5e5e5;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-thay-ep-kinh .term-description>p,
.term-thay-kinh-lung .term-description>p,
.term-thay-pin .term-description>p,
.term-thay-loa-ngoai .term-description>p,
.term-thay-loa-trong .term-description>p,
.term-thay-camera-sau .term-description>p,
.term-thay-camera-truoc .term-description>p,
.term-thay-main .term-description>p,
.term-thay-vo .term-description>p,
.halo-repair-service-intro p{margin:0;line-height:1.65}
.term-thay-ep-kinh .term-description a,
.term-thay-kinh-lung .term-description a,
.term-thay-pin .term-description a,
.term-thay-loa-ngoai .term-description a,
.term-thay-loa-trong .term-description a,
.term-thay-camera-sau .term-description a,
.term-thay-camera-truoc .term-description a,
.term-thay-main .term-description a,
.term-thay-vo .term-description a{display:inline-flex;min-height:42px;margin:14px 10px 0 0;padding:10px 16px;align-items:center;justify-content:center;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-thay-ep-kinh .term-description a:first-of-type,
.term-thay-kinh-lung .term-description a:first-of-type,
.term-thay-pin .term-description a:first-of-type,
.term-thay-loa-ngoai .term-description a:first-of-type,
.term-thay-loa-trong .term-description a:first-of-type,
.term-thay-camera-sau .term-description a:first-of-type,
.term-thay-camera-truoc .term-description a:first-of-type,
.term-thay-main .term-description a:first-of-type,
.term-thay-vo .term-description a:first-of-type{color:#fff;background:#e30613}
.halo-repair-service-intro .halo-repair-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.halo-repair-service-intro .halo-repair-actions a{display:inline-flex;min-height:42px;padding:10px 16px;align-items:center;justify-content:center;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.halo-repair-service-intro .halo-repair-actions .halo-repair-primary{color:#fff;background:#e30613}
.halo-repair-service-content>h2{margin:34px 0 14px;font-size:26px;line-height:1.3}
.halo-repair-service-content>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-repair-note{margin:18px 0 30px;padding:16px 18px;border-left:4px solid #e30613;background:#fff1f2;line-height:1.65}
.halo-repair-related-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 30px}
.halo-repair-related-links a{padding:10px 14px;border:1px solid #dedede;border-radius:7px;color:#1a1a1a;background:#fff;font-weight:700}
.halo-repair-related-links a:hover{border-color:#e30613;color:#e30613;text-decoration:none}

@media (max-width:799px){
	.term-thay-ep-kinh .term-description,
	.term-thay-kinh-lung .term-description,
	.term-thay-pin .term-description,
	.term-thay-loa-ngoai .term-description,
	.term-thay-loa-trong .term-description,
	.term-thay-camera-sau .term-description,
	.term-thay-camera-truoc .term-description,
	.term-thay-main .term-description,
	.term-thay-vo .term-description,
	.halo-repair-service-intro{
		width:100%;
		min-width:0;
		height:auto;
		max-height:none;
		padding:19px 16px;
		box-sizing:border-box;
		overflow:visible;
	}
	.term-thay-ep-kinh .term-description>p,
	.term-thay-kinh-lung .term-description>p,
	.term-thay-pin .term-description>p,
	.term-thay-loa-ngoai .term-description>p,
	.term-thay-loa-trong .term-description>p,
	.term-thay-camera-sau .term-description>p,
	.term-thay-camera-truoc .term-description>p,
	.term-thay-main .term-description>p,
	.term-thay-vo .term-description>p,
	.halo-repair-service-intro p{min-width:0;overflow-wrap:anywhere}
	.term-thay-ep-kinh .term-description a,
	.term-thay-kinh-lung .term-description a,
	.term-thay-pin .term-description a,
	.term-thay-loa-ngoai .term-description a,
	.term-thay-loa-trong .term-description a,
	.term-thay-camera-sau .term-description a,
	.term-thay-camera-truoc .term-description a,
	.term-thay-main .term-description a,
	.term-thay-vo .term-description a{
		display:flex;
		width:100%;
		max-width:100%;
		margin-right:0;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.halo-repair-service-intro .halo-repair-actions a{
		width:100%;
		max-width:100%;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.halo-repair-service-content>h2{font-size:23px}
	.halo-repair-related-links{display:grid;grid-template-columns:1fr}
}

/* Main used-iPhone landing page. */
.term-may-cu .term-description,.term-iphone-cu .term-description{margin:0 0 28px;padding:24px;border:1px solid #e3e3e3;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-may-cu .term-description p,.term-iphone-cu .term-description p{margin:0 0 8px;line-height:1.65}
.term-may-cu .term-description p:last-child,.term-iphone-cu .term-description p:last-child{margin-bottom:0}
.term-may-cu .term-description a,.term-iphone-cu .term-description a{display:inline-flex;min-height:42px;margin:10px 10px 0 0;padding:10px 16px;align-items:center;justify-content:center;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-may-cu .term-description a:first-of-type,.term-iphone-cu .term-description a:first-of-type{color:#fff;background:#e30613}
.term-may-cu .halo-category-guide,.term-iphone-cu .halo-category-guide{margin-top:36px}
.halo-scroll-anchor{height:0;scroll-margin-top:90px}
.term-iphone-cu .halo-used-guide>h2{margin:36px 0 14px;font-size:26px;line-height:1.3}
.term-iphone-cu .halo-used-guide>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-used-series{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 30px}
.halo-used-series a{padding:17px;border:1px solid #e1e1e1;border-radius:9px;color:#1a1a1a;background:#fff}
.halo-used-series a:hover{border-color:#e30613;text-decoration:none}
.halo-used-series strong,.halo-used-series span{display:block}
.halo-used-series strong{margin-bottom:7px;color:#e30613;font-size:17px}
.halo-used-series span{line-height:1.5}
.halo-used-note{margin:18px 0 30px;padding:17px 18px;border-left:4px solid #e30613;background:#fff0f1;line-height:1.65}
.halo-used-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 30px}
.halo-used-checks article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-used-checks article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-used-checks h3{margin:0 0 6px;font-size:16px}
.halo-used-checks p{margin:0;line-height:1.55}
.halo-used-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.halo-used-compare>div{padding:18px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-used-compare h3{margin:0 0 8px;font-size:18px}
.halo-used-compare p{margin:0}
.halo-used-contact{margin-top:25px;padding:21px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-used-contact h2{margin-top:0!important}
.halo-used-contact p:last-child{margin-bottom:0}

@media(max-width:799px){
	.term-may-cu .term-description,.term-iphone-cu .term-description{padding:19px 16px}
	.term-may-cu .term-description a,.term-iphone-cu .term-description a{width:100%;margin-right:0}
	body.halo-used-category-tree .term-description{
		width:100%;
		min-width:0;
		height:auto;
		max-height:none;
		padding:19px 16px;
		box-sizing:border-box;
		overflow:visible;
	}
	body.halo-used-category-tree .term-description p{
		min-width:0;
		overflow-wrap:anywhere;
	}
	body.halo-used-category-tree .term-description a{
		display:flex;
		width:100%;
		max-width:100%;
		margin-right:0;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.term-iphone-cu .halo-used-guide>h2{font-size:23px}
	.halo-used-series{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.halo-used-checks,.halo-used-compare{grid-template-columns:1fr}
	.halo-used-contact{padding:18px 16px}
}

/* Parent used-device hub: intentionally shorter and distinct from iPhone cũ. */
.term-may-cu .halo-used-hub>h2{margin:36px 0 14px;font-size:26px;line-height:1.3}
.term-may-cu .halo-used-hub>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-used-hub-card{display:flex;gap:22px;margin:18px 0 30px;padding:22px;align-items:center;justify-content:space-between;border:1px solid #e1e1e1;border-radius:10px;background:#fff}
.halo-used-hub-card>div{max-width:760px}
.halo-used-hub-card span{color:#666}
.halo-used-hub-card h3{margin:5px 0 8px;font-size:20px}
.halo-used-hub-card p{margin:0;line-height:1.6}
.halo-used-hub-card>a{flex:0 0 auto;padding:11px 16px;border:1px solid #e30613;border-radius:6px;color:#fff;background:#e30613;font-weight:700}
.halo-used-hub-card>a:hover{text-decoration:none}
.halo-used-hub-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 30px}
.halo-used-hub-compare article,.halo-used-hub-steps article{padding:18px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-used-hub-compare h3,.halo-used-hub-steps h3{margin:0 0 7px;font-size:17px}
.halo-used-hub-compare p,.halo-used-hub-steps p{margin:0;line-height:1.55}
.halo-used-hub-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}
.halo-used-hub-steps span{display:grid;width:32px;height:32px;margin-bottom:10px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-used-hub-contact{margin-top:26px;padding:21px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-used-hub-contact h2{margin-top:0!important}
.halo-used-hub-contact p:last-child{margin-bottom:0}

@media(max-width:799px){
	.term-may-cu .halo-used-hub>h2{font-size:23px}
	.halo-used-hub-card{display:block;padding:18px 16px}
	.halo-used-hub-card>a{display:block;margin-top:16px;text-align:center}
	.halo-used-hub-compare,.halo-used-hub-steps{grid-template-columns:1fr}
	.halo-used-hub-contact{padding:18px 16px}
}

/* Used iPhone 17 Series landing page. */
.term-apple-iphone-17-series-cu .term-description{margin:0 0 28px;padding:24px;border:1px solid #e3e3e3;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-apple-iphone-17-series-cu .term-description p{margin:0 0 8px;line-height:1.65}
.term-apple-iphone-17-series-cu .term-description p:last-child{margin-bottom:0}
.term-apple-iphone-17-series-cu .term-description a{display:inline-flex;min-height:42px;margin:10px 10px 0 0;padding:10px 16px;align-items:center;justify-content:center;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-apple-iphone-17-series-cu .term-description a:first-of-type{color:#fff;background:#e30613}
.term-apple-iphone-17-series-cu .halo-category-guide{margin-top:36px}
.term-apple-iphone-17-series-cu .halo-iphone17-used-guide>h2{margin:36px 0 14px;font-size:26px;line-height:1.3}
.term-apple-iphone-17-series-cu .halo-iphone17-used-guide>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-iphone17-stock-note{margin:18px 0 30px;padding:17px 18px;border-left:4px solid #e30613;background:#fff0f1;line-height:1.65}
.halo-iphone17-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 30px}
.halo-iphone17-fit article,.halo-iphone17-compare article{padding:18px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-iphone17-fit h3,.halo-iphone17-compare h3{margin:0 0 7px;font-size:17px}
.halo-iphone17-fit p,.halo-iphone17-compare p{margin:0;line-height:1.55}
.halo-iphone17-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 30px}
.halo-iphone17-checks article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-iphone17-checks article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-iphone17-checks h3{margin:0 0 6px;font-size:16px}
.halo-iphone17-checks p{margin:0;line-height:1.55}
.halo-iphone17-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 30px}
.halo-iphone17-contact{margin-top:26px;padding:21px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-iphone17-contact h2{margin-top:0!important}
.halo-iphone17-contact p:last-child{margin-bottom:0}

@media(max-width:799px){
	.term-apple-iphone-17-series-cu .term-description{padding:19px 16px}
	.term-apple-iphone-17-series-cu .term-description a{width:100%;margin-right:0}
	.term-apple-iphone-17-series-cu .halo-iphone17-used-guide>h2{font-size:23px}
	.halo-iphone17-fit,.halo-iphone17-checks,.halo-iphone17-compare{grid-template-columns:1fr}
	.halo-iphone17-contact{padding:18px 16px}
}

/* SIM ghép iPhone Lock category. */
.term-sim-ghep .term-description{margin:0 0 28px;padding:24px;border:1px solid #e3e3e3;border-left:4px solid #e30613;border-radius:10px;background:#fff}
.term-sim-ghep .term-description p{margin:0 0 8px;line-height:1.65}
.term-sim-ghep .term-description p:last-child{margin-bottom:0}
.term-sim-ghep .term-description a{display:inline-flex;min-height:42px;margin:10px 10px 0 0;padding:10px 16px;align-items:center;justify-content:center;border:1px solid #e30613;border-radius:6px;color:#e30613;font-weight:700}
.term-sim-ghep .term-description a:first-of-type{color:#fff;background:#e30613}
.term-sim-ghep .halo-category-guide{margin-top:36px}
.term-sim-ghep .halo-sim-guide>h2{margin:36px 0 14px;font-size:26px;line-height:1.3}
.term-sim-ghep .halo-sim-guide>h2:before{content:"";display:block;width:40px;height:4px;margin-bottom:14px;border-radius:2px;background:#e30613}
.halo-sim-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 30px}
.halo-sim-factors article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:17px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-sim-factors article>span,.halo-sim-steps article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#e30613;font-weight:700}
.halo-sim-factors h3,.halo-sim-steps h3{margin:0 0 6px;font-size:16px}
.halo-sim-factors p,.halo-sim-steps p{margin:0;line-height:1.55}
.halo-sim-note{margin:18px 0 30px;padding:17px 18px;border-left:4px solid #e30613;background:#fff0f1;line-height:1.65}
.halo-sim-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 30px}
.halo-sim-steps article{padding:17px;border:1px solid #e1e1e1;border-radius:9px;background:#fff}
.halo-sim-steps article>span{margin-bottom:11px}
.halo-sim-checklist{margin:16px 0 30px;padding-left:22px}
.halo-sim-checklist li{margin-bottom:9px;line-height:1.6}
.halo-sim-contact{margin-top:26px;padding:21px;border:1px solid #e30613;border-radius:10px;background:#fff}
.halo-sim-contact h2{margin-top:0!important}
.halo-sim-contact p:last-child{margin-bottom:0}

@media(max-width:799px){
	.term-sim-ghep .term-description{
		width:100%;
		min-width:0;
		height:auto;
		max-height:none;
		padding:19px 16px;
		box-sizing:border-box;
		overflow:visible;
	}
	.term-sim-ghep .term-description p{
		min-width:0;
		overflow-wrap:anywhere;
	}
	.term-sim-ghep .term-description a{
		display:flex;
		width:100%;
		max-width:100%;
		margin-right:0;
		box-sizing:border-box;
		white-space:normal;
		text-align:center;
	}
	.term-sim-ghep .halo-sim-guide>h2{font-size:23px}
	.halo-sim-factors,.halo-sim-steps{grid-template-columns:1fr}
	.halo-sim-contact{padding:18px 16px}
}

/* Product-category editorial blocks: keep parent-theme typography from
 * flattening headings and internal links into unstructured text. */
body.tax-product_cat .page-title{
	text-transform:none;
}
body.tax-product_cat .woocommerce-products-header .term-description{
	margin:0 0 24px;
	padding:18px 20px;
	border:1px solid #e3e3e3;
	border-left:4px solid #e30613;
	border-radius:8px;
	background:#fff;
}
body.tax-product_cat .woocommerce-products-header .term-description p{
	margin:0 0 8px;
	line-height:1.65;
}
body.tax-product_cat .woocommerce-products-header .term-description p:last-child{
	margin-bottom:0;
}
body.tax-product_cat .woocommerce-products-header .term-description a{
	color:#c9000d;
	font-weight:700;
}
body.tax-product_cat .halo-category-guide{
	padding:20px 22px;
}
body.tax-product_cat .halo-category-guide > h2{
	margin:0 0 10px;
	color:#111;
	font-size:22px;
	line-height:1.35;
	text-transform:none;
}
body.tax-product_cat .halo-category-guide > h2::before{
	content:"";
	display:block;
	width:40px;
	height:4px;
	margin-bottom:13px;
	border-radius:2px;
	background:#e30613;
}
body.tax-product_cat .halo-category-guide > p{
	margin:0;
	line-height:1.65;
}
body.tax-product_cat .halo-category-guide .halo-category-links{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:16px;
}
body.tax-product_cat .halo-category-guide .halo-category-links a{
	display:inline-flex;
	min-height:40px;
	padding:8px 13px;
	align-items:center;
	border:1px solid #e30613;
	border-radius:6px;
	color:#e30613;
	background:#fff;
	font-weight:700;
	text-decoration:none;
}
body.tax-product_cat .halo-category-guide .halo-category-links a:first-child{
	color:#fff;
	background:#e30613;
}
body.tax-product_cat .halo-faq-title{
	margin:0 0 16px;
	padding:0;
	border:0;
	color:#111;
	font-size:24px;
	line-height:1.35;
	text-transform:none;
}
body.tax-product_cat .halo-faq-title::before{
	content:"";
	display:block;
	width:40px;
	height:4px;
	margin-bottom:13px;
	border-radius:2px;
	background:#e30613;
}

@media(max-width:799px){
	body.tax-product_cat .woocommerce-products-header .term-description{
		padding:16px 14px;
	}
	body.tax-product_cat .halo-category-guide{padding:18px 16px}
	body.tax-product_cat .halo-category-guide > h2{font-size:20px}
	body.tax-product_cat .halo-category-guide .halo-category-links{
		display:grid;
		grid-template-columns:1fr;
	}
	body.tax-product_cat .halo-category-guide .halo-category-links a{
		justify-content:center;
		text-align:center;
	}
	body.tax-product_cat .halo-faq-title{font-size:22px}
}

/* iPhone Lock archive: visual/interaction polish only.
 * Keep the existing markup, copy, product order and SEO output unchanged. */
body.term-iphone-lock{
	--halo-lock-red:#e30613;
	--halo-lock-red-dark:#bd0010;
	--halo-lock-ink:#15171a;
	--halo-lock-muted:#62666d;
	--halo-lock-line:#e4e5e7;
	--halo-lock-soft:#f7f7f8;
	--isures-filter-primary:#e30613;
	--isures-filter-secondary:#e30613;
}
body.term-iphone-lock #main-content > .main.wrap{
	padding-top:32px;
	padding-bottom:44px;
}
body.term-iphone-lock .page-title{
	position:relative;
	margin:0 0 18px;
	padding-left:16px;
	color:var(--halo-lock-ink);
	font-size:26px;
	font-weight:700;
	line-height:1.35;
	border-left:none;
}
body.term-iphone-lock .page-title::before{
	content:"";
	position:absolute;
	top:2px;
	bottom:2px;
	left:0;
	width:4px;
	border-radius:3px;
	background:var(--halo-lock-red);
}
body.term-iphone-lock .term-description{
	max-width:none;
	margin-bottom:22px;
	color:#42464d;
	font-size:15px;
	line-height:1.65;
}
body.term-iphone-lock .woocommerce-ordering{
	margin-bottom:14px;
	color:var(--halo-lock-muted);
}
body.term-iphone-lock .woocommerce-ordering a,
body.term-iphone-lock .woocommerce-ordering .active{
	transition:color .18s ease;
}
body.term-iphone-lock .woocommerce-ordering a:hover,
body.term-iphone-lock .woocommerce-ordering .active{
	color:var(--halo-lock-red);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-before--loop{
	margin-bottom:22px;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--wrap{
	border-color:var(--halo-lock-line);
	border-radius:10px;
	background:#fff;
	box-shadow:0 3px 14px rgba(17,24,39,.045);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-price--filter_widget{
	padding:14px 16px 12px;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-wd--title{
	color:var(--halo-lock-ink);
	font-weight:700;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:9px;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price{
	margin:0;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price a{
	display:inline-flex;
	min-height:40px;
	padding:8px 12px;
	align-items:center;
	border:1px solid var(--halo-lock-line);
	border-radius:7px;
	color:#32363c;
	background:#fff;
	transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price a:hover,
:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price a:focus-visible{
	border-color:var(--halo-lock-red);
	color:var(--halo-lock-red);
	background:#fff7f8;
	outline:none;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-title--range_price{
	margin:10px 0 8px;
	color:var(--halo-lock-muted);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-custom--value_price{
	display:flex;
	gap:6px;
	align-items:center;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-custom--value_price input{
	width:180px;
	flex:0 1 180px;
	height:40px;
	border:1px solid var(--halo-lock-line);
	border-radius:7px;
	color:#333;
	background:#fff;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-custom--value_price input:focus{
	border-color:var(--halo-lock-red);
	outline:2px solid rgba(227,6,19,.12);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-divider{
	min-width:24px;
	flex:1 1 auto;
	background:var(--halo-lock-line);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-price--range_slider input[type="range"]{
	accent-color:var(--halo-lock-red);
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--custom_range{
	display:inline-flex;
	min-width:76px;
	min-height:40px;
	align-items:center;
	justify-content:center;
	border-radius:7px;
	color:#fff;
	background:var(--halo-lock-red);
	font-weight:700;
	transition:background-color .18s ease,transform .18s ease;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--custom_range:hover,
:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--custom_range:focus-visible{
	color:#fff;
	background:var(--halo-lock-red-dark);
	transform:translateY(-1px);
	outline:none;
}
:is(body.term-iphone-lock, body.tax-product_cat) .isures-term--filter:not(.isures-price--filter_widget) > .isures-wd--title{
	min-height:40px;
	padding:9px 14px;
	border:1px solid var(--halo-lock-line);
	border-radius:7px;
	background:#fff;
}
body.tax-product_cat{
	--halo-lock-red:#e30613;
	--halo-lock-red-dark:#bd0010;
	--halo-lock-ink:#15171a;
	--halo-lock-muted:#62666d;
	--halo-lock-line:#e4e5e7;
	--halo-lock-soft:#f7f7f8;
	--isures-filter-primary:#e30613;
	--isures-filter-secondary:#e30613;
}
body.tax-product_cat ul.products{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
	margin-top:4px;
	border:0;
}
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after{
	display:none;
}
body.tax-product_cat.woocommerce ul.products > li.product{
	display:flex;
	width:100%!important;
	max-width:100%!important;
	min-width:0;
	margin:0!important;
	padding:16px 14px 18px;
	flex-direction:column;
	float:none!important;
	justify-self:stretch!important;
	border:0;
	border-radius:10px;
	background:#fff;
	box-shadow:0 2px 12px rgba(17,24,39,.06);
	transition:box-shadow .2s ease,transform .2s ease;
}
body.tax-product_cat ul.products > li.product:hover{
	z-index:1;
	box-shadow:0 10px 26px rgba(17,24,39,.11);
	transform:translateY(-3px);
}
body.tax-product_cat ul.products > li.product .product-thumb{
	display:flex;
	aspect-ratio:1/1;
	margin:0 0 12px;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
body.tax-product_cat ul.products > li.product .product-thumb img{
	width:100%;
	height:100%;
	object-fit:contain;
	transition:transform .25s ease;
}
body.tax-product_cat ul.products > li.product:hover .product-thumb img{
	transform:scale(1.025);
}
body.tax-product_cat ul.products > li.product h2,
body.tax-product_cat ul.products > li.product .woocommerce-loop-product__title{
	min-height:44px;
	margin:0 0 8px;
	color:var(--halo-lock-ink);
	font-size:16px;
	font-weight:600;
	line-height:1.4;
	text-align:center;
	text-transform:none;
}
body.tax-product_cat ul.products > li.product .price{
	margin-top:auto;
	color:var(--halo-lock-red);
	font-size:18px;
	font-weight:700;
	line-height:1.3;
	text-align:center;
}
body.term-iphone-lock .halo-category-guide,
body.term-iphone-lock .halo-faq{
	margin-top:34px;
}

@media(max-width:799px){
	body.term-iphone-lock #main-content,
	body.term-iphone-lock #main-content > .main.wrap,
	body.term-iphone-lock #main-content .main-content,
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-before--loop,
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--wrap,
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-price--filter_widget,
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--nav_wrap{
		width:100%!important;
		max-width:100%!important;
		min-width:0!important;
		box-sizing:border-box;
	}
	body.term-iphone-lock #main-content .main-content{
		float:none;
	}
	body.term-iphone-lock #main-content > .main.wrap{
		padding:22px 15px 34px;
	}
	body.term-iphone-lock .page-title{
		margin-bottom:14px;
		font-size:23px;
	}
	body.term-iphone-lock .term-description{
		margin-bottom:16px;
		font-size:14px;
		line-height:1.55;
	}
	body.term-iphone-lock .woocommerce-ordering{
		display:flex;
		margin:0 0 13px;
		gap:8px 15px;
		overflow-x:auto;
		white-space:nowrap;
		scrollbar-width:none;
	}
	body.term-iphone-lock .woocommerce-ordering::-webkit-scrollbar{
		display:none;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-price--filter_widget{
		padding:13px 11px 11px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price_wrap{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:7px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-item--price a{
		width:100%;
		min-height:38px;
		justify-content:center;
		padding:7px 8px;
		text-align:center;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-custom--value_price{
		display:flex;
		gap:4px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-custom--value_price input{
		width:auto;
		min-width:0;
		flex:1 1 0;
		height:38px;
		padding:7px;
		font-size:13px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-divider{
		min-width:10px;
		flex:0 1 18px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-wrapbtn--filter_range{
		margin-top:8px;
	}
	:is(body.term-iphone-lock, body.tax-product_cat) .isures-filter--custom_range{
		width:100%;
		min-height:40px;
	}
	body.tax-product_cat ul.products{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:10px;
	}
	body.tax-product_cat.woocommerce ul.products > li.product{
		width:100%!important;
		max-width:100%!important;
		min-width:100%!important;
		padding:10px 9px 13px!important;
		float:none!important;
		justify-self:stretch!important;
		border-radius:8px;
		box-shadow:0 2px 9px rgba(17,24,39,.055);
	}
	body.tax-product_cat ul.products > li.product:hover{
		transform:none;
	}
	body.tax-product_cat ul.products > li.product .product-thumb{
		margin-bottom:9px;
	}
	body.tax-product_cat ul.products > li.product h2,
	body.tax-product_cat ul.products > li.product .woocommerce-loop-product__title{
		min-height:42px;
		margin-bottom:6px;
		font-size:14px;
		line-height:1.45;
	}
	body.tax-product_cat ul.products > li.product .price{
		font-size:16px;
		white-space:nowrap;
	}
	body.term-iphone-lock .halo-category-guide,
	body.term-iphone-lock .halo-faq{
		margin-top:26px;
	}
}
/* Context update for retained legacy editorial articles. */
.single-post .halo-article-refresh {
    clear: both;
    margin: 30px 0 8px;
    padding: 22px 24px;
    border: 1px solid #dedede;
    border-left: 4px solid #e30613;
    border-radius: 8px;
    background: #fff;
    color: #202124;
}

.single-post .halo-article-refresh h2 {
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    color: #111;
    font-size: 23px;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
}

.single-post .halo-article-refresh p {
    margin: 0 0 12px;
    line-height: 1.7;
}

.single-post .halo-article-refresh p:last-child {
    margin-bottom: 0;
}

.single-post .halo-article-refresh-links {
    padding-top: 12px;
    border-top: 1px solid #ececec;
}

.single-post .halo-article-refresh-links a {
    color: #c5000c;
    font-weight: 600;
    text-decoration: none;
}

.single-post .halo-article-refresh-links a:hover,
.single-post .halo-article-refresh-links a:focus {
    color: #111;
    text-decoration: underline;
}

@media (max-width: 600px) {
    .single-post .halo-article-refresh {
        margin-top: 24px;
        padding: 18px 16px;
    }

    .single-post .halo-article-refresh h2 {
        font-size: 20px;
    }
}

/* isures-wc-product-filter: collapsed dropdown pills ("Lọc theo màu", "Dung lượng", ...)
 * The plugin's own default arrow/box sizing looks oversized and the arrow can sit
 * off-center once our theme fonts/line-height apply. Force a compact, centered look
 * site-wide on every WooCommerce archive, not just the iPhone Lock category. */
.woocommerce-page .isures-filter--dropdown > .isures-wd--title,
.woocommerce-page .isures-term--filter.isures-filter--dropdown > .isures-wd--title {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 36px !important;
	height: auto !important;
	padding: 0 30px 0 14px !important;
	border: 1px solid var(--halo-lock-line, #e4e5e7) !important;
	border-radius: 7px !important;
	background: #fff !important;
	color: var(--halo-lock-ink, #15171a) !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}
.woocommerce-page .isures-filter--dropdown > .isures-wd--title::before {
	top: 50% !important;
	right: 13px !important;
	transform: translateY(-50%) !important;
	border-top-color: var(--halo-lock-muted, #62666d) !important;
}
.woocommerce-page .isures-filter--dropdown > .isures-wd--title.active::before {
	transform: translateY(-50%) rotate(180deg) !important;
}
/*
 * Catalog accessibility refinements.
 * Keep these rules scoped to WooCommerce archives so product pages, the
 * header and the footer retain their existing presentation.
 */
body.tax-product_cat .woocommerce-ordering select.orderby,
body.post-type-archive-product .woocommerce-ordering select.orderby{
	color:#222;
	background-color:#fff;
	border-color:#767676;
}
body.tax-product_cat :is(
	.term-description,
	.halo-category-guide,
	.halo-faq,
	.entry-content
) p a{
	color:#b90010;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
body.tax-product_cat :is(
	.term-description,
	.halo-category-guide,
	.halo-faq,
	.entry-content
) p a:hover,
body.tax-product_cat :is(
	.term-description,
	.halo-category-guide,
	.halo-faq,
	.entry-content
) p a:focus-visible{
	color:#8f000c;
	text-decoration-thickness:2px;
}