/* =============================================================================
   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.dinh .hd-main, .admin-bar .hd.dinh .hd-nav { top: 46px; }
@media (min-width: 783px) { .admin-bar .hd.dinh .hd-main, .admin-bar .hd.dinh .hd-nav { top: 32px; } }
@media (max-width: 600px) { .admin-bar .hd.dinh .hd-main { 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ẻ */
.the-sp .anh img { aspect-ratio: auto; height: 11.5rem; } /* gốc .product-item .img-wrap cao 11.5rem ở mọi khổ (điện thoại 184px, kể cả thẻ hẹp trong băng trượt) */
.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: none; } /* chip xếp hàng chỉ từ 768; điện thoại dùng băng trượt .dm-con-truot */
.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; } /* gốc .brand-swiper: điện thoại 5 ô/lượt cách 12 · 768: 6 cách 12 · 992: 8 cách 16 · 1200: 12 cách 20 */
.dm-logo::-webkit-scrollbar { display: none; }
.dm-logo a { flex: none; display: grid; place-items: center; width: calc((100% - 4 * 12px) / 5); aspect-ratio: 1; padding: 11.66px; border-radius: 16.67px; background: #fff; border: 1px solid transparent; transition: border-color .2s; }
.dm-logo a:hover, .dm-logo a.dang-xem { border-color: var(--chinh); }
.dm-logo img { width: 100%; height: auto; aspect-ratio: 1; 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(--chinh); color: #fff; } /* gốc .brand-item.item-without-image */
.dm-con-truot { margin-bottom: 26.67px; }
.dm-con-truot .swiper-slide a { display: block; 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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s; }
.dm-con-truot .swiper-slide a + a { margin-top: 12px; }
.dm-con-truot .swiper-slide a:hover, .dm-con-truot .swiper-slide a.dang-xem { background: var(--chinh); color: #fff; }
/* chấm như .swiper-pagination gốc (điện thoại ô 16px, chấm .3125rem, ô đang xem viền cam) */
.dm-con-truot .swiper-pagination { position: relative; inset: auto; margin-top: 20px; display: flex; justify-content: center; align-items: center; }
.dm-con-truot .swiper-pagination-bullet { position: relative; width: 16px; height: 16px; margin: 0 1.664px !important; border-radius: 50%; border: 1px solid transparent; background: transparent; opacity: 1; transition: all .4s ease-in-out; }
.dm-con-truot .swiper-pagination-bullet::before { content: ""; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--chinh); }
.dm-con-truot .swiper-pagination-bullet-active { border-color: var(--chinh); }
.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; align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; gap: 10.83px; padding-bottom: 10px; } /* rộng hết hàng: bảng lọc căn giữa theo cả hàng như gốc */
.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 */
/* gốc (màn <500px): cuộn qua hàng lọc thì ghim hàng lọc dưới dải logo (top 50px, đè phần ô tìm) — JS thêm .dinh */
@media (max-width: 499px) { .dm-bo-loc.dinh { position: fixed; top: 50px; left: 0; width: 100vw; z-index: 1000; padding: 10px; background: #fff; box-shadow: 0 0 10px #dedede; } }
.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, .sap-hien svg { color: #666; } /* gốc: mũi tên #666 nét 1.5/12 */
.nut-loc svg { width: 12px; height: 12px; } /* gốc svg width="12" cố định mọi khổ */
.nut-loc.co-chon { border-color: var(--chinh); color: var(--chinh); background: var(--chinh-nhat); }
.nut-loc.co-chon svg { color: var(--chinh); }
.bang-loc { display: none; flex-wrap: wrap; gap: 8.33px; position: absolute; left: 50%; top: calc(100% - 10px); transform: translateX(-50%); z-index: 99; width: 333.33px; max-width: calc(100vw - 20px); background: #fff; border-radius: 16.67px; box-shadow: 0 0 10px #dedede; padding: 21.66px 18.33px; } /* gốc .filter-list (điện thoại căn giữa hàng nút) */
.o-loc.mo .bang-loc { display: flex; }
.chip-loc { display: contents; }
.chip-loc label { cursor: pointer; }
.chip-loc input { position: absolute; opacity: 0; pointer-events: none; }
.chip-loc span { display: block; 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); } /* gốc .filter-item > label */
.chip-loc input:checked + span { border-color: var(--chinh); color: var(--chinh); background: var(--chinh-nhat); }
.xem-kq { width: max-content; padding: 10px 30px; font-size: 12.5px; line-height: 12.5px; border-radius: 83.33px; } /* gốc .button.button-black.btn-search-list-product */
.bo-loc-xoa { font-size: 12px; color: var(--chinh); 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: 8.33px; width: 225px; padding: 10.83px 20px; border-radius: 83.33px; border: 1px solid rgba(153, 153, 153, .5); background: #fff; font-size: 11.66px; line-height: 11.66px; font-weight: 500; } /* gốc .sort-current: rộng 14.0625rem, đệm .677rem 1.25rem */
.sap-hien span { margin-left: 8.33px; }
.sap-hien svg { width: 15.84px; height: 15.84px; }
/* gốc .sort-list: các nút rời nằm ngay dưới, cách nhau .3125rem, ẩn cách đang chọn; rê vào viền + chữ cam */
.o-sap ul { display: none; position: absolute; left: 0; top: 100%; z-index: 99; width: 100%; }
.o-sap.mo ul { display: block; }
.o-sap li.dang-chon { display: none; }
.o-sap li a { display: flex; align-items: center; margin-top: 5px; padding: 10.83px 20px; background: #fff; border: 1px solid rgba(153, 153, 153, .5); border-radius: 83.33px; white-space: nowrap; transition: all .4s ease-in-out; }
.o-sap li a svg { width: 15.84px; height: 15.84px; color: #000; transition: color .4s ease-in-out; }
.o-sap li a span { margin: 0 auto 0 8.33px; font-size: 11.66px; line-height: 11.66px; font-weight: 500; }
.o-sap li a:hover { border-color: var(--chinh); background: var(--chinh-nhat); color: var(--chinh); }
.o-sap li a:hover svg { color: var(--chinh); }
.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: 41.67px auto 0; padding: 10px 30px; font-size: 12.5px; line-height: 12.5px; font-weight: 500; gap: 4px; border-radius: 83.33px; } /* gốc .btn-get-list-product */
.xem-them-sp.dang-tai { opacity: .6; pointer-events: none; }
.dm .trong { text-align: center; padding: 40px 0; color: var(--chu-phu); }
/* gốc .content-category: cao hơn 500px mới thu gọn (500px + lớp mờ 300px), chữ 14/15px dòng 25px cố định, font sans-serif */
.dm-mota { position: relative; max-width: 1000px; margin: 66.67px auto 0; }
.dm-mota .noi-dung-bai { position: relative; overflow: hidden; transition: max-height .6s; }
.dm-mota.thu-gon .noi-dung-bai { max-height: 500px; }
.dm-mota.thu-gon .noi-dung-bai::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 300px; z-index: 2; background: linear-gradient(180deg, rgba(245, 245, 247, 0) 0%, rgba(245, 245, 247, .8) 60%, #f5f5f7 100%); }
.dm-mota .noi-dung-bai, .dm-mota .noi-dung-bai * { font-family: sans-serif; }
.dm-mota .noi-dung-bai p, .dm-mota .noi-dung-bai li { font-size: 14px; line-height: 25px; font-weight: 400; color: #333; }
.dm-mota .noi-dung-bai p { margin: 0 0 12.5px; }
.dm-mota .noi-dung-bai h2 { font-size: 20px; line-height: 24px; font-weight: 700; color: #333; margin: 0 0 16.6px; }
.dm-mota .noi-dung-bai h3 { font-size: 18px; line-height: 24px; font-weight: 700; color: #333; margin: 0 0 18px; }
.dm-mota .noi-dung-bai ul { font-size: 14px; line-height: 25px; margin: 0 0 1em; padding-left: 40px; list-style: disc; }
.dm-mota .noi-dung-bai li { margin-bottom: 5px; }
.dm-mota .noi-dung-bai > :last-child { margin-bottom: 0; }
.dm-mota > .nut { position: relative; z-index: 4; display: flex; margin: 30px auto 0; padding: 10px 30px; font-size: 12.5px; line-height: 12.5px; font-weight: 500; border-radius: 83.33px; }
.dm-mota.thu-gon > .nut { margin-top: 0; transform: translateY(-50%); }
.dm-mota.ngan > .nut { display: none; } /* ngắn hơn 500px: không thu gọn, không có nút (như gốc) */
.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: #000; }
.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(--chinh); }
.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(--chinh); border-color: var(--chinh); }
.tab-cm .dang a, .tab-cm .dang a:hover { color: #fff; border-color: transparent; background: var(--chinh-tab) 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(--chinh); 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: var(--chinh-dam); }
.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(--chinh); }
.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(--chinh); }
.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(--chinh); }
.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(--chinh); }
.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; }
/* đăng nhập điện thoại — theo login-style.css của gốc (rem × 16) */
@media (max-width: 767px) {
	.tk { padding: 33.33px 0; }
	.tk-the, .tk .woocommerce-ResetPassword { width: calc(100% - 25px); padding: 16.67px; }
	.tk-ten { margin-bottom: 8.33px; font-size: 21.67px; line-height: 1.2; }
	.tk-mota { margin-bottom: 8.33px; font-size: 13.33px; line-height: 16.67px; }
	.tk-chuyen { margin-bottom: 25px; line-height: 16.67px; }
	.tk-o { margin-bottom: 13.33px; }
	.tk-o label, .tk-nhan { margin-bottom: 5px; font-size: 11.66px; line-height: 16.67px; }
	.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: 33.33px; padding: 0 13.33px; font-size: 13.33px; }
	.tk-dong { margin-bottom: 13.33px; font-size: 11.66px; line-height: 16.67px; }
	.tk-nut, .tk .woocommerce-ResetPassword .button { height: 33.33px; font-size: 13.33px; line-height: 13.33px; }
}

/* giỏ hàng trống — như /gio-hang của gốc */
.cs-woo { padding: 60px 0; } /* gốc section.cart-page / checkout-page */
.cs-woo:has(.gio-trong) .cs-ten { display: none; }
.cs-woo .woo-nd:has(.gio-trong) { background: none; padding: 0; }
.gio-trong { padding: 0 10px; text-align: center; }
.gio-trong p { font-size: 16px; color: #000; }
.gio-trong .nut { margin-top: 16.67px; padding: 10px 30px; font-size: 12.5px; line-height: 12.5px; font-weight: 500; }

/* 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(--chinh); border-color: var(--chinh); color: #fff; }
.cs-woo .woocommerce-MyAccount-content { font-size: 14px; line-height: 22px; }
.cs-woo .woocommerce-MyAccount-content a { color: var(--chinh); }
.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) {
	.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; }
}

/* ---------------- TRANG DANH MỤC ≥768 — gốc dùng luật máy tính cho mọi khổ (rem = 16px dưới 1200), rồi đè ≤1199 / ≤991 ---------------- */
@media (min-width: 768px) {
	.dm-ten { font-size: 1.823rem; line-height: 2.083rem; padding: 1.042rem 0 2.604rem; } /* gốc h1.sec-title.product-category-title: chữ 1.823rem, lề 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 { display: flex; gap: .625rem; padding: 0; margin-bottom: 1.667rem; overflow: visible; flex-wrap: wrap; }
	.dm-con-truot { display: none; }
	.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 { margin-bottom: 1.667rem; }
	.dm-logo a { width: calc((100% - 5 * 12px) / 6); padding: .729rem; border-radius: 1.042rem; }
	.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; }
	.bang-loc { left: 0; top: 100%; transform: none; width: 20.833rem; gap: .521rem; border-radius: 1.042rem; padding: 1.354rem 1.146rem; }
	.chip-loc span { font-size: .729rem; line-height: .729rem; padding: .521rem .833rem; border-radius: 5.208rem; }
	.xem-kq { padding: .417rem 1.5625rem; font-size: .78125rem; line-height: .78125rem; border-radius: 5.208rem; }
	.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 { width: 14.0625rem; gap: .521rem; padding: .677rem 1.25rem; border-radius: 5.208rem; font-size: .729rem; line-height: .729rem; }
	.sap-hien span { margin-left: .521rem; }
	.sap-hien svg { width: .99rem; height: .99rem; }
	.o-sap li a { margin-top: .3125rem; padding: .677rem 1.25rem; border-radius: 5.208rem; }
	.o-sap li a svg { width: .99rem; height: .99rem; }
	.o-sap li a span { margin-left: .521rem; font-size: .729rem; line-height: .729rem; }
	.luoi-sp { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5625rem 1.25rem; margin-top: 3.542rem; } /* gốc .grid-5 = repeat(5, 1fr) */
	.xem-them-sp { margin-top: 2.604rem; padding: .78125rem 1.5625rem; font-size: .78125rem; line-height: .78125rem; gap: .25rem; border-radius: 5.208rem; }
	.dm-mota { max-width: 62.5rem; margin-top: 4.167rem; }
	.dm-mota .noi-dung-bai p, .dm-mota .noi-dung-bai li, .dm-mota .noi-dung-bai ul { font-size: 15px; }
	.dm-mota .noi-dung-bai p { margin-bottom: .78125rem; }
	.dm-mota .noi-dung-bai li { margin-bottom: .3125rem; }
	.dm-mota > .nut { padding: .78125rem 1.5625rem; font-size: .78125rem; line-height: .78125rem; border-radius: 5.208rem; }
}
@media (min-width: 768px) and (hover: hover) { .o-loc:hover .bang-loc { display: flex; } }
@media (min-width: 1200px) { .xem-kq:hover { background: #fff; color: #000; } } /* gốc .button-black:hover */
@media (min-width: 992px) { .dm-logo { gap: 16px; } .dm-logo a { width: calc((100% - 7 * 16px) / 8); } }
@media (min-width: 1200px) { .dm-logo { gap: 20px; } .dm-logo a { width: calc((100% - 11 * 20px) / 12); } }
@media (min-width: 768px) { .tkq-nhom .luoi-sp { gap: 1.5625rem 1.25rem; } } /* trang tìm kiếm dùng cùng lưới .grid-5 của gốc */
@media (min-width: 768px) and (max-width: 1199px) {
	.luoi-sp { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* gốc .product-list.grid-5 ≤1199 */
}
@media (min-width: 768px) and (max-width: 991px) {
	.luoi-sp { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	/* gốc .tablet-flex-col: lọc 1 hàng (rộng hết, cách dưới 20px), sắp xếp xuống hàng dưới căn trái */
	.dm-loc-hang { flex-direction: column; align-items: flex-start; }
	.dm-bo-loc { width: 100%; margin-bottom: 20px; }
}

/* ---------------- DESKTOP ≥1200 (rem = 1vw) ---------------- */
@media (min-width: 1200px) {
	.admin-bar .hd.dinh .hd-nav { 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; }

	.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; }
	.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; line-height: 1.25rem; }
	.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 { padding: 6.25rem 0; }
	.gio-trong p { font-size: 1rem; }
	.gio-trong .nut { margin-top: 1.042rem; padding: .781rem 1.563rem; font-size: .781rem; line-height: .781rem; }
	.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; }
}

/* nội dung cũ dựng bằng Flatsome (inc/tuong-thich-flatsome.php): row = hàng cột co giãn, sản phẩm = lưới thẻ của theme */
.fs-row, .fs-row_inner, .fs-row_inner_1, .fs-vc_row { display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 16px; }
.fs-col, .fs-col_inner, .fs-col_inner_1, .fs-vc_column { flex: 1 1 260px; min-width: 0; }
.fs-anh img { display: block; max-width: 100%; height: auto; border-radius: 8px; margin: 0 auto 12px; }
.fs-tieu-de { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 18px; line-height: 24px; font-weight: 700; margin: 16px 0 12px; }
.fs-tieu-de .fs-xem { font-size: 13px; font-weight: 600; color: var(--chinh); white-space: nowrap; }
.fs-nut { display: inline-flex; margin: 8px 0 16px; padding: 10px 24px; }
.fs-sp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 20px; }
@media (min-width: 768px) { .fs-sp { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1200px) { .fs-sp { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* nội dung soạn ở site cũ gắn cứng cỡ chữ / phông (bofit 30/10/2026: 929 span + p, strong có style="font-size:75% | 14px | 12pt…",
   52 chỗ font-family; One không có) → bỏ qua, chữ theo đúng kiểu theme như One. Không sửa dữ liệu, chỉ đè lúc hiển thị.
   Tiêu đề h2/h3 gắn cứng (2 sản phẩm) trả về đúng cỡ tiêu đề của theme ở từng khổ. */
:is(.noi-dung-bai, .sp-mota .noi-dung) :is(span, p, strong, b, em, i, u, a, li, td, th, div, font)[style*="font-size"],
:is(.noi-dung-bai, .sp-mota .noi-dung) font[size] { font-size: inherit !important; }
:is(.noi-dung-bai, .sp-mota .noi-dung) [style*="font-family"],
:is(.noi-dung-bai, .sp-mota .noi-dung) font[face] { font-family: inherit !important; }
/* tiêu đề viết TÁCH selector, không dùng :is() — :is() lấy độ ưu tiên của vế mạnh nhất nên đè mất luật @media bên dưới */
.noi-dung-bai h2[style*="font-size"], .sp-mota .noi-dung h2[style*="font-size"] { font-size: 19px !important; }
.noi-dung-bai h3[style*="font-size"], .sp-mota .noi-dung h3[style*="font-size"] { font-size: 17px !important; }
@media (min-width: 768px) {
  .sp-mota .noi-dung h2[style*="font-size"] { font-size: 1.35rem !important; }
  .sp-mota .noi-dung h3[style*="font-size"] { font-size: 1.215rem !important; }
}
@media (min-width: 1200px) {
  .noi-dung-bai h2[style*="font-size"] { font-size: 1.35rem !important; }
  .noi-dung-bai h3[style*="font-size"] { font-size: 1.215rem !important; }
}
/* h1 nằm trong nội dung cũ (bofit) — theme không có kiểu h1 cho nội dung nên trình duyệt phóng 2em → hiện như h2 của theme */
.noi-dung-bai h1, .sp-mota .noi-dung h1 { font-size: 19px; line-height: 24px; font-weight: 700; margin: 0 0 16px; }
@media (min-width: 768px) { .sp-mota .noi-dung h1 { font-size: 1.35rem; line-height: 1.619rem; margin-bottom: 1.12rem; } }
@media (min-width: 1200px) { .noi-dung-bai h1 { font-size: 1.35rem; line-height: 1.619rem; margin-bottom: 1.12rem; } }
/* ảnh trong mô tả sản phẩm dựng lại (az_noi_dung_tron): căn giữa, không tràn khung */
.sp-mota .noi-dung img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 8px; }