/* =====================================================================
   #279 — Bộ quy chuẩn giao diện mới Hóa Việt (phong cách FPT Shop)
   Nạp cho MỌI trang khi có cờ ?ui=moi (hoặc ?home=moi) — xem index.php.
   Khi anh duyệt: nạp file này cố định + bỏ điều kiện cờ.
   Gồm: biến (màu, bo góc, khoảng cách, cỡ chữ), nút .hv-btn, chip .hv-chip,
   thẻ .hv-card, thẻ sản phẩm .hv-pcard, tiêu đề khối .hv-title, header + ô tìm kiếm.
   Phần riêng trang chủ nằm ở home_moi.css.
   ===================================================================== */
:root{
	/* màu thương hiệu (đỏ logo / đỏ đậm tiêu đề cũ) */
	--hv-red:#c8102e;
	--hv-red-d:#9d0b0f;
	--hv-red-soft:#fdecef;
	--hv-ink:#1f2328;
	--hv-text:#3a3f45;
	--hv-muted:#4b5563; /* #321: #6b7280 trên nền #f2f4f7 chỉ 4.38:1 */
	--hv-line:#e5e7eb;
	--hv-bg:#f2f4f7;
	--hv-white:#fff;
	--hv-link:#1d6fe0;
	/* bo góc thống nhất: --hv-radius cho nút, chip, ô tìm kiếm; --hv-radius-card cho thẻ/khối */
	--hv-radius:999px;
	--hv-radius-card:12px;
	--hv-radius-sm:8px;
	/* khoảng cách, cỡ chữ */
	--hv-gap:12px;
	--hv-gap-lg:16px;
	--hv-fs:14px;
	--hv-fs-sm:12.5px;
	--hv-fs-title:18px;
	--hv-header-h:56px;
	/* màu phụ: viền nhạt, nền xen kẽ, chấm chỉ báo, đánh dấu tìm kiếm, nhấn trên nền đỏ/đậm */
	--hv-line-soft:#eef0f3;
	--hv-row-alt:#fafbfc;
	--hv-bg-2:#f3f4f6;
	--hv-dot:#c9ced6;
	--hv-placeholder:#8a9099;
	--hv-mark:#fff3cd;
	--hv-red-line:#f5c2cb;
	--hv-on-red-hover:#ffe1e6;
	--hv-accent-on-dark:#ff8fa3;
	--hv-focus:rgba(200,16,46,.12);
	/* footer nền đậm (theo màu footer gốc của theme) */
	--hv-footer-bg:var(--bg-footer-color,#22001b);
	--hv-footer-bar:#16000f;
	--hv-on-dark:rgba(255,255,255,.86);
	--hv-on-dark-2:rgba(255,255,255,.73);
	--hv-on-dark-3:rgba(255,255,255,.62);
	--hv-on-dark-line:rgba(255,255,255,.14);
	/* lớp phủ + bóng */
	--hv-overlay:rgba(17,24,39,.45);
	--hv-shade-06:rgba(0,0,0,.06);
	--hv-shade-12:rgba(0,0,0,.12);
	--hv-shade-14:rgba(0,0,0,.14);
	--hv-shade-18:rgba(0,0,0,.18);
	--hv-shade-25:rgba(0,0,0,.25);
	/* #307: lề nội dung, chip, mép mờ hàng cuộn ngang, nền video */
	--hv-pad:16px;
	--hv-chip-h:40px;
	--hv-chip-img:28px;
	--hv-fade-mask:linear-gradient(to right,#000 calc(100% - 32px),transparent);
	--hv-video-bg:#212529;
	--hv-on-video-line:rgba(255,255,255,.35);
	--hv-on-video-soft:rgba(255,255,255,.12);
}

/* ---------- bo góc thống nhất cho thành phần sẵn có của site ---------- */
body.ui2 .btn,
body.ui2 button.YeucauBaogia,
body.ui2 .form-control,
body.ui2 .form-select,
body.ui2 .rounded-pill,
body.ui2 .page-link,
body.ui2 .badge,
body.ui2 #search input,
body.ui2 .subMenu a{border-radius:var(--hv-radius)!important}
body.ui2 .card,
body.ui2 .product_detail>div,
body.ui2 .dropdown-menu{border-radius:var(--hv-radius-card)!important}

/* ---------- nút ---------- */
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 16px;border:1px solid transparent;border-radius:var(--hv-radius)!important;font-size:var(--hv-fs);font-weight:500;line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.hv-btn.hv-btn--pri{background:var(--hv-red)!important;border-color:var(--hv-red)!important;color:var(--hv-white)!important}
.hv-btn.hv-btn--pri:hover{background:var(--hv-red-d)!important;border-color:var(--hv-red-d)!important}
.hv-btn.hv-btn--line{background:var(--hv-white)!important;border:1px solid var(--hv-red)!important;color:var(--hv-red)!important}
.hv-btn.hv-btn--line:hover{background:var(--hv-red-soft)!important}
.hv-btn.hv-btn--ghost{background:var(--hv-white)!important;border:1px solid var(--hv-line)!important;color:var(--hv-ink)!important}
.hv-btn.hv-btn--ghost:hover{border-color:var(--hv-red)!important;color:var(--hv-red)!important}

/* ---------- chip ---------- */
.hv-chip{display:inline-block;padding:6px 12px;border:1px solid var(--hv-line);border-radius:var(--hv-radius);background:var(--hv-white);font-size:13px;color:var(--hv-text);white-space:nowrap;text-decoration:none}
.hv-chip:hover,.hv-chip.on{border-color:var(--hv-red);color:var(--hv-red)}

/* ---------- thẻ / khối ---------- */
.hv-card{display:block;background:var(--hv-white);border-radius:var(--hv-radius-card);overflow:hidden}
.hv-block{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:var(--hv-gap-lg) var(--hv-gap)}
.hv-title{margin:0 0 var(--hv-gap);font-size:var(--hv-fs-title);font-weight:700;color:var(--hv-ink)}

/* ---------- thẻ sản phẩm ---------- */
.hv-pcard{display:flex;flex-direction:column;background:var(--hv-white);border:1px solid var(--hv-line-soft);border-radius:var(--hv-radius-card);padding:10px;min-width:0}
.hv-pcard__img{display:block;position:relative;aspect-ratio:1/1;margin-bottom:8px}
.hv-pcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hv-pcard__t{margin:0 0 4px;font-size:13.5px;font-weight:500;line-height:1.35;color:var(--hv-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.hv-pcard__t a{color:inherit;text-decoration:none}
.hv-pcard__t a:hover{color:var(--hv-red)}
.hv-pcard__meta{margin:0 0 10px;display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--hv-muted);min-height:2.9em}
.hv-pcard__meta b{font-weight:500;color:var(--hv-text)}
.hv-pcard__meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-pcard__btn{margin-top:auto;width:100%;min-height:34px;padding:6px 10px;font-size:13px}

/* =====================================================================
   HEADER (kiểu FPT Shop): nền đỏ, logo trắng; mobile: ☰ trái, logo giữa, giỏ tròn phải,
   ô tìm kiếm trắng bo tròn ở hàng dưới; desktop: ô tìm kiếm rộng ở giữa.
   ===================================================================== */
body.ui2 #header{background:var(--hv-red)!important;box-shadow:none!important;flex-wrap:wrap;padding-top:6px!important;padding-bottom:6px!important}
body.ui2 #header .header-container{background:transparent!important;box-shadow:none!important;border:0!important}
body.ui2 #header .logo img{filter:brightness(0) invert(1)}
body.ui2 #header .mobile-nav-toggle{color:var(--hv-white)!important}
body.ui2 #header .cartIcon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%!important;background:var(--hv-shade-18)!important;color:var(--hv-white)!important;border:0!important}
body.ui2 #header .cartIcon i{font-size:19px!important;color:var(--hv-white)!important}
/* #414: số lượng giỏ - chấm tròn góc trên phải, nền trắng chữ đỏ (main.css cũ: nền trắng 50% + chữ tối, canh bằng margin -> chìm, lệch); giỏ trống thì ẩn */
body.ui2 .cartIcon{position:relative;overflow:visible!important}
body.ui2 .cartIcon[data-badge]::before{position:absolute;top:-5px;right:-7px;left:auto;margin:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--hv-white);color:var(--hv-red);font-size:12px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--hv-red),0 1px 3px rgba(0,0,0,.3);z-index:2;pointer-events:none}
body.ui2 .cartIcon[data-badge=""]::before{display:none}
body.ui2 #header #search input{background:var(--hv-white)!important;border:0!important;height:42px;font-size:15px}
body.ui2 #header .gt_float_switcher{background:transparent}
body.ui2 #header .gt_float_switcher .gt-selected{background:transparent}
body.ui2 #header .gt-current-lang{color:var(--hv-white)}

/* ô tìm kiếm mobile dưới header */
.hv-msearch{width:100%;padding:2px 12px 6px}
.hv-msearch form{position:relative;margin:0}
.hv-msearch input{width:100%;height:44px;padding:0 54px 0 18px;border:0;border-radius:var(--hv-radius);background:var(--hv-white);font-size:15px;color:var(--hv-ink);outline:0;-webkit-appearance:none;appearance:none}
.hv-msearch input::-webkit-search-cancel-button{display:none}
.hv-msearch input::placeholder{color:var(--hv-placeholder)}
.hv-msearch button{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;border-radius:50%;background:var(--hv-red-soft);color:var(--hv-red);display:flex;align-items:center;justify-content:center;font-size:16px}

@media (max-width:1199.98px){
	body.ui2 #header .header-container{display:grid!important;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px}
	body.ui2 #header .header-container>div:nth-child(1){grid-column:2;grid-row:1;justify-content:center}
	body.ui2 #header .header-container>div:nth-child(2){grid-column:1;grid-row:1;width:auto!important;justify-content:flex-start!important}
	body.ui2 #header .header-container>div:nth-child(3){grid-column:3;grid-row:1;justify-content:flex-end}
	body.ui2 #header .logo img{height:30px;width:auto}
	body.ui2 #header .mobile-nav-toggle{font-size:28px;margin:0!important}
	body.ui2 #header #search,
	body.ui2 #header .right-menu .gt_float_switcher,
	body.ui2 #header .right-menu [id^="gt_float"]{display:none!important}
	/* header cao thêm 1 hàng tìm kiếm (~52px): đẩy nội dung xuống tương ứng */
	body.ui2 #contentBody{padding-top:52px}
}
@media (min-width:1200px){
	body.ui2 #header .navmenu>ul>li>a,
	body.ui2 #header .navmenu>ul>li>a i{color:var(--hv-white)!important}
	body.ui2 #header .navmenu>ul>li>a:hover,
	body.ui2 #header .navmenu>ul>li>a.active{color:var(--hv-on-red-hover)!important}
	body.ui2 #header #search input{width:380px;border-radius:var(--hv-radius)!important;padding-left:20px}
}
/* ảnh danh mục bo góc thống nhất */
body.ui2 .categorylist img,body.ui2 .category_item img,body.ui2 .home-page-products img{border-radius:var(--hv-radius-sm)!important}

/* =====================================================================
   #279 — CÁC TRANG CHỨC NĂNG (chỉ khi body.ui2). Chia theo khối:
   1 nền chung · 2 breadcrumb · 3 menu (mega + mobile) · 4 danh sách SP + lọc
   5 chi tiết SP · 6 thương hiệu · 7 tìm kiếm + live search · 8 tin tức
   9 liên hệ / báo giá / 404 · 10 footer
   Class trên body (index.php): ui2-k-<kiểu trang>, ui2-sp (chi tiết SP), ui2-th (lọc theo hãng),
   ui2-bp (trang giới thiệu hãng), ui2-g-<giao diện riêng>, ui2-home, ui2-404.
   ===================================================================== */

/* ---------- 1. nền chung ---------- */
body.ui2{background:var(--hv-bg)!important;background-image:none!important;color:var(--hv-text)}
body.ui2 main.main{background:transparent}
body.ui2 main.main section,
body.ui2 main.main .section{background-image:none!important}
body.ui2 main.main>section:not(.breadcrumb),
body.ui2 main.main>.section:not(.breadcrumb){background-color:transparent!important}
body.ui2 h1{color:var(--hv-ink)}
body.ui2 .text-primary{color:var(--hv-red)!important}
body.ui2 .btn-danger,body.ui2 .btn-primary{background:var(--hv-red)!important;border-color:var(--hv-red)!important;color:var(--hv-white)!important}
body.ui2 .btn-danger:hover,body.ui2 .btn-primary:hover{background:var(--hv-red-d)!important;border-color:var(--hv-red-d)!important}
body.ui2 .btn-outline-primary,body.ui2 .btn-outline-danger{border-color:var(--hv-red)!important;color:var(--hv-red)!important;background:var(--hv-white)!important}
body.ui2 .btn-outline-primary:hover,body.ui2 .btn-outline-danger:hover{background:var(--hv-red-soft)!important}
body.ui2 .form-control:focus,body.ui2 .form-select:focus{border-color:var(--hv-red)!important;box-shadow:0 0 0 3px var(--hv-focus)!important}
body.ui2 main .shadow-sm,body.ui2 main .shadow,body.ui2 main .shadow-lg{box-shadow:none!important}

/* ---------- 2. breadcrumb + menu con dạng chip ---------- */
body.ui2 #breadcrumb{margin-top:56px!important;padding:10px 0 0!important;background:transparent!important}
body.ui2 #breadcrumb .breadcrumb{margin:0 0 6px;font-size:13px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
body.ui2 #breadcrumb .breadcrumb::-webkit-scrollbar{display:none}
body.ui2 #breadcrumb .breadcrumb-item{flex:0 0 auto} /* #640: mobile - mục không bị co, chữ không đè dấu / */
body.ui2 #breadcrumb .breadcrumb a{color:var(--hv-muted)!important}
body.ui2 #breadcrumb .breadcrumb-item.active a{color:var(--hv-ink)!important}
body.ui2 #breadcrumb .border-bottom{border:0!important}
body.ui2 #breadcrumb .subMenu a.btn{background:var(--hv-white)!important;border:1px solid var(--hv-line)!important;color:var(--hv-text)!important;font-size:13.5px;padding:6px 14px}
body.ui2 #breadcrumb .subMenu a.btn.active{border-color:var(--hv-red)!important;color:var(--hv-red)!important;background:var(--hv-red-soft)!important}

/* ---------- 3. menu: mega menu desktop + menu trượt mobile ---------- */
@media (min-width:1200px){
	body.ui2 #header .navmenu .dropdown-menu.megamenu,
	body.ui2 #header .navmenu .dropdown>ul{border-radius:var(--hv-radius-card)!important;border:1px solid var(--hv-line)!important;box-shadow:0 12px 32px var(--hv-shade-12)!important}
	body.ui2 #header .navmenu .megamenu h4{font-size:15px;font-weight:700;color:var(--hv-ink);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--hv-line)}
	body.ui2 #header .navmenu .megamenu a:hover h4,
	body.ui2 #header .navmenu .megamenu a:hover span{color:var(--hv-red)}
	body.ui2 #header .navmenu .megamenu img{width:28px;height:28px;object-fit:contain;border-radius:6px}
}
/* menu trượt mobile (plugin navbar: .mobile-menu-wrapper): đầu đỏ, logo trắng */
body.ui2 .mobile-menu-wrapper{border-radius:0 var(--hv-radius-card) var(--hv-radius-card) 0;overflow:hidden auto}
body.ui2 .mobile-menu-header{background:var(--hv-red)!important;border:0!important}
body.ui2 .mobile-menu-header .mobile-menu-logo img{filter:brightness(0) invert(1)}
body.ui2 .mobile-menu-header .mobile-menu-close{color:var(--hv-white)!important}
body.ui2 .mobile-menu-body>ul>li>a{font-weight:600;font-size:15.5px}
body.ui2 .mobile-menu-body .megamenu h4{font-size:15px;color:var(--hv-red)}
body.ui2 .mobile-menu-body .megamenu img{border-radius:var(--hv-radius-sm)!important}

/* ---------- 4. danh sách sản phẩm + lọc ---------- */
/* thanh logo hãng (lọc theo hãng) */
body.ui2 .product_top{padding:0 0 8px!important;background:transparent!important}
body.ui2 .product_top .BrandsList{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:8px}
body.ui2 .product_top .BrandsList a.brand{display:flex!important;align-items:center;gap:6px;padding:4px 12px 4px 4px;border:1px solid var(--hv-line);border-radius:var(--hv-radius);background:var(--hv-white);font-size:13px;color:var(--hv-text);white-space:nowrap}
body.ui2 .product_top .BrandsList a.brand:hover,body.ui2 .product_top .BrandsList a.brand.active{border-color:var(--hv-red);color:var(--hv-red)}
body.ui2 .product_top .BrandsList a.brand img{width:44px!important;height:28px!important;object-fit:contain;border-radius:0!important;background:var(--hv-white)}
/* bỏ cột danh mục bên trái: điều hướng bằng chip + breadcrumb + mega menu */
body.ui2 .products_main{padding-top:0!important}
body.ui2 .products_main>.container>.row>.col-lg-3{display:none!important}
body.ui2 .products_main .ajaxContent{width:100%!important;flex:0 0 100%;max-width:100%}
body.ui2 .products_main .ajaxContent>h1{background:var(--hv-white);border-radius:var(--hv-radius-card) var(--hv-radius-card) 0 0;padding:14px 16px 6px;margin:0!important;font-size:20px!important}
body.ui2 .products_main .brand-intro{padding:14px 16px!important;border-radius:var(--hv-radius-card)!important;background:var(--hv-white)!important;margin-bottom:10px!important}
body.ui2 .products_main .brand-intro h1{font-size:20px!important}
/* chip danh mục con */
.hv-cchips{background:var(--hv-white);border-radius:0 0 var(--hv-radius-card) var(--hv-radius-card);padding:6px 16px 14px;margin-bottom:10px}
.hv-cchips ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0}
.hv-cchips ul::-webkit-scrollbar{display:none}
.hv-cchips .hv-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px}
.hv-cchips .hv-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--hv-white)}
/* #279: chi tiết SP - khung "Danh mục liên quan" (cùng kiểu chip trang danh mục) */
.hv-cchips.hv-relcat{border-radius:var(--hv-radius-card);padding-top:12px;margin-bottom:12px}
.hv-relcat__t{font-weight:700;font-size:15px;margin-bottom:8px}
/* thanh lọc / sắp xếp */
body.ui2 .products_filters>form>div>div{background:var(--hv-white)!important;border-radius:var(--hv-radius-card)!important;padding:10px 12px!important;margin-bottom:10px!important}
body.ui2 .products_filters .btn,body.ui2 .products_filters select{background:var(--hv-white)!important;border:1px solid var(--hv-line)!important;font-size:13.5px;height:36px}
body.ui2 .products_filters [data-bs-target="#cactuychonFilters"]{border-color:var(--hv-red)!important;color:var(--hv-red)!important}
body.ui2 .products_filters .filter_apply{background:var(--hv-red-soft)!important;border-color:var(--hv-red-line)!important}
body.ui2 #cactuychonFilters .filter-group{border-color:var(--hv-line)!important;border-radius:var(--hv-radius-sm)!important}
.hv-sheet__head{display:none}
@media (max-width:991.98px){
	/* nút "Lọc" mở khung trượt từ dưới lên */
	body.ui2 #cactuychonFilters.collapse.show,body.ui2 #cactuychonFilters.collapsing{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:10050;height:auto!important;max-height:78vh;overflow-y:auto;background:var(--hv-white);border-radius:16px 16px 0 0;padding:0 14px 16px;box-shadow:0 -10px 40px var(--hv-shade-25);transition:none}
	body.ui2 #cactuychonFilters .hv-sheet__head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--hv-white);padding:14px 0 10px;border-bottom:1px solid var(--hv-line);margin-bottom:6px;z-index:1}
	.hv-sheet__close{border:0;background:var(--hv-bg);width:34px;height:34px;border-radius:50%}
	body.ui2 #cactuychonFilters .filterApply{position:sticky;bottom:0;display:block;margin:10px 0 0!important;width:100%}
	body.ui2:has(#cactuychonFilters.show)::after{content:"";position:fixed;inset:0;background:var(--hv-overlay);z-index:10040}
}
/* lưới thẻ sản phẩm (dùng chung: danh sách, liên quan, thương hiệu) */
.hv-plist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
@media (min-width:576px){.hv-plist{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.hv-plist{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media (min-width:1200px){.hv-plist{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}
.hv-plist.owl-carousel{display:block}
body.ui2 .hv-pcard__img img{border-radius:var(--hv-radius-sm)}
/* phân trang */
body.ui2 .products_main .page .col-12.d-flex{background:var(--hv-white)!important;border-radius:var(--hv-radius-card)!important;margin:12px 0 24px!important;align-items:center}
body.ui2 .pagination{gap:6px}
body.ui2 .page-link{border:1px solid var(--hv-line)!important;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--hv-text)!important;background:var(--hv-white)!important}
body.ui2 .page-item.disabled .page-link,body.ui2 .page-item.active .page-link{background:var(--hv-red)!important;border-color:var(--hv-red)!important;color:var(--hv-white)!important}

/* ---------- 5. chi tiết sản phẩm ---------- */
body.ui2.ui2-sp .products_main .ajaxContent>.row:first-child{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:14px 6px;margin:0 0 10px}
body.ui2.ui2-sp .fotorama{border:1px solid var(--hv-line)}
body.ui2.ui2-sp .product_short_info h1{font-size:22px!important;font-weight:700;line-height:1.3;margin:4px 0 6px}
body.ui2.ui2-sp .product_short_info .code{margin:6px 0!important;color:var(--hv-muted)}
body.ui2.ui2-sp .product_short_info .code span{color:var(--hv-ink);font-weight:600}
body.ui2.ui2-sp .brand_info{align-items:center;margin:4px 0 0;padding:8px 0;border-top:1px dashed var(--hv-line);border-bottom:1px dashed var(--hv-line)}
body.ui2.ui2-sp .brand_info label{color:var(--hv-muted)}
body.ui2.ui2-sp .brand_logo img{max-height:40px;width:auto;max-width:140px}
body.ui2.ui2-sp .yeucaubaogia{background:var(--hv-red-soft)!important;border-radius:var(--hv-radius-card)!important;padding:12px!important}
body.ui2.ui2-sp .yeucaubaogia .input-group{flex-wrap:wrap;gap:8px}
body.ui2.ui2-sp .yeucaubaogia input{max-width:96px;flex:0 0 96px;border-radius:var(--hv-radius)!important;text-align:center;height:46px}
body.ui2.ui2-sp .yeucaubaogia .YeucauBaogia{flex:1 1 auto;margin:0!important;height:46px;font-size:16px;font-weight:600;border-radius:var(--hv-radius)!important;background:var(--hv-red)!important;border:0!important;color:var(--hv-white)!important}
body.ui2.ui2-sp .yeucaubaogia .btn-link{flex:0 0 100%;text-align:left;padding:2px 4px;color:var(--hv-red)!important;font-size:14px}
body.ui2.ui2-sp .sanpham_mota{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:14px 16px!important;line-height:1.6}
body.ui2.ui2-sp #nav-tab{background:var(--hv-white)!important;border-radius:var(--hv-radius-card) var(--hv-radius-card) 0 0!important;padding:0 12px;border-bottom:1px solid var(--hv-line)}
body.ui2.ui2-sp #nav-tab .nav-link{border-radius:0!important;background:transparent!important;color:var(--hv-text)!important;padding:12px 4px;margin-right:18px;border-bottom:2px solid transparent!important;font-weight:500}
body.ui2.ui2-sp #nav-tab .nav-link.active{color:var(--hv-red)!important;border-bottom-color:var(--hv-red)!important}
body.ui2.ui2-sp nav+.mt-3{margin-top:0!important;border-radius:0 0 var(--hv-radius-card) var(--hv-radius-card)!important}
body.ui2.ui2-sp .tab-pane{padding:16px!important;line-height:1.65}
body.ui2.ui2-sp .product_thuoctinh table{border:1px solid var(--hv-line);border-radius:var(--hv-radius-sm);overflow:hidden;border-collapse:separate;border-spacing:0}
body.ui2.ui2-sp .product_thuoctinh th{background:var(--hv-bg);padding:10px 12px}
body.ui2.ui2-sp .product_thuoctinh td{padding:9px 12px;border-top:1px solid var(--hv-line)}
body.ui2.ui2-sp .product_thuoctinh tr:nth-child(even) td{background:var(--hv-row-alt)}
body.ui2.ui2-sp .product_thuoctinh td:first-child{color:var(--hv-muted)}
body.ui2.ui2-sp .ajaxContent h3.h5{font-size:18px!important;font-weight:700;border:0!important}
body.ui2.ui2-sp .mergetags_lienquan .item>div{border-radius:var(--hv-radius-card)!important;border:1px solid var(--hv-line)}
/* thanh nút cố định đáy (mobile) */
.hv-pbar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--hv-white);border-top:1px solid var(--hv-line);box-shadow:0 -4px 16px var(--hv-shade-06)}
.hv-pbar__ico{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:58px;font-size:11.5px;color:var(--hv-text)!important;text-decoration:none}
.hv-pbar__ico i{font-size:19px;color:var(--hv-red)}
.hv-pbar__btn{flex:1 1 auto;height:44px;font-size:15.5px}
@media (max-width:991.98px){
	body.ui2.ui2-sp{padding-bottom:64px}
	/* #640: thanh đáy đã có Gọi + Chat -> ẩn nút Messenger/gọi nổi (trùng chức năng, che tên SP và nút chia sẻ) */
	body.ui2.ui2-sp #messengerButton,body.ui2.ui2-sp .livechat-button{display:none!important}
	body.ui2.ui2-sp .scrolltop{bottom:80px!important}
}

/* ---------- 6. thương hiệu ---------- */
body.ui2.ui2-th .products_main .brand-intro img{background:var(--hv-white);border:1px solid var(--hv-line);border-radius:var(--hv-radius-sm);padding:4px}
body.ui2 .mergetags-parent-thuong-hieu-item a{background:var(--hv-white);border:1px solid var(--hv-line);border-radius:var(--hv-radius-card)!important;display:block;overflow:hidden}
body.ui2 .mergetags-parent-thuong-hieu-item a:hover{border-color:var(--hv-red)}

/* ---------- 7. tìm kiếm + live search ---------- */
body.ui2.ui2-g-timkiem .product_detail .card{border:1px solid var(--hv-line-soft)!important;border-radius:var(--hv-radius-card)!important;overflow:hidden;height:100%}
body.ui2.ui2-g-timkiem .product_detail .card-img-top{aspect-ratio:1/1;object-fit:contain;padding:10px;background:var(--hv-white)}
body.ui2.ui2-g-timkiem .product_detail .card-header{background:var(--hv-white)!important;border:0!important;padding:4px 10px 12px}
body.ui2.ui2-g-timkiem .product_detail .card-header h3{font-size:13.5px!important;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:var(--hv-ink)}
body.ui2.ui2-g-timkiem .product_detail{margin-bottom:10px}
body.ui2.ui2-g-timkiem mark{background:var(--hv-mark);padding:0 1px}
body.ui2 .ajax-search-dropdown{border-radius:var(--hv-radius-card)!important;border:1px solid var(--hv-line)!important;box-shadow:0 16px 40px var(--hv-shade-14)!important;padding:10px!important}
body.ui2 .ajax-search-dropdown .dropdown-header{color:var(--hv-muted)!important;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
body.ui2 .ajax-search-dropdown .dropdown-header i{color:var(--hv-red)}
body.ui2 .ajax-search-dropdown .ajax-search-item{border-radius:var(--hv-radius-sm);white-space:normal}
body.ui2 .ajax-search-dropdown .ajax-search-item.active,
body.ui2 .ajax-search-dropdown .ajax-search-item:hover{background:var(--hv-red-soft)!important;color:var(--hv-ink)}
body.ui2 .ajax-search-dropdown .ajax-search-suggestion{display:inline-flex;border:1px solid var(--hv-line);border-radius:var(--hv-radius)!important;margin:3px;font-size:13px}
body.ui2 .ajax-search-dropdown mark{background:transparent!important;color:var(--hv-red);padding:0;font-weight:600}

/* ---------- 8. tin tức ---------- */
body.ui2 section.contents{background:transparent!important;margin-bottom:0!important}
body.ui2 section.contents>.container{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:16px 16px 24px}
body.ui2.ui2-k-tintuc .blog-list>div>.row{background:var(--hv-white);border:1px solid var(--hv-line-soft);border-radius:var(--hv-radius-card);padding:10px 4px;margin:0 0 10px!important}
body.ui2.ui2-k-tintuc .blog-list img{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:var(--hv-radius-sm)!important}
body.ui2.ui2-k-tintuc .blog-list h2{font-size:15.5px!important;font-weight:600;line-height:1.35;color:var(--hv-ink)}
body.ui2.ui2-k-tintuc .blog-list .btn{display:none}
/* bài viết: cột chữ ~760px, dễ đọc */
body.ui2.ui2-k-tintuc .content_details>.row{max-width:792px;margin-left:auto;margin-right:auto}
body.ui2.ui2-k-tintuc .content_details h1.title{font-size:26px!important;line-height:1.3;font-weight:700;text-align:left!important;padding:6px 0 10px!important}
body.ui2.ui2-k-tintuc .detailsofblog{font-size:17px;line-height:1.75;color:var(--hv-ink)}
body.ui2.ui2-k-tintuc .detailsofblog h2{font-size:22px;margin:1.4em 0 .5em;font-weight:700}
body.ui2.ui2-k-tintuc .detailsofblog h3{font-size:19px;margin:1.2em 0 .4em;font-weight:700}
body.ui2.ui2-k-tintuc .detailsofblog img{border-radius:var(--hv-radius-sm);height:auto;max-width:100%}
body.ui2.ui2-k-tintuc .detailsofblog p{margin:0 0 1em}
body.ui2.ui2-k-tintuc .metadata{background:var(--hv-bg)!important;border-radius:var(--hv-radius-card)!important}
body.ui2.ui2-k-tintuc .autoContents{border-radius:var(--hv-radius-card)!important}
body.ui2.ui2-k-tintuc #mucluclist{background:var(--hv-white)!important}
body.ui2.ui2-k-tintuc .lienquan h3{padding:0!important;font-size:18px;font-weight:700}
body.ui2.ui2-k-tintuc ul.lienquan{padding-left:18px}
body.ui2.ui2-k-tintuc ul.lienquan li{margin:6px 0}
body.ui2.ui2-k-tintuc ul.lienquan a{color:var(--hv-link)}
body.ui2.ui2-k-tintuc .tin_moidang{background:transparent!important}
body.ui2.ui2-k-tintuc .tin_moidang .card{border:1px solid var(--hv-line-soft)!important;border-radius:var(--hv-radius-card)!important;overflow:hidden;background:var(--hv-white)!important}
body.ui2.ui2-k-tintuc .tin_moidang .card-img img{aspect-ratio:16/9;object-fit:cover;width:100%}
body.ui2.ui2-k-tintuc .tin_moidang h4{font-size:15px!important;font-weight:600;line-height:1.35}
body.ui2.ui2-k-tintuc .tin_moidang .card-footer{display:none!important}

/* ---------- 9. liên hệ / đặt hàng – báo giá / 404 / trang tĩnh ---------- */
body.ui2.ui2-k-tinh main.main>section.section:not(.breadcrumb)>[class^="container"]{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:16px}
body.ui2.ui2-k-tinh main.main>section.section{padding:6px 0!important}
body.ui2 textarea.form-control{border-radius:var(--hv-radius-card)!important}
body.ui2 .SendButton,body.ui2 main button[type=submit].btn{background:var(--hv-red)!important;border-color:var(--hv-red)!important;color:var(--hv-white)!important;min-height:42px;padding-left:28px;padding-right:28px}
body.ui2.ui2-g-yeucaubaogia h1{font-size:24px!important}
body.ui2.ui2-g-yeucaubaogia .table td,body.ui2.ui2-g-yeucaubaogia .table th{vertical-align:middle}
body.ui2.ui2-g-yeucaubaogia main img{border-radius:var(--hv-radius-sm)}
body.ui2.ui2-404 main.main{min-height:50vh}

/* ---------- vá sau lượt kiểm tra 1 ---------- */
@media (max-width:991.98px){
	body.ui2.ui2-sp .hcrm-widget{bottom:70px!important}
	body.ui2.ui2-sp #nav-tab .nav-link{white-space:nowrap;font-size:14.5px;margin-right:14px}
	body.ui2.ui2-sp #nav-tab>div:first-child{overflow-x:auto;scrollbar-width:none}
}
/* trang tìm kiếm: ô nhập bo tròn, thống kê gọn */
body.ui2.ui2-g-timkiem main section.section>.container{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:16px}
body.ui2.ui2-g-timkiem #bieumautimkiem h4{font-size:18px;font-weight:700}
body.ui2.ui2-g-timkiem #bieumautimkiem .input-group{border:1px solid var(--hv-line);border-radius:var(--hv-radius);overflow:hidden;background:var(--hv-white)}
body.ui2.ui2-g-timkiem #bieumautimkiem .input-group>*{border:0!important;border-radius:0!important;background:var(--hv-white)!important}
body.ui2.ui2-g-timkiem #bieumautimkiem .input-group-text{color:var(--hv-muted);font-size:14px}
body.ui2.ui2-g-timkiem #bieumautimkiem #button-addon2{background:var(--hv-red)!important;color:var(--hv-white)!important;border-radius:var(--hv-radius)!important;margin:4px!important;font-size:15px}
body.ui2.ui2-g-timkiem main .rounded[style*="f0f0f0"]{background:var(--hv-bg)!important;font-size:13px;padding:8px 12px!important}
body.ui2.ui2-g-timkiem main h4{font-size:18px;font-weight:700;margin-top:6px}
body.ui2.ui2-g-timkiem .hv-plist{margin-bottom:8px}
@media (max-width:575.98px){body.ui2.ui2-g-timkiem #bieumautimkiem .input-group-text{display:none}}

/* ---------- 10. footer: giữ nền đậm gốc (var(--hv-footer-bg)), chữ trắng; chỉ làm gọn ---------- */
body.ui2 #footer{background:var(--hv-footer-bg)!important;color:var(--hv-on-dark)!important;padding:8px 0 0}
body.ui2 #footer a{color:var(--hv-on-dark)!important}
body.ui2 #footer a:hover{color:var(--hv-white)!important;text-decoration:underline}
body.ui2 #footer h4{color:var(--hv-white)!important;font-size:15px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.3px;margin:16px 0 8px!important}
/* thống nhất độ đậm: mọi mục liên kết/thông tin cùng 400 */
body.ui2 #footer .ge-content p,body.ui2 #footer .ge-content p *,
body.ui2 #footer li,body.ui2 #footer li *{font-weight:400!important}
body.ui2 #footer ul{padding:0!important;margin:0!important;list-style:none}
body.ui2 #footer li{margin:0!important;padding:0!important;border:0!important;line-height:1.4;font-size:14.5px!important}
body.ui2 #footer li a{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:5px 0!important;font-size:14.5px!important}
body.ui2 #footer li>i{margin-right:8px}
body.ui2 #footer li i{display:inline-block!important;width:auto!important;font-size:15px!important;color:var(--hv-accent-on-dark)!important}
body.ui2 #footer .gioi-thieu,body.ui2 #footer .gioi-thieu a{font-size:13.5px!important;line-height:1.55;color:var(--hv-on-dark-2)!important}
body.ui2 #footer .icon-social{gap:8px;margin:6px 0 0!important}
body.ui2 #footer .icon-social img{width:34px;height:34px;border-radius:var(--hv-radius-sm)!important}
/* danh mục / lọc hãng không có sản phẩm (#279): thẻ trắng, biểu tượng nhỏ, nút đi tiếp; ẩn "Trang (0 của 0)" */
body.ui2 .hv-empty{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:32px 20px;text-align:center;margin-bottom:12px}
body.ui2 .hv-empty>.bi{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--hv-red-soft);color:var(--hv-red);font-size:28px;margin-bottom:12px}
body.ui2 .hv-empty__t{font-size:17px;font-weight:700;color:var(--hv-ink);margin:0 0 6px}
body.ui2 .hv-empty__s{font-size:14px;color:var(--hv-muted,#6b7280);max-width:520px;margin:0 auto 16px;line-height:1.55}
body.ui2 .hv-empty__act{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
body.ui2 .ajaxContent:has(.hv-empty) .page{display:none}
@media (max-width:575.98px){body.ui2 .hv-empty__act .hv-btn{flex:1 1 100%}}
/* khung trắng ôm theo logo (main.css để img width:100% nên khung trải hết cột), cách đoạn giới thiệu bên dưới */
body.ui2 #footer #footer_logo .logo{display:inline-block;width:auto;max-width:100%;padding:8px 16px;margin:0 0 12px;line-height:0}
body.ui2 #footer #footer_logo .logo img{height:40px;width:auto;max-width:100%}
body.ui2 #footer #footer-des-menu>[class*="col-"]:last-child{flex:0 0 100%!important;max-width:100%!important;width:100%!important;border-top:1px solid var(--hv-on-dark-line);margin-top:14px;padding-top:12px}
body.ui2 #footer #footer-des-menu>[class*="col-"]:last-child p{font-size:13.5px!important;color:var(--hv-on-dark-2)!important;margin:0 0 10px}
@media (max-width:767.98px){
	/* mobile: 2 cột liên kết cạnh nhau, khối liên hệ gọn; chừa đáy cho nút chat nổi */
	body.ui2 #footer #footer-des-menu>[class*="col-"]{flex:0 0 50%;max-width:50%}
	body.ui2 #footer #footer-des-menu>[class*="col-"]:nth-child(3){flex:0 0 100%;max-width:100%}
	body.ui2 #footer #footer-des-menu>[class*="col-"]:nth-child(3) ul{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
	body.ui2 #footer li a,body.ui2 #footer li{font-size:13.5px!important}
	body.ui2 #footer h4{margin:12px 0 4px!important;font-size:14px!important}
	body.ui2 #footer .footer-top{padding-bottom:84px}
	body.ui2 #footer #footer-des-menu>[class*="col-"]:last-child p{text-align:left!important;padding-right:64px}
}

/* ---------- 11. ảnh/logo trong menu (mega menu, menu mobile, danh sách hãng): bo góc, nền trắng, viền mảnh ---------- */
body.ui2 #header .navmenu .dropdown img,
body.ui2 .mobile-menu-body img,
body.ui2 .megamenu img{object-fit:contain!important;background:var(--hv-white);border:1px solid var(--hv-line);border-radius:var(--hv-radius-sm)!important;padding:2px}
body.ui2 .mobile-menu-body .megamenu img,
body.ui2 .mobile-menu-body .dropdown img{width:36px!important;height:36px!important;flex:0 0 36px}
body.ui2 .mergetags-parent-thuong-hieu-item img,
body.ui2 .product_top .BrandsList a.brand img{border-radius:var(--hv-radius-sm)!important;box-shadow:none!important}
/* nút chuyển về giao diện cũ (cuối trang, chỉ khi đang ở chế độ mới) */
.hv-uiswitch{background:var(--hv-footer-bar);color:var(--hv-on-dark-3);font-size:12.5px;text-align:center;padding:8px 12px}
.hv-uiswitch a{color:var(--hv-white)!important;text-decoration:underline;margin-left:4px}
@media (max-width:767.98px){.hv-uiswitch{padding-bottom:84px}body.ui2 #footer .footer-top{padding-bottom:12px}}
body.ui2 #footer li a{padding:3px 0!important;line-height:1.35}
body.ui2 #footer li i{line-height:1!important;vertical-align:middle}
body.ui2 #footer .mergetags li a,body.ui2 #footer .mergetags li{line-height:1.35!important}
body.ui2 #footer .ge-content p{line-height:1.5!important;margin-bottom:0}
body.ui2 #footer .icon-social li{display:flex;align-items:center}
/* live search dưới ô tìm kiếm mobile */
.hv-msearch .ajax-search-dropdown{left:0!important;right:0!important;top:calc(100% + 6px)!important;max-height:70vh!important;overflow-y:auto!important;text-align:left}
/* khung lọc: nút Áp dụng đỏ, ẩn widget chat khi khung đang mở */
body.ui2 .products_filters #cactuychonFilters .filterApply{background:var(--hv-red)!important;border-color:var(--hv-red)!important;color:var(--hv-white)!important;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px}
body.ui2:has(#cactuychonFilters.show) .hcrm-widget,
body.ui2:has(#cactuychonFilters.show) #messengerButton,
body.ui2:has(#cactuychonFilters.show) .livechat-button{display:none!important}
@media (max-width:767.98px){
	body.ui2.ui2-k-tintuc .tin_moidang .row>[class*="col-"]{flex:0 0 50%;max-width:50%;padding:4px!important}
	body.ui2.ui2-k-tintuc .tin_moidang h4{font-size:13.5px!important}
	body.ui2.ui2-k-tintuc .tin_moidang .card-header{padding:6px 8px!important}
}

/* =====================================================================
   #307 — căn lề + chiều cao thống nhất
   Hàng cuộn ngang (.hv-hrow, chip danh mục, hàng chip trang chủ): bắt đầu đúng lề nội dung, mép phải mờ dần,
   không mũi tên trên mobile. Chip cao cố định, ảnh/logo trong khung cố định. Thẻ SP: khung ảnh, tên, hãng, mã cố định.
   ===================================================================== */
body.ui2 .hv-hrow,
body.ui2 .hv-cchips ul{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;opacity:1!important;list-style:none;margin:0;-webkit-mask-image:var(--hv-fade-mask);mask-image:var(--hv-fade-mask)}
body.ui2 .hv-hrow::-webkit-scrollbar,body.ui2 .hv-cchips ul::-webkit-scrollbar{display:none}
body.ui2 .hv-hrow>*,body.ui2 .hv-cchips li{flex:0 0 auto}
/* thanh hãng: thẻ trắng, hàng cuộn sát mép thẻ, mục đầu đúng lề --hv-pad */
body.ui2 .product_top .BrandsList.hv-hrow{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:10px var(--hv-pad)!important;scroll-padding-inline:var(--hv-pad)}
/* chip danh mục con: hàng tràn tới mép thẻ, mục đầu đúng lề */
body.ui2 .hv-cchips{padding:6px var(--hv-pad) 14px}
body.ui2 .hv-cchips ul{margin:0 calc(-1 * var(--hv-pad));padding:0 var(--hv-pad);scroll-padding-inline:var(--hv-pad)}
body.ui2 .products_main .ajaxContent>h1{padding-left:var(--hv-pad);padding-right:var(--hv-pad)}
/* menu con dưới breadcrumb (trang tĩnh/tin/video): đúng lề container */
body.ui2 #breadcrumb .subMenu.hv-hrow{height:auto;margin:4px 0 8px;padding:0;scroll-padding-inline:0}
body.ui2 #breadcrumb .subMenu.hv-hrow li{margin:0}
/* chip: cao cố định, có/không ảnh đều bằng nhau; ảnh khung cố định, contain, bo tròn */
body.ui2 .hv-chip,
body.ui2 .product_top .BrandsList a.brand,
body.ui2 #breadcrumb .subMenu a.btn{display:inline-flex!important;align-items:center;gap:8px;height:var(--hv-chip-h);min-height:var(--hv-chip-h);box-sizing:border-box;padding:0 14px!important;white-space:nowrap;line-height:1;font-size:13.5px}
body.ui2 .hv-cchips .hv-chip:has(img),
body.ui2 .product_top .BrandsList a.brand:has(img){padding-left:5px!important}
body.ui2 .hv-cchips .hv-chip img{flex:0 0 var(--hv-chip-img);width:var(--hv-chip-img)!important;height:var(--hv-chip-img)!important;object-fit:contain!important;border-radius:50%!important;background:var(--hv-white);border:1px solid var(--hv-line);padding:1px}
body.ui2 .product_top .BrandsList a.brand img{flex:0 0 auto;width:calc(var(--hv-chip-img) * 1.6)!important;height:var(--hv-chip-img)!important;object-fit:contain!important;border-radius:var(--hv-radius-sm)!important;background:var(--hv-white);border:0;padding:0;margin:0!important}
body.ui2 .product_top .BrandsList a.brand span{line-height:1}
/* thẻ SP: khung ảnh 1:1 cùng đệm, nền trắng, contain; tên 2 dòng, hãng 1 dòng, mã 1 dòng -> nút thẳng hàng */
body.ui2 .hv-pcard .hv-pcard__img{display:block;position:relative;aspect-ratio:1/1;padding:0!important;margin:0 0 8px!important;background:var(--hv-white)!important;border-radius:var(--hv-radius-sm);overflow:hidden}
body.ui2 .hv-pcard .hv-pcard__img img{position:absolute!important;inset:6px!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;border:0!important;box-shadow:none!important;background:none!important;transform:none!important;border-radius:0!important}
body.ui2 .hv-pcard .hv-pcard__t{height:2.7em;min-height:0;line-height:1.35;-webkit-line-clamp:2}
body.ui2 .hv-pcard .hv-pcard__meta{height:3em;min-height:0;overflow:hidden;line-height:1.5}
body.ui2 .hv-pcard .hv-pcard__meta b,body.ui2 .hv-pcard .hv-pcard__meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* trang chủ: cùng lề --hv-pad cho khối và hàng cuộn */
body.ui2 .hm-grp,
body.ui2 .hm-sec--hm_danhmuc .hm-wrap,
body.ui2 .hm-sec--hm_thuonghieu .hm-wrap,
body.ui2 .hm-sec--hm_tintuc .hm-wrap{padding-left:var(--hv-pad);padding-right:var(--hv-pad)}
body.ui2 .hm-shortcuts{padding:0 var(--hv-pad);scroll-padding-inline:var(--hv-pad);-webkit-mask-image:var(--hv-fade-mask);mask-image:var(--hv-fade-mask)}
body.ui2 .hm-tabs,body.ui2 .hm-glogos,body.ui2 .hm-brands{margin-left:calc(-1 * var(--hv-pad))!important;margin-right:calc(-1 * var(--hv-pad))!important;padding-left:var(--hv-pad);padding-right:var(--hv-pad);scroll-padding-inline:var(--hv-pad);-webkit-mask-image:var(--hv-fade-mask);mask-image:var(--hv-fade-mask)}
body.ui2 .hm-glogos a{height:var(--hv-chip-h);width:auto;min-width:88px}
body.ui2 .hm-glogos img{width:calc(var(--hv-chip-img) * 2.2);height:var(--hv-chip-img)}
body.ui2 .hm-sec--hm_banner .hm-wrap{padding-left:var(--hv-pad);padding-right:var(--hv-pad)}
@media (min-width:992px){
	body.ui2 .hv-hrow,body.ui2 .hv-cchips ul,body.ui2 .hm-tabs,body.ui2 .hm-glogos,body.ui2 .hm-brands,body.ui2 .hm-shortcuts{-webkit-mask-image:none;mask-image:none}
	body.ui2 .hv-hrow,body.ui2 .hv-cchips ul{flex-wrap:wrap;overflow:visible}
	body.ui2 .product_top .BrandsList.hv-hrow{flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:var(--hv-fade-mask);mask-image:var(--hv-fade-mask)}
}

/* ---------- #307: trang/khối video giữ nền tối như giao diện cũ ---------- */
body.ui2.ui2-g-video main.main{background:var(--hv-video-bg)!important}
body.ui2.ui2-g-video main.main>section.section{background:var(--hv-video-bg)!important}
body.ui2.ui2-g-video main.main>section.bg-white:not(:has(.row)){display:none}
body.ui2.ui2-g-video main.main>section.bg-dark{padding-top:8px!important}
body.ui2.ui2-g-video #breadcrumb .breadcrumb a,body.ui2.ui2-g-video #breadcrumb .breadcrumb-item::before{color:var(--hv-on-dark-2)!important}
body.ui2.ui2-g-video #breadcrumb .breadcrumb-item.active a{color:var(--hv-white)!important}
body.ui2.ui2-g-video #breadcrumb .subMenu a.btn{background:transparent!important;border:1px solid var(--hv-on-video-line)!important;color:var(--hv-white)!important}
body.ui2.ui2-g-video #breadcrumb .subMenu a.btn.active,
body.ui2.ui2-g-video #breadcrumb .subMenu a.btn:hover{background:var(--hv-on-video-soft)!important;border-color:var(--hv-white)!important;color:var(--hv-white)!important}
body.ui2.ui2-g-video .VideoList h1,body.ui2.ui2-g-video .VideoList h2,body.ui2.ui2-g-video main h3,body.ui2.ui2-g-video main h4,body.ui2.ui2-g-video main h5{color:var(--hv-white)!important}
body.ui2.ui2-g-video .VideoList .thumbnail-wrapper{border-radius:var(--hv-radius-sm)!important}
body.ui2.ui2-g-video .VideoList .col-7 h3,body.ui2.ui2-g-video .VideoList .col-7 h4,body.ui2.ui2-g-video .VideoList .col-7 h5{color:var(--hv-white)!important;font-size:15px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.ui2 .VideoList,body.ui2 .videolist{color:var(--hv-white)}
/* #307: trang video — cả nền trang (gồm breadcrumb nằm ngoài main) tối */
body.ui2.ui2-g-video{background:var(--hv-video-bg)!important}
/* #321: chữ đen gõ tay trong nội dung (style color #000) không đọc được trên nền tối */
/* #279: "inherit" ăn màu chữ tối của <p> -> mô tả đầu trang /video vẫn tàng hình; dùng màu sáng rõ ràng */
body.ui2.ui2-g-video main p,body.ui2.ui2-g-video main [style*="color: #000000"],body.ui2.ui2-g-video main [style*="color:#000000"]{color:var(--hv-on-dark)!important}
body.ui2.ui2-g-video #breadcrumb{background:var(--hv-video-bg)!important}
/* thẻ lọc/sắp xếp cùng lề --hv-pad với các khối khác */
body.ui2 .products_filters>form>div>div{padding:10px var(--hv-pad)!important}
body.ui2 .products_filters>form>div>div>.row{--bs-gutter-x:0}

/* =====================================================================
   #314 — góp ý vòng 2: header ngôn ngữ, chip hãng căn giữa, hàng cuộn 1 dòng ẩn thanh cuộn,
   bỏ hover zoom ảnh, tin tức (thẻ tin dùng chung), trang thương hiệu
   ===================================================================== */
/* bộ chọn ngôn ngữ VI | EN (module dịch AI #290) — thay gtranslate ở giao diện mới */
/* #313: dropdown (details/summary) - chọn ở trang nào thì chuyển sang đúng trang đó ở ngôn ngữ kia */
.hv-lang{position:relative;margin-left:8px;font-size:13px;font-weight:600;line-height:1}
.hv-lang summary{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid transparent;border-radius:999px;background:var(--hv-white);color:var(--hv-ink);box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer;list-style:none;user-select:none} /* nền trắng: cờ đỏ/vàng không chìm trên header đỏ */
.hv-lang summary::-webkit-details-marker{display:none}
.hv-lang summary:hover,.hv-lang[open] summary{background:var(--hv-red-soft)}
.hv-lang summary .bi{font-size:10px;transition:transform .15s}
.hv-lang[open] summary .bi{transform:rotate(180deg)}
.hv-lang .ait-flag{border-radius:2px;flex:0 0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.hv-lang ul{position:absolute;right:0;top:calc(100% + 6px);z-index:1050;min-width:170px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.18)}
.hv-lang li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#1f2937!important;font-weight:500;text-decoration:none;white-space:nowrap}
.hv-lang li a:hover{background:#f1f5f9}
.hv-lang[open]{z-index:1060}
body.ui2 #header .header-container{position:relative;z-index:3} /* menu ngôn ngữ nằm trên ô tìm kiếm mobile (hàng sau) */
.hv-lang li a.on{background:var(--hv-red-soft);color:var(--hv-red)!important;font-weight:600}
body.ui2 .ait-sw,body.ui2 #gt_float_wrapper,body.ui2 .gt_float_switcher{display:none!important}
@media (max-width:1199.98px){
	body.ui2 #header .header-container{grid-template-columns:44px 1fr auto!important}
	body.ui2 #header .header-container>div:nth-child(3){gap:2px}
	.hv-lang{margin-left:4px;font-size:12px}
	.hv-lang summary{padding:6px 8px;gap:4px}
}

/* bỏ hiệu ứng phóng ảnh khi rê chuột của theme cũ (gây giật); chỉ đổi viền/bóng */
body.ui2 a:hover img,body.ui2 .BrandsList a.brand:hover img{transform:none!important}
body.ui2 .blog-list div:hover>a img{opacity:1}

/* chip hãng (thanh lọc hãng trang danh mục/SP): logo + chữ sát nhau, căn giữa, co theo nội dung */
body.ui2 .product_top .BrandsList a.brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;padding:0 14px 0 6px!important;text-align:left}
body.ui2 .product_top .BrandsList a.brand img{margin:0!important;border-radius:var(--hv-radius-sm)!important;box-shadow:none!important;filter:none!important;-webkit-filter:none!important;padding:0!important;background:var(--hv-white)!important}
body.ui2 .product_top .BrandsList a.brand span{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;text-align:left!important;white-space:nowrap}
body.ui2 .product_top .BrandsList a.brand.MainUrl{padding:0 16px!important}
body.ui2 .product_top .BrandsList a.brand.MainUrl img{display:none!important}

/* mọi hàng cuộn ngang (.hv-hrow): 1 dòng trên cả desktop, ẩn thanh cuộn, mép phải mờ */
@media (min-width:992px){
	body.ui2 .hv-hrow{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-mask-image:var(--hv-fade-mask)!important;mask-image:var(--hv-fade-mask)!important}
}
body.ui2 .hv-hrow,body.ui2 .hv-cchips ul,body.ui2 .hm-shortcuts,body.ui2 .hm-tabs,body.ui2 .hm-glogos{scrollbar-width:none!important;-ms-overflow-style:none}
body.ui2 .hv-hrow::-webkit-scrollbar,body.ui2 .hm-shortcuts::-webkit-scrollbar,body.ui2 .hm-tabs::-webkit-scrollbar,body.ui2 .hm-glogos::-webkit-scrollbar{display:none!important;height:0!important}
/* chip menu con có logo hãng (trang /thuong-hieu) */
body.ui2 #breadcrumb .subMenu a.btn img{flex:0 0 auto;width:calc(var(--hv-chip-img) * 1.6);height:var(--hv-chip-img);object-fit:contain;border-radius:var(--hv-radius-sm);background:var(--hv-white)}
body.ui2 #breadcrumb .subMenu a.btn:has(img){padding-left:6px!important}
/* khối tiêu đề trang tĩnh (vd "Hóa Việt là đại lý phân phối trực tiếp"): gọn, cùng cỡ chữ tiêu đề trang */
body.ui2.ui2-k-tinh main .section h1{font-size:22px!important;line-height:1.3;font-weight:700;margin:0 0 6px!important;color:var(--hv-ink)}
@media (min-width:992px){body.ui2.ui2-k-tinh main .section h1{font-size:26px!important}}

/* ---------- thẻ tin dùng chung (.hv-news) ---------- */
.hv-news{display:flex;flex-direction:column;background:var(--hv-white);border:1px solid var(--hv-line-soft);border-radius:var(--hv-radius-card);overflow:hidden;transition:box-shadow .15s,border-color .15s}
.hv-news:hover{border-color:var(--hv-line);box-shadow:0 6px 18px var(--hv-shade-06)}
.hv-news__img{display:block;position:relative;aspect-ratio:16/9;background:var(--hv-bg-2);overflow:hidden}
.hv-news__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-news__b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.hv-news__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0!important;font-size:12.5px;color:var(--hv-muted)}
.hv-news__meta a{color:var(--hv-red)!important;font-weight:600}
.hv-news__t{margin:0!important;font-size:15.5px!important;font-weight:700!important;line-height:1.35!important;color:var(--hv-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hv-news__t a{color:inherit!important}
.hv-news__t a:hover{color:var(--hv-red)!important}
.hv-news__d{margin:0!important;font-size:14px;line-height:1.5;color:var(--hv-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hv-news--lon .hv-news__t{font-size:20px!important;-webkit-line-clamp:3}
.hv-news--lon .hv-news__d{-webkit-line-clamp:3;font-size:15px}
.hv-newsgrid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:576px){.hv-newsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:992px){
	.hv-newsgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
	.hv-news--lon{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
	.hv-news--lon .hv-news__img{aspect-ratio:16/9}
	.hv-news--lon .hv-news__b{justify-content:center;padding:24px 28px}
	.hv-news--lon .hv-news__t{font-size:26px!important}
}

/* danh sách /tin-tuc */
body.ui2 .hv-tinds{padding:4px 0 24px!important;background:transparent!important}
.hv-tinds__h1{font-size:24px!important;font-weight:700!important;margin:4px 0 12px!important;color:var(--hv-ink)!important}
.hv-tinds__lon{margin-bottom:16px}
.hv-tinds__rong{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:24px var(--hv-pad)}
.hv-pager{display:flex;justify-content:center;margin:20px 0 4px}
.hv-pager .pagination{gap:6px;margin:0}

/* trang bài viết: cột đọc ~760px + mục lục phải (desktop) */
body.ui2 .hv-bai{padding:4px 0 24px!important;background:transparent!important}
.hv-bai__luoi{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:792px;margin:0 auto}
.hv-bai__than{background:var(--hv-white);border-radius:var(--hv-radius-card);padding:20px var(--hv-pad) 28px;min-width:0}
.hv-bai__dau{margin-bottom:14px}
.hv-bai__h1{font-size:26px!important;line-height:1.3!important;font-weight:800!important;margin:8px 0 10px!important;color:var(--hv-ink)!important;text-align:left!important}
.hv-bai__share .share_icon{display:inline-flex}
.hv-bai__anh{margin:0 0 18px}
.hv-bai__anh img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--hv-radius-sm)}
.hv-bai__nd{font-size:17px;line-height:1.75;color:var(--hv-ink);overflow-wrap:anywhere}
.hv-bai__nd h2{font-size:22px;margin:1.4em 0 .5em;font-weight:700;scroll-margin-top:90px}
.hv-bai__nd h3{font-size:19px;margin:1.2em 0 .4em;font-weight:700;scroll-margin-top:90px}
.hv-bai__nd img{max-width:100%;height:auto;border-radius:var(--hv-radius-sm)}
.hv-bai__nd p{margin:0 0 1em}
.hv-toc-m{margin:0 0 16px;background:var(--hv-bg);border-radius:var(--hv-radius-sm);padding:10px 14px}
.hv-toc-m summary{cursor:pointer;font-weight:700}
.hv-toc .hv-toc__t{margin:0 0 8px;font-weight:700;color:var(--hv-ink)}
.hv-toc ol{margin:0;padding-left:18px;font-size:14px;line-height:1.45}
.hv-toc li{margin:6px 0}
.hv-toc .hv-toc__h3{margin-left:12px;list-style:circle}
.hv-toc a{color:var(--hv-text)}
.hv-toc a:hover{color:var(--hv-red)}
.hv-bai__aside{display:none}
.hv-bai__lq{max-width:1100px;margin:24px auto 0}
.hv-bai__lq h2{font-size:var(--hv-fs-title);font-weight:700;margin:0 0 12px}
@media (min-width:1200px){
	.hv-bai__luoi--toc{grid-template-columns:minmax(0,792px) 280px;max-width:1100px}
	.hv-bai__luoi--toc .hv-toc-m{display:none}
	.hv-bai__aside{display:block}
	.hv-bai__aside .hv-toc{position:sticky;top:90px;background:var(--hv-white);border-radius:var(--hv-radius-card);padding:18px}
}
body.ui2 .hv-bai .hv-bai__h1{font-size:26px!important}@media (min-width:992px){body.ui2 .hv-bai .hv-bai__h1{font-size:30px!important}}

/* ---------- #314 vòng 3: dải cuộn ngang dùng Owl (js/hv-owl.js) ---------- */
/* trước khi khởi tạo: 1 hàng, ẩn phần tràn (không thanh cuộn, không xê dịch khi Owl chạy) */
body.ui2 .hm-shortcuts,body.ui2 .hm-glogos,body.ui2 .product_top .BrandsList.hv-hrow{overflow:hidden!important}
body.ui2 .hv-owl.owl-carousel{display:block!important;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important;flex-wrap:initial}
body.ui2 .hv-owl .owl-stage{display:flex;align-items:center}
body.ui2 .hv-owl .owl-item{flex:0 0 auto}
body.ui2 .hv-owl--hang .owl-stage-outer{-webkit-mask-image:var(--hv-fade-mask);mask-image:var(--hv-fade-mask)}
/* mũi tên nhỏ, nằm ngoài vùng chip (desktop) */
body.ui2 .hv-owl .owl-nav{margin:0!important}
body.ui2 .hv-owl .owl-nav button.owl-prev,body.ui2 .hv-owl .owl-nav button.owl-next{position:absolute;top:50%;transform:translateY(-50%);margin:0!important;width:28px;height:28px;border-radius:50%!important;background:var(--hv-white)!important;border:1px solid var(--hv-line)!important;color:var(--hv-ink)!important;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 2px 6px var(--hv-shade-06)}
body.ui2 .hv-owl .owl-nav button.disabled{opacity:.35}
body.ui2 .hv-owl--hang .owl-nav button.owl-prev{left:-34px}
body.ui2 .hv-owl--hang .owl-nav button.owl-next{right:-34px}
@media (min-width:992px){
	/* #699 anh Quyết: mũi tên nằm -15px ra ngoài thẻ mỗi bên (trước nằm trong, dư khoảng trắng 2 đầu) */
	body.ui2 .product_top .BrandsList.hv-owl{padding-left:var(--hv-pad)!important;padding-right:var(--hv-pad)!important}
	body.ui2 .product_top .BrandsList.hv-owl .owl-nav button.owl-prev{left:-15px}
	body.ui2 .product_top .BrandsList.hv-owl .owl-nav button.owl-next{right:-15px}
}
/* lối tắt: Owl thay thanh chỉ báo cuộn */
body.ui2 .hm-shortcuts.owl-loaded{padding:0 var(--hv-pad)!important}
body.ui2 .hm-shortcuts.owl-loaded li{width:88px}
@media (min-width:992px){body.ui2 .hm-shortcuts.owl-loaded li{width:104px}}
body.ui2 .hm-shortcuts.owl-loaded ~ .hm-scrollbar{display:none}
body.ui2 .hm-glogos.owl-loaded{margin-left:0!important;margin-right:0!important;padding:0!important}
body.ui2 .product_top .BrandsList.hv-owl a.brand{margin:0!important}

/* #414 modal "đã thêm vào giỏ" (js/hv-cart.js) - giữa màn hình trên máy tính, trượt từ đáy trên điện thoại */
.hv-cm{position:fixed;inset:0;z-index:1080;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--hv-overlay)}
.hv-cm[hidden]{display:none}
html.hv-cm-open{overflow:hidden}
.hv-cm__box{width:100%;max-width:460px;background:var(--hv-white);border-radius:var(--hv-radius-card);box-shadow:0 20px 50px rgba(0,0,0,.25);padding:16px;animation:hvCmIn .18s ease-out}
@keyframes hvCmIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hv-cm__head{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--hv-ink)}
.hv-cm__ok{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f5ec;color:#1a7f37;flex:none}
.hv-cm__x{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:none;font-size:24px;line-height:1;color:var(--hv-muted);cursor:pointer}
.hv-cm__x:hover{background:var(--hv-bg)}
.hv-cm__item{display:flex;gap:12px;align-items:center;margin:14px 0 0;padding:12px;border:1px solid var(--hv-line-soft);border-radius:var(--hv-radius-sm)}
.hv-cm__item img{width:72px;height:72px;object-fit:contain;flex:none;background:#fff}
.hv-cm__item>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.hv-cm__name{color:var(--hv-ink);font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hv-cm__sku,.hv-cm__qty{font-size:var(--hv-fs-sm);color:var(--hv-muted)}
.hv-cm__qty b{color:var(--hv-ink)}
.hv-cm__sum{margin:12px 0 0;font-size:var(--hv-fs);color:var(--hv-text)}
.hv-cm__sum b{color:var(--hv-ink)}
.hv-cm__act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.hv-cm__act .hv-btn{min-height:44px;white-space:normal;text-align:center}
@media (max-width:575.98px){
	.hv-cm{align-items:flex-end;padding:0}
	.hv-cm__box{max-width:none;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));animation-name:hvCmUp}
	.hv-cm__act{grid-template-columns:1fr}
	.hv-cm__act .hv-btn--pri{order:-1}
}
@keyframes hvCmUp{from{transform:translateY(100%)}to{transform:none}}
button.YeucauBaogia.is-loading{opacity:.6;pointer-events:none}
.hv-toast{position:fixed;left:50%;bottom:24px;z-index:1090;max-width:calc(100% - 32px);padding:10px 18px;border-radius:999px;background:var(--hv-ink);color:#fff;font-size:var(--hv-fs);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.hv-toast.is-on{opacity:1;transform:translate(-50%,0)}
.hv-toast.is-bad{background:var(--hv-red)}

/* #414 biểu mẫu dùng chung (trang giỏ /dat-hang, liên hệ /lien-he) */
.hv-f-grid{display:grid;gap:12px 14px}
@media (min-width:768px){.hv-f-grid{grid-template-columns:1fr 1fr}.hv-f--full{grid-column:1/-1}}
.hv-f{display:flex;flex-direction:column;gap:5px;margin:0;font-size:var(--hv-fs-sm);color:var(--hv-muted);font-weight:500}
.hv-f i{color:var(--hv-red);font-style:normal}
.hv-f input,.hv-f textarea{width:100%;padding:10px 14px;border:1px solid var(--hv-line);border-radius:var(--hv-radius-sm);font-size:15px;color:var(--hv-ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.hv-f textarea{resize:vertical;min-height:96px}
.hv-f input::placeholder,.hv-f textarea::placeholder{color:var(--hv-placeholder)}
.hv-f input:focus,.hv-f textarea:focus{outline:0;border-color:var(--hv-red);box-shadow:0 0 0 3px var(--hv-focus)}
.hv-f .is-invalid,.hv-f input.is-invalid,.hv-f textarea.is-invalid{border-color:var(--hv-red);background:var(--hv-red-soft)}
.hv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.hv-cart__legal{margin:10px 0 0;font-size:12px;color:var(--hv-muted)}
.hv-cart__legal a{color:var(--hv-link)}
/* #414 trang liên hệ giao diện mới: nội dung admin (lưới #lien-he) thành các thẻ trắng trên nền xám */
body.ui2 #lien-he{background:transparent!important;padding:8px 0 32px}
body.ui2 #lien-he>.container>.row{margin:0 0 16px!important;padding:20px 8px!important;background:var(--hv-white);border:1px solid var(--hv-line-soft);border-radius:var(--hv-radius-card)}
body.ui2 #lien-he>.container>.row:has(.map-container){padding:0!important;overflow:hidden;border:0}
body.ui2 #lien-he .map-container iframe{display:block;height:340px;border-radius:0!important;box-shadow:none!important}
body.ui2 #lien-he h1{font-size:24px!important;font-weight:700;color:var(--hv-ink);margin-bottom:14px}
body.ui2 #lien-he h2.h5,body.ui2 #lien-he h3.h5,body.ui2 #lien-he h4.h5{margin:16px 0 6px;font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hv-muted)}
body.ui2 #lien-he ul{padding-left:0;list-style:none;margin-bottom:4px}
body.ui2 #lien-he .mergetags_button_view{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;margin:4px 6px 2px 0!important;padding:6px 16px!important;border:1px solid var(--hv-line)!important;border-radius:999px!important;box-shadow:none!important;background:var(--hv-white);color:var(--hv-ink)!important;font-size:15px!important;font-weight:500}
body.ui2 #lien-he .mergetags_button_view:hover{border-color:var(--hv-red)!important;color:var(--hv-red)!important}
body.ui2 #lien-he .mergetags_button_view i{color:var(--hv-red)}
body.ui2 #lien-he .mergetags_button_view+br{display:none}
body.ui2 #lien-he .ge-content>div:has(>.mergetags_button_view){display:inline}
body.ui2 #lien-he h5{font-size:16px;font-weight:700;color:var(--hv-ink)}
body.ui2 #lien-he .shadow-sm.p-3{box-shadow:none!important;background:var(--hv-bg);border-radius:var(--hv-radius-sm)!important;padding:12px 14px!important}
body.ui2 #lien-he .shadow-sm.p-3 h4{font-size:15px;font-weight:700;margin:0 0 4px;color:var(--hv-ink)}
body.ui2 #lien-he .shadow-sm.p-3 p{margin:0;font-size:var(--hv-fs)}
body.ui2 #lien-he img.rounded{border-radius:var(--hv-radius-sm)!important;box-shadow:none!important}
body.ui2 #lien-he h3#lien-he-qua-bieu-mau{font-size:20px;font-weight:700;color:var(--hv-ink);margin-bottom:2px}
body.ui2 #lien-he h3#lien-he-qua-bieu-mau+p{color:var(--hv-muted);margin-bottom:14px}
body.ui2 .hv-lh__form .hv-consent{margin:14px 0 0;font-size:var(--hv-fs-sm)}
body.ui2 .hv-lh__act{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:16px}
body.ui2 .hv-lh__act .hv-btn{min-width:200px;min-height:44px;font-size:15px;font-weight:600}
body.ui2 .hv-lh__hot{color:var(--hv-text);text-decoration:none}
body.ui2 .hv-lh__hot b{color:var(--hv-red)}
body.ui2 .hv-lh .invalid-feedback{font-size:12px}
@media (max-width:991.98px){
	body.ui2 #lien-he .img-form{display:none}
	body.ui2 #lien-he>.container>.row{padding:16px 4px!important}
	body.ui2 #lien-he .map-container iframe{height:260px}
}
@media (max-width:575.98px){body.ui2 #lien-he>.container>.row>.column:first-child img{max-height:220px;object-fit:cover}body.ui2 .hv-lh__act .hv-btn{width:100%}}
/* #414: widget chat/gọi nổi không đè modal giỏ và thanh đặt hàng dưới đáy (điện thoại) */
html.hv-cm-open .hcrm-widget,html.hv-cm-open #messengerButton,html.hv-cm-open .livechat-button,html.hv-cm-open .scrolltop{display:none!important}
@media (max-width:991.98px){
	body.ui2:has(.hv-cart:not(.is-empty):not(.is-sent)) .hcrm-widget{bottom:78px!important}
	body.ui2:has(.hv-cart:not(.is-empty):not(.is-sent)) .livechat-button{bottom:152px!important}
	body.ui2:has(.hv-cart:not(.is-empty):not(.is-sent)) #messengerButton{bottom:204px!important}
	body.ui2:has(.hv-cart:not(.is-empty):not(.is-sent)) .scrolltop{display:none!important}
}
body.ui2 #lien-he>.container{background:transparent!important;box-shadow:none!important;padding-left:var(--hv-pad);padding-right:var(--hv-pad)}
/* #699 chip dưới breadcrumb dùng Owl: mũi tên trong vùng chip (mép container), mờ mép */
body.ui2 #breadcrumb .subMenu.hv-owl{display:block!important;padding:0;-webkit-mask-image:none;mask-image:none}
body.ui2 #breadcrumb .subMenu.hv-owl .owl-nav button.owl-prev{left:-15px}
body.ui2 #breadcrumb .subMenu.hv-owl .owl-nav button.owl-next{right:-15px}
@media (max-width:991.98px){body.ui2 #breadcrumb .subMenu.hv-owl{padding:0}}