/* =============================================================================
   wp.css — phần CHỈ CÓ ở bản WordPress (bản HTML không có): thanh admin, ảnh WP, trang danh mục,
   danh sách tin, phân trang, giỏ hàng/thanh toán. Nạp sau style.css + trang-con.css.
   ============================================================================= */

/* thanh quản trị WP (đang đăng nhập) — header dính phải tụt xuống */
.admin-bar .hd { top: 46px; }
@media (min-width: 783px) { .admin-bar .hd { top: 32px; } }
@media (max-width: 600px) { .admin-bar .hd { top: 0; } }

.o-bay { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.hd-logo .logo-anh { height: 36px; width: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* ảnh WordPress có sẵn width/height → ép theo khung của thẻ */
@media (max-width: 1199px) { .the-sp .anh img { height: auto; } }  /* desktop giữ chiều cao cố định 11.53rem của style.css */
.the-fs .khung img { width: 100%; }
.nhom-anh img, .nb-phai img, .km-trai img, .nhom-bento img, .rv-video img, .tin-anh img, .km-muc .anh img { max-width: 100%; }
.rv-sp .anh img { width: 100%; height: 100%; object-fit: contain; }
.sp-anh-lon img, .o-nho img { max-width: 100%; }

/* nội dung soạn bằng trình soạn thảo */
.noi-dung-bai .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.noi-dung-bai .alignleft { float: left; margin: 0 16px 10px 0; }
.noi-dung-bai .alignright { float: right; margin: 0 0 10px 16px; }
.noi-dung-bai figure { margin: 0 0 16px; }
.noi-dung-bai figcaption { font-size: 13px; color: var(--chu-phu); text-align: center; margin-top: 6px; }
.noi-dung-bai table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.noi-dung-bai td, .noi-dung-bai th { border: 1px solid #e3e3e6; padding: 8px 10px; }
.cs-dan { margin-bottom: 20px; }

/* đếm ngược ở trang sản phẩm */
.sp-dem { justify-content: flex-start; margin: -8px 0 18px; }
.sp-dem .o { width: 40px; height: 40px; font-size: 17px; background: var(--cam); color: #fff; }
.sp-dem .hai-cham { color: var(--cam); }

/* =============================================================================
   TRANG DANH MỤC SẢN PHẨM
   ============================================================================= */
.dm-trang { background: var(--xam); }
.dm-ten { font-size: 25px; line-height: 30px; font-weight: 700; text-align: center; padding: 16.67px 10px 24px; } /* gốc h1.sec-title.product-category-title */
.dm { padding: 0 0 50px; }
.dm-banner { position: relative; margin-bottom: 32px; }
.dm-banner .swiper { border-radius: 10px; }
.dm-banner img { width: 100%; height: auto; aspect-ratio: 1180 / 512; object-fit: cover; border-radius: 10px; }
.dm-banner .mui-ten { opacity: 0; transition: opacity .2s; }
.dm-banner:hover .mui-ten { opacity: 1; }
.dm-banner .mui-ten.truoc { left: 4px; }
.dm-banner .mui-ten.sau { right: 4px; }
.dm-con { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 26.67px; scrollbar-width: none; }
.dm-con::-webkit-scrollbar { display: none; }
.dm-con-ten { margin-bottom: 13.84px; font-size: 16.67px; line-height: 29.17px; font-weight: 700; color: #333; }
.dm-logo { display: flex; gap: 12px; overflow-x: auto; margin-bottom: 26.67px; scrollbar-width: none; }
.dm-logo::-webkit-scrollbar { display: none; }
.dm-logo a { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 12px; background: #fff; border: 1px solid transparent; transition: border-color .2s; }
.dm-logo a:hover, .dm-logo a.dang-xem { border-color: var(--cam); }
.dm-logo img { width: 41px; height: 41px; object-fit: contain; }
.dm-logo span { padding: 0 4px; text-align: center; font-size: 11px; line-height: 13px; font-weight: 700; color: var(--chu); }
.dm-con a { flex: none; background: #fff; border-radius: 50px; padding: 6.67px 26.67px; font-size: 13.33px; line-height: 23.33px; font-weight: 600; color: var(--chu); text-align: center; transition: all .4s; }
.dm-con a:hover, .dm-con a.dang-xem { background: var(--cam); color: #fff; } /* gốc .brand-item.item-without-image */
.dm-loc h2 { font-size: 18px; line-height: 25px; font-weight: 700; color: #333; margin-bottom: 18px; }
.dm-loc-hang { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; }
.dm-bo-loc { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 10.83px; padding-bottom: 10px; }
.o-loc { position: static; } /* điện thoại: bảng lọc bám theo cả hàng nút (left 0) — bám từng nút thì nút thứ 2 trở đi tràn mép phải */
.nut-loc { display: flex; align-items: center; justify-content: center; gap: 8.33px; height: 33.33px; font-size: 11.66px; line-height: 11.66px; padding: 8.33px 13.33px; border-radius: 83.33px; border: 1px solid rgba(153, 153, 153, .5); background: #fff; transition: all .4s ease-in-out; } /* gốc .filter-title */
.nut-loc svg { width: 12px; height: 12px; }
.nut-loc.co-chon { border-color: var(--cam); color: var(--cam); background: var(--cam-nhat); }
.bang-loc { display: none; position: absolute; left: 0; top: calc(100% + 6px); z-index: 30; width: 300px; max-width: calc(100vw - 20px); background: #fff; border-radius: 15px; box-shadow: 0 0 10px #dedede; padding: 18px 16px; }
.o-loc.mo .bang-loc { display: block; }
.chip-loc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.chip-loc label { cursor: pointer; }
.chip-loc input { position: absolute; opacity: 0; pointer-events: none; }
.chip-loc span { display: block; font-size: 12px; line-height: 12px; padding: 7px 12px; border-radius: 80px; border: 1px solid rgba(153, 153, 153, .5); }
.chip-loc input:checked + span { border-color: var(--cam); color: var(--cam); background: var(--cam-nhat); }
.xem-kq { width: 100%; padding: 10px; font-size: 13px; }
.bo-loc-xoa { font-size: 12px; color: var(--cam); text-decoration: underline; }
.dm-sap { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; } /* gốc (điện thoại): nhãn 1 dòng, ô chọn dòng dưới */
.dm-sap > span { font-size: 15px; line-height: 25px; font-weight: 700; color: #333; white-space: nowrap; }
.o-sap { position: relative; }
.sap-hien { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-width: 225px; padding: 11px 28px; border-radius: 80px; border: 1px solid rgba(153, 153, 153, .5); background: #fff; font-size: 12px; font-weight: 500; }
.sap-hien svg { width: 14px; height: 14px; }
.o-sap ul { display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 100%; background: #fff; border-radius: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); padding: 6px 0; }
.o-sap.mo ul { display: block; }
.o-sap li a { display: block; padding: 9px 16px; font-size: 12px; white-space: nowrap; }
.o-sap li a:hover, .o-sap li a.dang-chon { color: var(--cam); background: var(--cam-nhat); }
.luoi-sp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 56.67px; } /* gốc .product-list.grid-5: mt 3.542rem, điện thoại gap 8px */
.xem-them-sp { display: flex; width: max-content; margin: 30px auto 0; padding: 11px 26px; font-size: 13px; line-height: 13px; gap: 4px; }
.xem-them-sp.dang-tai { opacity: .6; pointer-events: none; }
.dm .trong { text-align: center; padding: 40px 0; color: var(--chu-phu); }
.dm-mota { position: relative; max-width: 900px; margin: 40px auto 0; }
.dm-mota.thu-gon .noi-dung-bai { max-height: 420px; overflow: hidden; position: relative; }
.dm-mota.thu-gon .noi-dung-bai::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(180deg, rgba(245, 245, 247, 0), var(--xam) 80%); }
.dm-mota > .nut { display: flex; margin: 14px auto 0; padding: 11px 26px; font-size: 13px; line-height: 13px; }
.dm-mota .dong { display: none; }
.dm-mota:not(.thu-gon) .mo { display: none; }
.dm-mota:not(.thu-gon) .dong { display: inline; }

/* danh sách tin (index.php) — số đo theo trang "Danh sách tin tức" của gốc */
.ds-tin { background: var(--xam); padding: 32px 0 56px; }
.ds-tin-ten, .ds-tin-muc { font-size: 25px; line-height: 30px; font-weight: 700; text-align: center; color: var(--chu); }
.ds-tin-ten { margin: 16.67px 0 30px; }
.ds-tin-muc { margin-bottom: 30px; }
.ds-tin .tin-ngay { font-size: 11px; line-height: 20px; margin-bottom: 10px; }
.tin-noi-bat { display: flex; flex-direction: column; gap: 16.67px; margin-bottom: 40px; }
.tnb-lon { position: relative; border-radius: 16.67px; overflow: hidden; }
.tnb-lon .phu { position: absolute; inset: 0; z-index: 4; }
.tnb-lon .tnb-anh { position: relative; }
.tnb-lon .tnb-anh::before { content: ""; position: absolute; inset: 0; z-index: 3; background: linear-gradient(0deg, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, 0) 100%); }
.tnb-lon img { width: 100%; height: auto; aspect-ratio: 370 / 208; object-fit: cover; }
.tnb-lon .tnb-chu { position: absolute; left: 0; right: 12px; bottom: 0; z-index: 5; padding: 24px; color: #fff; pointer-events: none; }
.tnb-lon .tnb-chu a { pointer-events: auto; }
.tnb-lon .tin-ngay, .tnb-lon .tin-ngay .muc { color: #fff; margin-bottom: 5px; }
.tnb-lon .tin-ngay .muc::before { background: #fff; }
.tnb-lon h3 { font-size: 18px; line-height: 22.68px; font-weight: 600; color: #fff; }
.tnb-lon .tom-tat { display: none; font-size: .729rem; line-height: .938rem; margin-top: .625rem; }
.tnb-nho { display: flex; flex-direction: column; gap: 12px; }
.tnb-muc { display: flex; align-items: center; }
.tnb-muc .tnb-anh { flex: 0 0 160px; height: 105px; border-radius: 8px; overflow: hidden; margin-right: 20px; }
.tnb-muc .tnb-anh img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.tnb-muc:hover .tnb-anh img { transform: scale(1.04); }
.tnb-muc .tnb-chu { min-width: 0; }
.tnb-muc .tin-ngay { margin-bottom: 5px; }
.tnb-muc h3 { font-size: 16px; line-height: 20.16px; font-weight: 600; color: var(--chu); transition: color .2s; }
.tnb-muc:hover h3 { color: var(--cam); }
.tab-cm ul { display: flex; align-items: center; overflow-x: auto; scrollbar-width: none; }
.tab-cm ul::-webkit-scrollbar { display: none; }
.tab-cm li { flex: 0 0 auto; }
.tab-cm a { display: flex; justify-content: center; min-width: 116.67px; margin: 0 6.67px; padding: 6.67px 16.67px; border-radius: 83px; border: 1px solid #c9c9c9; font-size: 11.66px; line-height: 16.67px; font-weight: 500; color: var(--chu); white-space: nowrap; }
.tab-cm a:hover { color: var(--cam); border-color: var(--cam); }
.tab-cm .dang a, .tab-cm .dang a:hover { color: #fff; border-color: transparent; background: linear-gradient(90deg, #ff5001 0%, #ff7e14 78%, #ff901c 100%) border-box; }
.luoi-tin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; margin-top: 40px; }
.luoi-tin .tin-anh { margin-bottom: 14px; }
.luoi-tin .tin-muc h3 { font-size: 16px; line-height: 20.16px; }
.ds-tin .trong { margin-top: 40px; text-align: center; }
.xem-them-tin { display: flex; width: max-content; margin: 40px auto 0; padding: 8.34px 25px; font-size: 11.66px; line-height: 11.66px; }
.xem-them-tin.dang-tai { opacity: .6; pointer-events: none; }
/* trang kết quả tìm kiếm — theo gốc section.search-page */
.tkq { background: var(--xam); padding: 32px 0; }
.tkq-ten { margin: 0 0 16.75px; font-size: 25px; line-height: 30px; font-weight: 700; text-align: center; color: #000; }
.tkq-nhom { margin-bottom: 50px; }
.tkq-nhom h2 { margin: 0 0 19.92px; font-size: 24px; line-height: normal; font-weight: 700; color: #000; }
.tkq-nhom .luoi-sp { margin-top: 0; gap: 8px; }
.phan-trang { display: flex; justify-content: center; gap: 6px; margin-top: 30px; }
.phan-trang .page-numbers { min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: #fff; font-size: 13px; font-weight: 600; color: var(--chu); }
.phan-trang .page-numbers.current { background: var(--cam); color: #fff; }

/* giỏ hàng / thanh toán / tài khoản: chỉ chỉnh khung, giữ CSS gốc WooCommerce */
.cs-woo .woo-nd { background: #fff; border-radius: 15px; padding: 20px 16px; font-size: 14px; }
.cs-woo .woo-nd .button, .cs-woo .woo-nd button.button { background: var(--cam) !important; color: #fff !important; border-radius: 40px !important; }

/* đăng nhập / đăng ký / quên mật khẩu — thẻ giữa nền xám như /dang-nhap của gốc */
.tk { background: var(--xam); padding: 40px 0 56px; }
.tk-the, .tk .woocommerce-ResetPassword { max-width: 735px; margin: 0 auto; background: #fff; border-radius: 16px; padding: 28px 16px; box-shadow: 0 3px 15px rgba(0, 0, 0, .1); }
.tk-ten { margin-bottom: 6px; text-align: center; font-size: 30px; line-height: 38px; font-weight: 700; color: #fe4f00; }
.tk-mota { margin-bottom: 6px; text-align: center; font-size: 13.5px; line-height: 18px; font-weight: 600; color: var(--chu); }
.tk-chuyen { margin-bottom: 20px; text-align: center; font-size: 11.66px; line-height: 15px; font-weight: 500; color: var(--chu); }
.tk-chuyen a, .tk-quen:hover { color: var(--cam); }
.tk-o { margin-bottom: 18px; }
.tk-o label, .tk-nhan { display: block; margin-bottom: 8px; font-size: 13px; line-height: 17px; color: var(--chu); }
.tk-o input[type=text], .tk-o input[type=email], .tk-o input[type=tel], .tk-o input[type=password], .tk .woocommerce-ResetPassword input.input-text {
  width: 100%; height: 40px; padding: 0 20px; border: 1px solid #b5b5b5; border-radius: 75px; background: #fff; font: inherit; font-size: 13px; color: var(--chu);
}
.tk-o input:focus, .tk .woocommerce-ResetPassword input:focus { outline: none; border-color: var(--cam); }
.tk-mk { position: relative; display: block; }
.tk-mk input { padding-right: 52px !important; }
.tk-mat { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; padding: 0; border: 0; background: none; color: #555; cursor: pointer; }
.tk-mat svg { width: 100%; height: 100%; }
.tk-mat.dang-hien { color: var(--cam); }
.tk-dong { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; font-size: 13px; color: var(--chu); }
.tk-nho { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.tk-nho input, .tk-chon input { accent-color: var(--cam); }
.tk-quen { color: var(--chu); }
.tk-nut, .tk .woocommerce-ResetPassword .button {
  display: block; width: 100%; height: 40px; border: 1px solid #fe4f00 !important; border-radius: 75px !important; background: #fe4f00 !important; color: #fff !important;
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.tk-nut:hover { background: #e84700 !important; }
.tk .tk-nut { float: none; margin: 0; } /* woocommerce.css cho nút đăng nhập float:left → thẻ mất lề dưới */
.tk-ghi { margin-bottom: 18px; font-size: 13px; color: #777; }
.tk .woocommerce form.login, .tk .woocommerce form.register { margin: 0; padding: 0; border: 0; border-radius: 0; }
.tk .show-password-input { display: none !important; } /* Woo tự chèn nút con mắt — theme đã có .tk-mat */
.tk .password-input { display: block; }
.tk-hai { display: grid; grid-template-columns: 1fr; gap: 0 20px; }
.tk-chon { display: flex; align-items: center; gap: 22px; height: 40px; font-size: 13px; color: var(--chu); }
.tk-chon label { display: flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; }
.tk .woocommerce-error, .tk .woocommerce-message, .tk .woocommerce-info { max-width: 735px; margin: 0 auto 16px; border-radius: 14px; }
.tk .woocommerce-privacy-policy-text { margin-bottom: 16px; font-size: 12px; line-height: 18px; color: #777; }
.tk .woocommerce-ResetPassword p { margin-bottom: 16px; font-size: 13px; line-height: 20px; color: var(--chu); }
.tk .woocommerce-ResetPassword .form-row { float: none; width: 100%; padding: 0; }
.tk .woocommerce-ResetPassword label { display: block; margin-bottom: 8px; }

/* giỏ hàng trống — như /gio-hang của gốc */
.cs-woo:has(.gio-trong) { padding-bottom: 60px; }
.cs-woo:has(.gio-trong) .cs-ten { display: none; }
.cs-woo .woo-nd:has(.gio-trong) { background: none; padding: 0; }
.gio-trong { padding: 40px 0 10px; text-align: center; }
.gio-trong p { margin-bottom: 16px; font-size: 18px; line-height: 24px; color: var(--chu); }
.gio-trong .nut { padding: 10px 20px; font-size: 13px; line-height: 13px; }

/* tài khoản đã đăng nhập: menu trái + nội dung */
.cs-woo .woocommerce-MyAccount-navigation ul { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 0 18px; padding: 0; list-style: none; }
.cs-woo .woocommerce-MyAccount-navigation li a { display: block; white-space: nowrap; padding: 8px 16px; border-radius: 40px; border: 1px solid var(--vien); font-size: 13px; color: var(--chu); }
.cs-woo .woocommerce-MyAccount-navigation li.is-active a, .cs-woo .woocommerce-MyAccount-navigation li a:hover { background: var(--cam); border-color: var(--cam); color: #fff; }
.cs-woo .woocommerce-MyAccount-content { font-size: 14px; line-height: 22px; }
.cs-woo .woocommerce-MyAccount-content a { color: var(--cam); }
.cs-woo input.input-text, .cs-woo select, .cs-woo textarea { border: 1px solid #c9c9c9; border-radius: 10px; padding: 9px 14px; font: inherit; font-size: 14px; }
.cs-woo .select2-container .select2-selection--single { height: 40px; border-color: #c9c9c9; border-radius: 10px; }
.cs-woo .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 14px; }
.cs-woo .select2-container .select2-selection--single .select2-selection__arrow { height: 38px; }
.cs-woo table.shop_table { border-radius: 12px; }
.cs-woo #place_order, .cs-woo .checkout-button { font-size: 15px !important; padding: 14px 20px !important; }
.cs-woo .cross-sells ul.products li.product img { height: 160px; width: 100%; object-fit: contain; }
.cs-woo .cross-sells h2, .cs-woo .cart_totals h2, .cs-woo #order_review_heading, .cs-woo .woocommerce-billing-fields h3 { font-size: 18px; font-weight: 700; margin-bottom: 14px; }

@media (min-width: 768px) and (max-width: 1199px) {
	.luoi-sp { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px 20px; }
	.dm-loc-hang { flex-direction: row; justify-content: space-between; align-items: center; }
	.tk-the, .tk .woocommerce-ResetPassword { padding: 36px 48px; }
	.cs-woo .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 0 24px; }
	.cs-woo .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.cs-woo .woocommerce-MyAccount-navigation ul { flex-direction: column; overflow: visible; }
	.cs-woo .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) { display: block; }
}

/* ---------------- DESKTOP ≥1200 (rem = 1vw) ---------------- */
@media (min-width: 992px) and (max-width: 1199px) { .luoi-sp { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) {
	.admin-bar .hd { top: 32px; }
	.hd-logo .logo-anh { height: 2.85rem; }
	.sp-dem { margin: -1rem 0 1.6rem; }
	.sp-dem .o { width: 2.8rem; height: 2.8rem; font-size: 1.1rem; }

	.dm-ten { font-size: 1.823rem; line-height: 2.083rem; padding: 1.042rem 0 2.604rem; }
	.dm { padding: 0 0 5.052rem; }
	.dm-banner { margin-bottom: 1.667rem; }
	.dm-banner .swiper, .dm-banner img { border-radius: 1.042rem; }
	.dm-banner .mui-ten.truoc { left: -1.042rem; }
	.dm-banner .mui-ten.sau { right: -1.042rem; }
	.dm-con { gap: .625rem; padding: 0; margin-bottom: 1.667rem; overflow: visible; flex-wrap: wrap; }
	.dm-con a { padding: .417rem 1.667rem; border-radius: 3.472rem; font-size: .833rem; line-height: 1.458rem; }
	.dm-con-ten { margin-bottom: .865rem; font-size: 1.042rem; line-height: 1.823rem; }
	.dm-logo { gap: 20px; overflow: visible; flex-wrap: wrap; padding: 0; margin-bottom: 1.667rem; } /* gốc .brand-swiper: ô 81.4px, cách 20px */
	.dm-logo a { width: 5.653rem; height: 5.653rem; border-radius: 1.042rem; }
	.dm-logo img { width: 4.194rem; height: 4.194rem; }
	.dm-logo span { font-size: .7rem; line-height: .85rem; }
	.dm-loc h2 { font-size: 1.042rem; line-height: 1.823rem; margin-bottom: .865rem; }
	.dm-loc-hang { flex-direction: row; justify-content: space-between; align-items: center; gap: 0; }
	.dm-bo-loc { gap: .677rem; padding-bottom: 0; }
	.o-loc { position: relative; }
	.nut-loc { gap: .521rem; height: 2.083rem; font-size: .729rem; line-height: .729rem; padding: .521rem .833rem; border-radius: 5.208rem; }
	.nut-loc svg { width: .85rem; height: .85rem; }
	.bang-loc { width: 20.83rem; top: calc(100% + .42rem); border-radius: 1.042rem; box-shadow: 0 0 .694rem #dedede; padding: 1.354rem 1.146rem; }
	.chip-loc { gap: .521rem; margin-bottom: 1rem; }
	.chip-loc span { font-size: .729rem; line-height: .729rem; padding: .521rem .833rem; border-radius: 5.208rem; }
	.xem-kq { padding: .7rem; font-size: .781rem; }
	.bo-loc-xoa { font-size: .729rem; }
	.dm-sap { flex-direction: row; align-items: center; gap: 1.042rem; }
	.dm-sap > span { font-size: .781rem; line-height: 1.823rem; }
	.sap-hien { min-width: 14.1rem; gap: 2rem; padding: .677rem 1.25rem; border-radius: 5.208rem; font-size: .729rem; }
	.sap-hien svg { width: .97rem; height: .97rem; }
	.o-sap ul { border-radius: .7rem; padding: .4rem 0; }
	.o-sap li a { padding: .6rem 1.25rem; font-size: .729rem; }
	.luoi-sp { grid-template-columns: repeat(5, 15.625rem); justify-content: space-between; gap: 1.563rem 1.25rem; margin-top: 3.542rem; }
	.xem-them-sp { margin-top: 2.604rem; padding: .781rem 1.563rem; font-size: .781rem; line-height: .781rem; gap: .25rem; }
	.dm-mota { max-width: 62.5rem; margin-top: 4.167rem; }
	.dm-mota .noi-dung-bai { font-size: 1.042rem; line-height: 1.736rem; }
	.dm-mota .noi-dung-bai h2 { font-size: 1.389rem; line-height: 1.667rem; margin-bottom: 1.153rem; }
	.dm-mota .noi-dung-bai h3 { font-size: 1.25rem; line-height: 1.667rem; margin-bottom: 1.25rem; }
	.dm-mota.thu-gon .noi-dung-bai { max-height: 34.72rem; }
	.dm-mota.thu-gon .noi-dung-bai::after { height: 8rem; }
	.dm-mota > .nut { margin-top: 1rem; padding: .781rem 1.563rem; font-size: .781rem; line-height: .781rem; }

	.ds-tin { padding: 4.375rem 0 6.146rem; }
	.ds-tin-ten, .ds-tin-muc { font-size: 1.823rem; line-height: 2.083rem; }
	.ds-tin-ten { margin: 1.042rem 0 2.396rem; }
	.ds-tin-muc { margin-bottom: 2.396rem; }
	.ds-tin-muc.trai { text-align: left; }
	.ds-tin .tin-ngay { font-size: .729rem; line-height: .938rem; margin-bottom: .625rem; }
	.tin-noi-bat { display: grid; grid-template-columns: 48.472rem minmax(0, 1fr); gap: 1.042rem; align-items: center; margin-bottom: 6.979rem; }
	.tnb-lon { border-radius: 1.042rem; }
	.tnb-lon img { aspect-ratio: auto; height: 28.226rem; }
	.tnb-lon .tnb-anh::before { right: auto; width: 67%; background: linear-gradient(90deg, rgba(0, 0, 0, .79) 0%, rgba(0, 0, 0, 0) 100%); }
	.tnb-lon .tnb-chu { left: 2.083rem; right: auto; bottom: 2.083rem; width: 22.43rem; padding: 0; }
	.tnb-lon .tin-ngay { margin-bottom: .625rem; }
	.tnb-lon h3 { font-size: 1.146rem; line-height: 1.444rem; }
	.tnb-lon .tom-tat { display: -webkit-box; }
	.tnb-nho { gap: .729rem; }
	.tnb-muc .tnb-anh { flex-basis: 9.896rem; height: 6.51rem; border-radius: 1.042rem; margin-right: 1.563rem; }
	.tnb-muc .tin-ngay { margin-bottom: .625rem; }
	.tnb-muc h3 { font-size: 1.042rem; line-height: 1.312rem; }
	.tab-cm ul { justify-content: center; overflow: visible; flex-wrap: wrap; }
	.tab-cm a { min-width: 7.292rem; margin: 0 .417rem; padding: .417rem 1.042rem; border-radius: 5.208rem; font-size: .729rem; line-height: 1.042rem; }
	.luoi-tin { grid-template-columns: repeat(4, 19.688rem); gap: 2.292rem 1.458rem; margin-top: 3.958rem; }
	.luoi-tin .tin-anh { margin-bottom: 1.563rem; }
	.luoi-tin .tin-muc h3 { font-size: 1.042rem; line-height: 1.302rem; }
	.ds-tin .trong { margin-top: 3.958rem; }
	.xem-them-tin { margin-top: 3.75rem; padding: .521rem 1.563rem; font-size: .781rem; line-height: .781rem; }
	.tkq { padding: 5.208rem 0; }
	.tkq-ten { margin-bottom: 1.221rem; font-size: 1.823rem; line-height: 2.083rem; }
	.tkq-nhom h2 { margin-bottom: 1.245rem; font-size: 1.5rem; }
	.tkq-nhom .luoi-sp { gap: 1.563rem 1.25rem; }
	.phan-trang { gap: .4rem; margin-top: 2.6rem; }
	.phan-trang .page-numbers { min-width: 2.4rem; height: 2.4rem; font-size: .833rem; }

	.cs-woo .woo-nd { border-radius: 1.042rem; padding: 2rem 2.4rem; font-size: .9rem; }

	/* đăng nhập / đăng ký (đo ở 1440: thẻ 735px, chữ tiêu đề 37.5px) */
	.tk { padding: 5.208rem 0; }
	.tk-the, .tk .woocommerce-ResetPassword { max-width: 51.042rem; border-radius: 1.111rem; padding: 2.604rem 3.646rem; box-shadow: 0 .208rem 1.042rem rgba(0, 0, 0, .1); }
	.tk-ten { margin-bottom: .521rem; font-size: 2.604rem; line-height: 3.125rem; }
	.tk-mota { margin-bottom: .521rem; font-size: .938rem; line-height: 1.25rem; }
	.tk-chuyen { margin-bottom: 1.563rem; font-size: .729rem; line-height: 1.042rem; }
	.tk-o { margin-bottom: 1.563rem; }
	.tk-o label, .tk-nhan { margin-bottom: .625rem; font-size: .833rem; line-height: 1.146rem; }
	.tk-o input[type=text], .tk-o input[type=email], .tk-o input[type=tel], .tk-o input[type=password], .tk .woocommerce-ResetPassword input.input-text { height: 2.604rem; padding: 0 1.563rem; border-radius: 5.208rem; font-size: .833rem; }
	.tk-mk input { padding-right: 3.6rem !important; }
	.tk-mat { right: 1.042rem; width: 1.667rem; height: 1.667rem; }
	.tk-dong { margin-bottom: 1.563rem; font-size: .833rem; }
	.tk-nut, .tk .woocommerce-ResetPassword .button { height: 2.604rem; border-radius: 5.208rem !important; font-size: .833rem; }
	.tk-ghi, .tk .woocommerce-ResetPassword p { margin-bottom: 1.2rem; font-size: .833rem; line-height: 1.3rem; }
	.tk-hai { gap: 0 1.4rem; }
	.tk-chon { gap: 1.5rem; height: 2.604rem; font-size: .833rem; }
	.tk .woocommerce-error, .tk .woocommerce-message, .tk .woocommerce-info { max-width: 51.042rem; margin-bottom: 1rem; border-radius: 1rem; }
	.tk .woocommerce-privacy-policy-text { margin-bottom: 1.1rem; font-size: .76rem; line-height: 1.2rem; }
	.cs-woo:has(.gio-trong) { padding-bottom: 4.5rem; }
	.gio-trong { padding: 2.6rem 0 .5rem; }
	.gio-trong p { margin-bottom: 1.1rem; font-size: 1.15rem; line-height: 1.6rem; }
	.gio-trong .nut { padding: .75rem 1.4rem; font-size: .833rem; line-height: .833rem; }
	.cs-woo .woocommerce { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 0 2rem; }
	.cs-woo .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.cs-woo .woocommerce-MyAccount-navigation ul { flex-direction: column; overflow: visible; }
	.cs-woo .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) { display: block; }
	.cs-woo .woocommerce-MyAccount-navigation li a { padding: .6rem 1.1rem; font-size: .9rem; }
	.cs-woo .woocommerce-MyAccount-content { font-size: .95rem; line-height: 1.5rem; }
}