/* Bổ sung nhỏ cho giao diện cũ: chỉ những chỗ site cũ không có sẵn. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tab-content-flashsale[hidden]{display:none}

/* Danh sách đánh giá ở trang chi tiết (khuôn do site mới dựng; site cũ vẽ bằng JS). */
.load-list-rate .item { display: flex; gap: 12px; padding: 15px 0; border-top: 1px solid #eee; }
.load-list-rate .item .avt { flex: 0 0 40px; }
.load-list-rate .item .avt label { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.load-list-rate .item .info { flex: 1; float: none; }
.load-list-rate .item .info p { margin: 0 0 6px; }
.load-list-rate .item .info p a { font-weight: 700; color: #1d2939; }
.load-list-rate .item .info .rate-stars { color: #f5a623; letter-spacing: 2px; }
.load-list-rate .item .reply { margin-top: 8px; padding: 10px 12px; background: #f5f7fa; border-radius: 6px; }
.popup-comment .input-form.hidden { display: none; }
.popup-comment .choose-vote input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.popup-comment .choose-vote input[type=radio]:checked + label span { font-weight: 700; color: #d70018; }
.contact__trap { position: absolute; left: -9999px; }

/* Bình luận bài tin: khuôn do site mới dựng (site cũ vẽ bằng JS). */
.list-c-d-detail .item { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid #eee; }
.list-c-d-detail .item .avt { flex: 0 0 40px; }
.list-c-d-detail .item .avt label { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.list-c-d-detail .item .info { flex: 1; float: none; }
.list-c-d-detail .item .info p { margin: 0 0 6px; }
.list-c-d-detail .item .reply { margin-top: 8px; padding: 10px 12px; background: #f5f7fa; border-radius: 6px; }
.article ._detail_content [id]{scroll-margin-top:90px}

/* Biểu mẫu đặt hàng: ô nhập dùng gợi ý (placeholder) như site cũ, nhãn chỉ dành cho trình đọc màn hình. */
.form-customer .form-row > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.form-customer .form-row .required { display: none; }
.form-customer .woocommerce-input-wrapper { display: block; }
.form-customer .form-control, .form-customer select, .form-customer input[type=text], .form-customer input[type=tel], .form-customer input[type=email] { width: 100%; height: 40px; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0 10px; background: #fff; }
.form-customer .select2-container { width: 100% !important; }
.form-customer .select2-container .select2-selection--single { height: 40px; border: 1px solid #e0e0e0; border-radius: 4px; }
.form-customer .select2-container .select2-selection__rendered { line-height: 38px; }
.form-customer .select2-container .select2-selection__arrow { height: 38px; }
.form-customer .hidden { display: none; }
.form-customer .qh-payment ul { list-style: none; padding: 0; margin: 0; }
.form-customer .qh-payment li.wc_payment_method { padding: 10px 0; border-bottom: 1px solid #e9e9e9; }
.form-customer .qh-payment li.wc_payment_method label { margin-left: 6px; font-weight: 600; cursor: pointer; }
.form-customer .qh-payment .payment_box { margin: 8px 0 0 22px; color: #667085; font-size: 13px; }
.form-customer .qh-payment .payment_box p { margin: 0; }
.finaltotal .btnSendOrder { width: 100%; height: 48px; border: 0; border-radius: 4px; background: #e51e31; color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; cursor: pointer; }
.woocommerce-error, .woocommerce-message, .woocommerce-info { list-style: none; margin: 0 0 15px; padding: 10px 15px; border-radius: 4px; background: #fff4f4; color: #b42318; border: 1px solid #f5c2c2; }
.woocommerce-message, .woocommerce-info { background: #f0f9ff; color: #175cd3; border-color: #b2ddff; }
.form-customer .form-row.form-group { float: none; width: 100%; margin: 0 0 10px; padding: 0; }
.form-customer #billing_first_name_field, .form-customer #billing_phone_field { display: inline-block; width: calc(50% - 6px); vertical-align: top; }
.form-customer #billing_first_name_field { margin-right: 10px; }
.form-customer .anotheroption .form-row { margin-top: 10px; }

/* Trang WooCommerce còn lại (xác nhận đơn, tài khoản, theo dõi đơn): khung trắng bo góc như site cũ. */
.qh-woo { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3); overflow: hidden; }
.woocommerce-cart .qh-woo { background: transparent; box-shadow: none; padding: 0; overflow: visible; }
.qh-woo h2, .qh-woo h3 { font-size: 18px; font-weight: 700; margin: 20px 0 10px; color: #1d2939; }
.qh-woo > .woocommerce > h2:first-child { margin-top: 0; }
.qh-woo table.shop_table, .qh-woo table.woocommerce-table, .qh-woo table.my_account_orders { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
.qh-woo table th, .qh-woo table td { padding: 10px; border-bottom: 1px solid #e9e9e9; text-align: left; vertical-align: top; }
.qh-woo table thead th { background: #f6f6f6; }
.qh-woo .col2-set, .qh-woo .woocommerce-columns--addresses { display: flex; gap: 20px; flex-wrap: wrap; }
.qh-woo .col2-set > div, .qh-woo .woocommerce-columns--addresses > div { flex: 1; min-width: 260px; }
.qh-woo .woocommerce-order-overview { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 30px; padding: 12px 15px; margin: 15px 0; background: #f9f9f9; border-radius: 6px; }
.qh-woo .woocommerce-order-overview li { font-size: 13px; color: #667085; }
.qh-woo .woocommerce-order-overview li strong { display: block; color: #1d2939; font-size: 14px; }
.qh-woo address { font-style: normal; line-height: 22px; }
.qh-woo .button, .qh-woo button[type=submit], .qh-woo input[type=submit] { display: inline-block; background: #e51e31; color: #fff; border: 0; border-radius: 4px; padding: 10px 20px; cursor: pointer; font-weight: 600; text-decoration: none; }
.qh-woo .woocommerce-form-row, .qh-woo form .form-row { margin-bottom: 12px; }
.qh-woo form .form-row label { display: block; margin-bottom: 4px; font-weight: 600; }
.qh-woo input[type=text], .qh-woo input[type=email], .qh-woo input[type=password], .qh-woo input[type=tel] { width: 100%; max-width: 420px; height: 40px; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0 10px; }
.woocommerce-account .qh-woo .woocommerce { display: flex; gap: 25px; flex-wrap: wrap; align-items: flex-start; }
.woocommerce-MyAccount-navigation { flex: 0 0 220px; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 10px 12px; border-bottom: 1px solid #e9e9e9; color: #333; }
.woocommerce-MyAccount-navigation li.is-active a { color: #e52023; font-weight: 700; }
.woocommerce-MyAccount-content { flex: 1; min-width: 280px; }
.woocommerce-account .u-columns { display: flex; gap: 30px; flex-wrap: wrap; width: 100%; }
.woocommerce-account .u-columns > div { flex: 1; min-width: 280px; }

/* Đầu trang: bản máy tính và bản điện thoại (site cũ phục vụ hai khung HTML khác nhau; site mới chuyển bằng CSS). */
header.header-mobi { display: none; }
@media (max-width: 991px) {
	header.header-desktop { display: none; }
	header.header-mobi { display: block; }
}
.header-mobi .selected-location { position: relative; }
.header-mobi .list-select-location { display: none; position: absolute; right: 0; top: 100%; z-index: 20; background: #fff; color: #1d2939; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,.2); min-width: 150px; }
.header-mobi .selected-location.open .list-select-location { display: block; }
.header-mobi .list-select-location .item { padding: 10px 14px; cursor: pointer; }
@media (max-width: 991px) {
	.flex-cateogry { overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
	.flex-cateogry::-webkit-scrollbar { display: none; }
	.flex-cateogry .item-type { flex: 0 0 auto; width: auto; }
	.flex-cateogry .item-type a, .flex-cateogry .item-type span { white-space: nowrap; }
}
@media (max-width: 767px) {
	.form-customer #billing_first_name_field, .form-customer #billing_phone_field { display: block; width: 100%; margin-right: 0; }
}

/* Tin tức trên điện thoại: xếp một cột, ẩn menu trái dài (site cũ bản điện thoại cũng không hiện). */
@media (max-width: 991px) {
	.tab-content_news .left-menu { display: none; }
	.tab-content_news .bcenter, .tab-content_news .maincate { width: 100%; float: none; }
	.maincate .bigpost { display: block; }
	.maincate .bigpost > ul { width: 100%; float: none; margin: 0 0 15px; padding: 0; }
	.maincate .box-featured, .maincate .bigpost .box-featured { display: block; }
	.box-featured .item, .box-featured .featured { width: 100%; float: none; }
}

/* Trang tĩnh trên điện thoại: một cột, bảng cuộn ngang thay vì bị cắt. */
@media (max-width: 991px) {
	.box-list-info { overflow: hidden; padding: 12px; }
	.box-list-info .lst-left, .box-list-info .info-right { width: 100%; float: none; border: 0; padding: 0; }
	.box-list-info .lst-left { margin-bottom: 15px; }
	.info-right table { display: block; overflow-x: auto; max-width: 100%; }
	.info-right img { max-width: 100%; height: auto; }
}

/* Biểu mẫu đăng nhập/đăng ký WooCommerce: ô mật khẩu và "ghi nhớ" gọn gàng. */
.qh-woo .password-input { display: block; position: relative; }
.qh-woo .password-input input { width: 100%; max-width: 420px; padding-right: 40px; }
.qh-woo .show-password-input { position: absolute; right: 10px; top: 10px; max-width: none; }
.qh-woo .woocommerce-form-login__rememberme { display: block; margin: 10px 0; font-weight: 400; }
.qh-woo .woocommerce-form-login__submit { margin-top: 5px; }
.qh-woo .woocommerce-form-row { display: block; }
.qh-woo .woocommerce-form-login__submit{display:block}

/* Trang sản phẩm trên điện thoại: thanh giá nhắc lại (cột phải, chỉ dành cho máy tính) bị ẩn để không lặp khối mua hàng. */
@media (max-width: 991px) {
	.side-detailproduct #sidebar { display: none; }
}

/* Trang sản phẩm trên điện thoại: thứ tự ảnh → giá và nút mua → các khối còn lại (không để nút mua dưới cùng trang). */
@media (max-width: 991px) {
	.detail-product { display: flex; flex-direction: column; }
	.main-detailproduct { display: contents; }
	.main-detailproduct > .picture { order: 1; }
	.side-detailproduct { order: 2; width: 100%; float: none; }
	.main-detailproduct > *:not(.picture) { order: 3; }
}

/* So sánh sản phẩm: thanh nổi (khuôn cũ + phần bổ sung) và trang /so-sanh. */
.wrapper-compare { box-shadow: 0 -4px 18px rgba(0,0,0,.15); max-height: 60vh; overflow: visible; }
.wrapper-compare { display: flex; align-items: stretch; flex-wrap: wrap; }
.wrapper-compare .listcompare li { min-width: 140px; }
.wrapper-compare .listcompare h3 { width: 140px; }
.wrapper-compare .cmp-rm { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; line-height: 20px; text-align: center; border-radius: 50%; background: #eee; color: #555; cursor: pointer; font-size: 16px; }
.wrapper-compare .cmp-rm:hover { background: #e51e31; color: #fff; }
.wrapper-compare .addcompare { position: relative; padding: 20px 15px; }
.wrapper-compare .boxcompare { align-self: center; }
.cmp-sug { position: absolute; z-index: 30; left: 15px; right: 15px; min-width: 260px; margin: 2px 0 0; padding: 4px; list-style: none; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.15); max-height: 320px; overflow: auto; }
.wrapper-compare .cmp-sug { bottom: 100%; top: auto; }
.cmp-sug[hidden] { display: none; }
.cmp-sug li { display: flex; gap: 8px; align-items: center; padding: 6px; border-radius: 6px; cursor: pointer; }
.cmp-sug li:hover { background: #f0f5fd; }
.cmp-sug li.none { color: #667085; cursor: default; }
.cmp-sug img { width: 40px; height: 40px; object-fit: contain; }
.cmp-sug b { display: block; color: #e51e31; font-size: 13px; }
.card-product .flex-action .compare.is-on, .compare-current.is-on { font-weight: 700; }
.cmp-toast { position: fixed; left: 50%; bottom: 90px; transform: translate(-50%, 20px); background: #1d2939; color: #fff; padding: 10px 16px; border-radius: 8px; z-index: 100000; opacity: 0; transition: all .25s; max-width: 90vw; text-align: center; }
.cmp-toast.show { opacity: 1; transform: translate(-50%, 0); }

.compare-page .cmp-note { margin-bottom: 15px; color: #475467; }
.compare-page .cmp-diff { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; cursor: pointer; font-weight: 600; }
.cmp-scroll { overflow-x: auto; }
.cmp-table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; }
.cmp-table col.cmp-lab { width: 170px; }
.cmp-table th, .cmp-table td { padding: 10px 12px; border-bottom: 1px solid #e9e9e9; text-align: left; vertical-align: top; font-weight: 400; }
.cmp-table th.cmp-lab { font-weight: 600; color: #475467; background: #fafbfc; position: sticky; left: 0; z-index: 2; }
.cmp-table thead th { position: sticky; top: 0; background: #fff; z-index: 3; border-bottom: 2px solid #e9e9e9; text-align: center; }
.cmp-table thead th.cmp-lab { background: #fff; z-index: 4; }
.cmp-prd { position: relative; }
.cmp-prd .cmp-img { display: flex; justify-content: center; height: 120px; margin-bottom: 8px; }
.cmp-prd .cmp-img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.cmp-prd .cmp-name { display: block; font-weight: 600; color: #1d2939; line-height: 1.35; margin-bottom: 6px; }
.cmp-prd .cmp-price { margin-bottom: 6px; }
.cmp-prd .cmp-best { display: inline-block; background: #e8f7ee; color: #0f7a3c; font-size: 12px; padding: 2px 8px; border-radius: 999px; margin-bottom: 6px; }
.cmp-prd .cmp-act { display: flex; flex-direction: column; gap: 6px; }
.cmp-prd .cmp-buy { background: #e51e31; color: #fff; padding: 8px; border-radius: 4px; font-weight: 600; text-align: center; }
.cmp-prd .cmp-view { color: #006abf; font-size: 13px; }
.cmp-prd .cmp-x { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; line-height: 22px; border-radius: 50%; background: #eee; color: #555; font-size: 18px; text-align: center; }
.cmp-prd .cmp-x:hover { background: #e51e31; color: #fff; }
.cmp-empty { background: #fafbfc; }
.cmp-add { position: relative; padding: 14px 6px; }
.cmp-add .cmp-plus { display: flex; width: 54px; height: 54px; margin: 0 auto 10px; align-items: center; justify-content: center; border: 2px dashed #9aa4b5; border-radius: 50%; font-size: 30px; color: #9aa4b5; }
.cmp-add .cmp-search { width: 100%; height: 38px; border: 1px solid #c9d0db; border-radius: 6px; padding: 0 10px; }
.cmp-add .cmp-sug { left: 0; right: 0; text-align: left; }
.cmp-table tr.cmp-sec th { background: #eef3fb; color: #1c348d; font-weight: 700; position: static; text-align: left; }
.cmp-table tr.is-diff td, .cmp-table tr.is-diff th.cmp-lab { background: #fff8e1; }
.cmp-table tr.is-diff th.cmp-lab { font-weight: 700; color: #7a4b00; }
.cmp-table.only-diff tbody tr:not(.is-diff):not(.cmp-sec) { display: none; }
.cmp-feat { margin: 0; padding-left: 16px; }
.cmp-feat li { margin-bottom: 4px; }
@media (max-width: 767px) {
	.cmp-table col.cmp-lab { width: 110px; }
	.cmp-table { min-width: 560px; }
	.wrapper-compare .listcompare li { min-width: 100px; padding: 10px; }
	.wrapper-compare .listcompare h3 { width: 100px; font-size: 12px; }
	.wrapper-compare .listcompare a .img { width: 50px; height: 50px; }
	.wrapper-compare .addcompare input { width: 100%; }
}

/* So sánh — đợt 2: tiêu đề cột dính khi cuộn, cột nhãn dính khi vuốt ngang, tóm tắt, mức đầy đủ, thông tin thiếu, gợi ý nhanh. */
.cmp-scroll { overflow: auto; max-height: 82vh; border: 1px solid #e9e9e9; border-radius: 8px; }
.cmp-table { border-collapse: separate; border-spacing: 0; }
.cmp-table thead th.cmp-lab { left: 0; top: 0; z-index: 6; }
.cmp-table thead th { z-index: 5; }
.cmp-table tbody th.cmp-lab { z-index: 2; }
.compare-page .cmp-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
.compare-page .cmp-head .title_text { margin: 0; }
.cmp-copy { border: 1px solid #c9d0db; background: #fff; color: #1c348d; border-radius: 6px; padding: 7px 12px; cursor: pointer; font-weight: 600; }
.cmp-copy:hover { border-color: #1c348d; }
.cmp-summary { background: #f2f7ff; border: 1px solid #cfe0fb; border-radius: 10px; padding: 12px 16px; margin-bottom: 14px; }
.cmp-summary ul { margin: 6px 0 0; padding-left: 18px; line-height: 1.7; }
.cmp-cover { font-size: 12px; color: #667085; margin-bottom: 6px; }
.cmp-table td.cmp-none { color: #98a2b3; font-style: italic; font-size: 13px; }
.cmp-suggest p { font-weight: 700; margin: 0 0 8px; }
.cmp-suggest .cmp-sg { display: flex; gap: 8px; align-items: center; padding: 6px; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 6px; color: #1d2939; background: #fff; }
.cmp-suggest .cmp-sg:hover { border-color: #2a83e9; }
.cmp-suggest .cmp-sg img { width: 44px; height: 44px; object-fit: contain; flex: none; }
.cmp-suggest .cmp-sg span { font-size: 13px; line-height: 1.3; }
.cmp-suggest .cmp-sg b { display: block; color: #e51e31; }

/* Menu "Danh mục" bản máy tính — cột trái là nhóm; bên phải: danh mục con, thương hiệu nổi bật, sản phẩm nổi bật. */
@media (min-width: 992px) {
	.header-desktop .sticker-menu { position: static !important; }
	.header-desktop .header .container { position: relative; }
	.header-desktop .sticker-wrapper { position: absolute !important; left: 0 !important; right: 0; top: 100% !important; width: 100% !important; height: auto !important; background: #fff; border-radius: 0 0 14px 14px; box-shadow: 0 18px 40px rgba(16, 24, 40, .22); z-index: 300; display: none; overflow: visible !important; }
	.header-desktop .sticker-menu:hover .sticker-wrapper { display: block !important; }
	.lg-mega { list-style: none; margin: 0; padding: 10px; width: 280px; min-height: 440px; box-sizing: border-box; border-right: 1px solid #eef0f4; }
	.lg-item { display: block; margin: 0; }
	.lg-top { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; color: #1d2939; font-weight: 600; line-height: 1.25; }
	.lg-top img, .lg-top .lg-noimg { width: 28px; height: 28px; flex: none; object-fit: contain; border-radius: 6px; background: #f2f4f7; }
	.lg-top::after { content: "\203A"; margin-left: auto; font-size: 20px; color: #98a2b3; }
	.lg-item:hover > .lg-top, .lg-item.is-first > .lg-top { background: #eef3fb; color: #1c348d; }
	.lg-mega:hover .lg-item.is-first:not(:hover) > .lg-top { background: transparent; color: #1d2939; }
	.lg-panel { display: none; position: absolute; left: 280px; right: 0; top: 0; bottom: 0; padding: 20px 26px; gap: 28px; overflow: auto; background: #fff; border-radius: 0 0 14px 0; }
	.lg-item.is-first .lg-panel { display: flex; }
	.lg-mega:hover .lg-item.is-first:not(:hover) .lg-panel { display: none; }
	.lg-item:hover .lg-panel { display: flex; }
	.lg-col { min-width: 0; }
	.lg-cats { flex: 1.7; }
	.lg-brands { flex: 1; }
	.lg-prods { flex: 1.3; }
	.lg-h { font-size: 16px; font-weight: 700; color: #1d2939; margin: 0 0 14px; }
	.lg-bolt { color: #f5a623; }
	.lg-chips { display: flex; flex-wrap: wrap; gap: 10px; }
	.lg-chip { display: flex; align-items: center; gap: 8px; border: 1px solid #e4e7ec; border-radius: 10px; padding: 6px 14px 6px 8px; background: #fff; color: #1d2939; font-size: 14px; }
	.lg-chip img, .lg-chip .lg-noimg { width: 32px; height: 32px; object-fit: contain; flex: none; border-radius: 6px; background: #f2f4f7; }
	.lg-chip:hover, .lg-brand:hover, .lg-prod:hover { border-color: #2a83e9; color: #1c348d; }
	.lg-bl { display: flex; flex-wrap: wrap; gap: 8px; }
	.lg-brand { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e4e7ec; border-radius: 999px; padding: 5px 14px; color: #1d2939; font-weight: 600; font-size: 14px; background: #fff; }
	.lg-brand img { height: 16px; width: auto; max-width: 42px; object-fit: contain; }
	.lg-prod { display: block; border: 1px solid #e4e7ec; border-radius: 10px; padding: 8px 12px; margin-bottom: 8px; color: #1d2939; background: #fff; }
	.lg-prod .lg-pt { display: block; font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.lg-prod b { color: #e51e31; font-size: 13px; }
}

/* Trang Thương hiệu. */
.brands-page .cmp-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.brands-page .title_text { margin: 0; }
.brands-page .title_text small { color: #667085; font-weight: 400; }
.brand-filter { height: 38px; min-width: 240px; border: 1px solid #c9d0db; border-radius: 6px; padding: 0 12px; }
.brand-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.brand-card { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 8px; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; text-align: center; color: #1d2939; }
.brand-card:hover { border-color: #2a83e9; box-shadow: 0 4px 14px rgba(16,24,40,.1); }
.brand-card[hidden] { display: none; }
.brand-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 56px; }
.brand-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.brand-logo b { width: 48px; height: 48px; line-height: 48px; border-radius: 50%; background: #eef3fb; color: #1c348d; font-size: 22px; }
.brand-name { font-weight: 600; line-height: 1.25; }
.brand-card small { color: #667085; }

/* Banner chính: giữ chỗ ngay khi tải trang (không để trắng cho tới khi thanh trượt khởi tạo) và không làm trang giật. */
.slide-home .owl-carousel:not(.owl-loaded) { display: block; overflow: hidden; aspect-ratio: 1361 / 365; }
.slide-home .owl-carousel:not(.owl-loaded) > *:not(:first-child) { display: none; }
.slide-home .owl-carousel:not(.owl-loaded) img { width: 100%; height: auto; display: block; }

/* Thanh so sánh đã đóng: còn một nút nhỏ để mở lại. */
.cmp-pill { position: fixed; left: 16px; bottom: 16px; z-index: 99; background: #1c348d; color: #fff; padding: 9px 16px; border-radius: 999px; font-weight: 600; cursor: pointer; box-shadow: 0 6px 18px rgba(16,24,40,.3); }
.cmp-pill:hover { background: #2a83e9; }

/* ===== Video trang chủ ===== */
.vd-wrap { padding: 14px 16px 18px; }
.vd-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.vd-head .title_v2 { margin: 0; }
.vd-all { color: #1c348d; font-weight: 700; font-size: 14px; text-decoration: none; }
.vd-all:hover { text-decoration: underline; }
.vd-tabs { display: inline-flex; margin: 12px 0; padding: 4px; background: #fff; border: 1px solid #e3e6ee; border-radius: 999px; box-shadow: 0 1px 3px rgba(16,24,40,.06); }
.vd-tab { border: 0; background: none; padding: 7px 18px; border-radius: 999px; font: inherit; font-weight: 700; color: #5a6275; cursor: pointer; }
.vd-tab small { font-weight: 500; opacity: .8; }
.vd-tab.on { background: #1c348d; color: #fff; }
.vd-pane { display: none; position: relative; }
.vd-pane.on { display: block; }
.vd-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; padding: 4px 2px 10px; scrollbar-width: thin; }
.vd-item { flex: none; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; }
.vd-item.video { width: 320px; }
.vd-item.short { width: 250px; }
.vd-card { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: #111; cursor: pointer; text-align: left; color: #fff; }
.vd-item.video .vd-card { aspect-ratio: 16 / 9; }
.vd-item.short .vd-card { aspect-ratio: 9 / 16; }
.vd-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.vd-card:hover img { transform: scale(1.04); }
.vd-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.25), transparent 30%, transparent 55%, rgba(0,0,0,.78)); }
.vd-badge { position: absolute; z-index: 2; top: 10px; left: 10px; background: rgba(0,0,0,.55); padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.vd-play { position: absolute; z-index: 2; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; background: #c8232c; box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.vd-play::before { content: ""; position: absolute; left: 20px; top: 15px; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #fff; }
.vd-cap { position: absolute; z-index: 2; left: 12px; right: 12px; bottom: 10px; font-size: 13.5px; line-height: 1.3; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vd-cap small { display: block; font-weight: 800; letter-spacing: .04em; font-size: 11px; opacity: .9; margin-bottom: 2px; }
.vd-prod { display: flex; gap: 10px; align-items: center; padding: 8px 10px; border: 1px solid #e3e6ee; border-radius: 12px; background: #fff; color: #1d2327; text-decoration: none; min-height: 64px; }
.vd-prod img { width: 48px; height: 48px; object-fit: contain; flex: none; }
.vd-prod span { min-width: 0; display: flex; flex-direction: column; }
.vd-prod b { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vd-prod em { font-style: normal; font-weight: 800; color: #c2271d; font-size: 14px; }
.vd-arrow { position: absolute; z-index: 5; top: 40%; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.25); font-size: 24px; line-height: 1; cursor: pointer; color: #1c348d; }
.vd-arrow.prev { left: -8px; } .vd-arrow.next { right: -8px; }
.vd-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(8,12,24,.82); display: flex; align-items: center; justify-content: center; padding: 16px; }
.vd-modal__in { position: relative; width: min(960px, 100%); aspect-ratio: 16 / 9; background: #000; border-radius: 12px; }
.vd-modal__in.short { width: auto; height: min(86vh, 820px); aspect-ratio: 9 / 16; }
.vd-modal__in iframe { width: 100%; height: 100%; border: 0; border-radius: 12px; }
.vd-x { position: absolute; right: 0; top: -40px; border: 0; background: none; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }
body.vd-open { overflow: hidden; }
@media (max-width: 991px) {
	.vd-wrap { padding: 12px; }
	.vd-item.video { width: 260px; }
	.vd-item.short { width: 190px; }
	.vd-arrow { display: none; }
	.vd-all { font-size: 13px; }
}

/* ===== Giỏ hàng / thanh toán trên điện thoại ===== */
@media (max-width: 991px) {
	body.woocommerce-checkout .ft-contact,
	body.woocommerce-checkout .call-fixed,
	body.woocommerce-checkout .backtoptop,
	body.woocommerce-checkout .btn-contact,
	body.woocommerce-checkout .wrapper-compare { display: none !important; }
	body.woocommerce-checkout .price-cart { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
	body.woocommerce-checkout .price-cart .vat { flex: 0 0 100%; display: block; width: 100%; font-size: 12px; color: #667085; margin-top: 2px; }
}

/* Trang cảm ơn: hai liên kết cuối thành nút */
.buy-more { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 6px; }
.buy-more a.btn { display: inline-block; padding: 11px 18px; border: 1px solid #1c348d; border-radius: 8px; background: #fff; color: #1c348d; font-weight: 700; text-decoration: none; }
.buy-more a.btn--primary { background: #1c348d; color: #fff; }

/* Đường dẫn (breadcrumb): dấu ">" giữa các cấp; mục cuối đậm */
.toll-right { gap: 0 8px; }
.toll-right > a::after { content: "\203A"; margin-left: 8px; color: #9aa1b2; font-size: 16px; line-height: 1; }
.toll-right > span.active { font-weight: 400; }
.toll-right > span.active b { font-weight: 700; }

/* Nội dung nhập từ site cũ (soạn bằng Google Docs): bỏ khoảng trắng "pre" và đoạn <p> trong <li> làm danh sách bị giãn dòng */
.entry-content li, ._detail_content li, .listing__seo li { white-space: normal !important; }
.entry-content li > p:only-child, ._detail_content li > p:only-child, .listing__seo li > p:only-child { display: inline; margin: 0 !important; }
.entry-content ol, .entry-content ul, ._detail_content ol, ._detail_content ul, .listing__seo ol, .listing__seo ul { padding-inline-start: 32px !important; }

/* ===== Câu hỏi thường gặp ===== */
.faq-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 14px; }
.faq-tabs button { border: 1px solid #d5dbe8; background: #fff; color: #3b4562; border-radius: 999px; padding: 7px 14px; font: inherit; cursor: pointer; }
.faq-tabs button.on { background: #1c348d; border-color: #1c348d; color: #fff; font-weight: 700; }
.faq-group h2 { font-size: 17px; margin: 16px 0 8px; color: #1c348d; }
.faq-item { border: 1px solid #e3e6ee; border-radius: 10px; margin: 0 0 8px; background: #fff; }
.faq-item summary { cursor: pointer; padding: 12px 16px; font-weight: 600; list-style: none; position: relative; padding-right: 40px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border: solid #7d7480; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s; }
.faq-item[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.faq-item[open] summary { color: #1c348d; }
.faq-a { padding: 0 16px 14px; line-height: 1.6; }

/* Trang khuyến mại / Flash Sale */
.promo-page__head { text-align: center; padding: 8px 0 16px; }
.promo-page__head h1 { font-size: 24px; margin: 0 0 8px; }
.promo-page__banner img { max-width: 100%; height: auto; border-radius: 10px; }
.promo-page__note { color: #50575e; margin: 6px 0 12px; }

/* Ảnh/bảng/khung trong nội dung nhập tay không được vượt khung (tràn ngang trên điện thoại). */
.entry-content img,._detail_content img,.listing__seo img{max-width:100%;height:auto}
.entry-content iframe,.listing__seo iframe{max-width:100%}

/* Chân trang: các cột không dính nhau; cột chuyển khoản */
.grid-footer .item{padding-right:18px;box-sizing:border-box}
.grid-footer .item.footer-bank ul{list-style:none;margin:0 0 8px;padding:0}
.grid-footer .item.footer-bank li{margin:3px 0;line-height:1.45}
.grid-footer .item.footer-bank li span{opacity:.7}
.grid-footer .item.footer-bank img{display:block;max-width:150px;border-radius:6px;background:#fff;padding:4px}

/* Vùng các cột chân trang có nền riêng (xanh xám nhạt), tách khỏi phần nội dung trắng phía trên */
footer .footer{background:#eceff1;border-top:1px solid #d3d9dd}
footer .copy-right{background:#dfe4e7}

/* Thanh mua hàng cố định ở đáy trang sản phẩm */
.qh-buybar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.14);border-top:1px solid #e3e6ea}
.qh-buybar__in{display:flex;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}
.qh-buybar__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.qh-buybar__info img{width:44px;height:44px;object-fit:contain;border-radius:6px;flex:none}
.qh-buybar__name{font-size:18px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qh-buybar__price{text-align:right;line-height:1.2;flex:none}
.qh-buybar__price small{display:block;font-size:13px;color:#50575e}
.qh-buybar__price strong{font-size:18px;color:#d0021b;white-space:nowrap}
.qh-buybar__btns{display:flex;gap:8px;flex:none}
.qh-buybar .qb{display:flex;align-items:center;justify-content:center;gap:6px;min-width:120px;height:52px;padding:0 14px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;text-align:center;user-select:none;border:1px solid #1c348d;color:#1c348d;background:#fff}
.qh-buybar .qb svg{flex:none}
.qh-buybar .qb span{font-size:13px;line-height:1.2}
.qh-buybar .qb--buy{background:#e8590c;border-color:#e8590c;color:#fff;min-width:130px}
.qh-buybar .qb--inst{background:#1c4fd6;border-color:#1c4fd6;color:#fff;min-width:130px}
body.single-product{padding-bottom:76px}
body.single-product .ft-contact,body.single-product .backtoptop{bottom:92px}
@media(max-width:991px){.qh-buybar__in{gap:8px;padding:6px 10px}.qh-buybar__info{display:none}.qh-buybar__price{text-align:left}.qh-buybar__price small{font-size:11px}.qh-buybar__price strong{font-size:15px}.qh-buybar__btns{flex:1;gap:6px}.qh-buybar .qb{flex:1;min-width:0;height:44px;padding:0 6px;font-size:13px}.qh-buybar .qb span{font-size:11px}.qh-buybar .qb:first-child{flex:0 0 64px;flex-direction:column;gap:0}body.single-product{padding-bottom:64px}body.single-product .ft-contact,body.single-product .backtoptop{bottom:76px}}
body.single-product .call-fixed{bottom:136px}
body.single-product .qh-cookie{bottom:84px}
@media(max-width:991px){body.single-product .call-fixed{bottom:132px}body.single-product .qh-cookie{bottom:72px}}
@media(max-width:991px){.qh-buybar .qb:first-child{flex:0 0 78px}.qh-buybar .qb:first-child span{white-space:nowrap;font-size:10px}}

/* Hộp chọn hình thức trả chậm */
.qh-instm{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.qh-instm[hidden]{display:none}
.qh-instm__box{background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 10px 40px rgba(0,0,0,.3);overflow:hidden}
.qh-instm__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e8ec;font-size:18px}
.qh-instm__x{background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:#333;padding:0 4px}
.qh-instm__list{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px}
.qh-instm__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dfe5ee;border-radius:10px;color:#1c4fd6;text-decoration:none}
.qh-instm__item:hover{background:#f3f7ff;border-color:#b9ccf7}
.qh-instm__item i{flex:none;display:flex;color:#1c4fd6}
.qh-instm__item span{flex:1;display:flex;flex-direction:column;line-height:1.3}
.qh-instm__item b{font-weight:500;font-size:15px}
.qh-instm__item small{color:#6b7280;font-size:13px}
.qh-instm__item em{font-style:normal;font-size:26px;color:#1c4fd6}
body.qh-instm-on{overflow:hidden}
/* Trang /mua-tra-cham/ */
.qh-inst{max-width:760px;margin:0 auto 24px}
.qh-inst__prod{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.qh-inst__prod img{width:72px;height:72px;object-fit:contain;border-radius:8px;flex:none}
.qh-inst__name{display:block;font-weight:600;color:#1a1a1a;text-decoration:none}
.qh-inst__price{display:block;color:#d0021b;font-size:18px;margin-top:2px}
.qh-inst__form h2{font-size:20px;margin:0 0 12px}.qh-inst__form h3{font-size:16px;margin:18px 0 8px}
.qh-inst__methods{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.qh-inst__method{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid #dfe5ee;border-radius:10px;cursor:pointer}
.qh-inst__method input{margin-top:3px}
.qh-inst__method span{display:flex;flex-direction:column;line-height:1.3}
.qh-inst__method small{color:#6b7280;font-size:12px}
.qh-inst__method.is-on{border-color:#1c4fd6;background:#f3f7ff}
.qh-inst__info{margin-top:14px;padding:12px 14px;background:#f7f9fc;border-radius:10px}
.qh-inst__info[hidden]{display:none}
.qh-inst__info p{margin:0 0 6px}.qh-inst__info ol{margin:0;padding-left:20px}.qh-inst__info li{margin:4px 0}
.qh-inst__row{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:8px}
.qh-inst__row input,.qh-inst__row select{width:100%;height:44px;padding:0 12px;border:1px solid #cfd6df;border-radius:8px;font:inherit;box-sizing:border-box;background:#fff}
.qh-inst__terms{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#50575e}.qh-inst__terms[hidden]{display:none}
.qh-inst__hint{font-size:13px;color:#6b7280;margin:12px 0}
.qh-inst__err{color:#b32d2e;margin:8px 0}
.qh-inst__btn{width:100%;height:48px;border:0;border-radius:8px;background:#e8590c;color:#fff;font-weight:600;font-size:16px;cursor:pointer}
@media(max-width:991px){.qh-inst__methods{grid-template-columns:1fr}.qh-inst__row{grid-template-columns:1fr}.qh-instm{align-items:flex-end;padding:0}.qh-instm__box{max-width:none;border-radius:14px 14px 0 0}}

/* Thông số kỹ thuật chia nhóm */
.qh-specs{max-width:760px;margin:0 auto}
.qh-specs__g{margin:0 0 18px}
.qh-specs__g h3{font-size:17px;font-weight:700;margin:0 0 8px;padding-left:10px;border-left:4px solid #1c348d}
.qh-specs__g table{width:100%;border-collapse:collapse}
.qh-specs__g tr:nth-child(odd){background:#f5f7fa}
.qh-specs__g th,.qh-specs__g td{text-align:left;vertical-align:top;padding:9px 12px;font-size:15px;line-height:1.5}
.qh-specs__g th{width:38%;font-weight:600;color:#3b4350}
@media(max-width:991px){.qh-specs__g th{width:42%}.qh-specs__g th,.qh-specs__g td{font-size:14px;padding:8px 10px}}

/* Nút "Gọi lại cho tôi" ở trang sản phẩm */
.qh-callback .openPopupAdvisory{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;padding:10px 14px;border:1px solid #1c348d;border-radius:8px;color:#1c348d;cursor:pointer;background:#fff}
.qh-callback .openPopupAdvisory:hover{background:#f3f6ff}
.qh-callback svg{flex:none;width:20px;height:20px}
.qh-callback b{font-size:15px}
.qh-callback small{flex-basis:100%;padding-left:30px;color:#50575e;font-size:12px;line-height:1.3}

.slider-product-flashsale[hidden]{display:none}
.promotion-current .item-promotion.next-promotion{cursor:pointer}
.promotion-current .item-promotion.next-promotion.active{cursor:default}

/* Tin tức & kinh nghiệm hay (trang sản phẩm, trang danh mục) */
.qh-rn .title_text{margin:0 0 14px;font-size:20px;font-weight:700;color:#1b2430}
.qh-rn__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qh-rn__item{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border-radius:10px}
.qh-rn__img{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:10px;background:#f2f4f7}
.qh-rn__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.qh-rn__item:hover .qh-rn__img img{transform:scale(1.04)}
.qh-rn__t{font-size:14px;font-weight:600;line-height:1.4;color:#1b2430;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qh-rn__item:hover .qh-rn__t{color:#1c348d}
.qh-rn__d{font-size:12px;color:#8a919c}
@media (max-width:900px){.qh-rn__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* Bảng trong bài tư vấn/so sánh: có viền, tiêu đề nền nhạt, cuộn ngang khi hẹp */
.bxcontentnewsct table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 16px;font-size:14.5px}
.bxcontentnewsct th,.bxcontentnewsct td{padding:8px 10px;border:1px solid #dfe3ea;text-align:left;vertical-align:top;line-height:1.5}
.bxcontentnewsct thead th{background:#f3f4f7;font-weight:700;white-space:nowrap}
.bxcontentnewsct tbody th{font-weight:600}

/* Thẻ sản phẩm: nhóm nhãn (Mới, Trả góp, Bán chạy...) là một hàng riêng ngay trên khung ảnh, độc lập với ảnh nên ảnh phóng to khi rê chuột không che nhãn. Nút trái tim và Xem nhanh nằm trong khung ảnh (góc phải trên, giữa dưới). */
.card-product .card-top > .tag-special { position: static; z-index: auto; min-height: 30px; padding: 5px 5px 0; align-content: flex-start; }
.card-product .card-top > .img { position: relative; overflow: hidden; }
/* Nút "Viết đánh giá" căn giữa khung đánh giá. */
.action-rate-now { justify-content: center; }
.action-rate-now > .btn-ratenow:only-child { width: min(100%, 360px); }