/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

b, strong {
    font-weight: bold !important;
}

.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}

.absolute-footer {
    display: none;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* =======================================================
   CSS FOOTER BẢO HỘ AN VIỆT 
   (Chuẩn hóa cho Flatsome UX Builder, loại bỏ grid Bootstrap)
   ======================================================= */
.footer {
    background: #000; /* Màu nền gốc */
    color: #fff;
    font-size: 14px;
}
.footer a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}
.footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer .title,
.footer .footer__title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
    color: #fff;
}
.footer .title.customer_service,
.footer .footer__title.customer_service,
.footer .footer__title.agency {
    color: #ffff00;
}
.footer__logo {
    display: block;
    margin-bottom: 15px;
    max-width: 100%;
}
.footer__logo img {
    max-height: 65px;
    object-fit: contain;
}
.footer .des {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #ccc;
}
.footer .list-info li {
    display: flex;
    margin-bottom: 12px;
    line-height: 1.5;
    align-items: flex-start;
}
.footer .list-info li i {
    color: #3085e8;
    margin-right: 10px;
    width: 16px;
    text-align: center;
    margin-top: 4px;
}
.footer .list-info li strong {
    margin-right: 5px;
    font-weight: 600;
}
.footer .list-info li a:hover {
    color: #3085e8;
}
.footer .list-info.customer_service li i {
    color: #fff;
}

/* Menu Links */
.footer__menu li {
    margin-bottom: 10px;
}
.footer__menu li a {
    display: inline-block;
    font-size: 14px;
}
.footer__menu li a:hover {
    color: #3085e8;
}
.footer__menu.customer_service li {
    display: flex;
    align-items: center;
}
.footer__menu.customer_service li i {
    margin-right: 8px;
    color: #fff;
}

/* Hotline Specific: Icon Sale căn giữa 2 dòng text */
#hotline-contact-sale-footer li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}
#hotline-contact-sale-footer li i {
    font-size: 16px !important;
    margin-right: 10px !important;
    margin-top: 0 !important;
    align-self: center !important;
    color: #3085e8 !important;
}
#hotline-contact-sale-footer li a.event-hotline {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.35 !important;
}
#hotline-contact-sale-footer li a.event-hotline strong {
    font-size: 13px !important;
    color: #ccc !important;
    font-weight: normal !important;
}
#hotline-contact-sale-footer li a.event-hotline span {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

/* 2 nút follow cách nhau 10px */
.xc-footer .follow-icons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 8px !important;
}
.xc-footer .follow-icons a {
    margin: 0 !important;
}

/* 2 ảnh phương thức thanh toán đứng cạnh nhau với khoảng cách gọn gàng */
.xc-footer .row-pay {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
}
.xc-footer .row-pay > .col {
    width: auto !important;
    max-width: fit-content !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}
.xc-footer .row-pay .img-inner img {
    height: 45px !important;
    width: 74px !important;
    max-height: 45px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* Footer Bottom: Copyright & Badges */
.footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
}
.footer__bottom .font-13 {
    margin-bottom: 12px !important;
}
/* 2 ảnh Bộ Công Thương & DMCA: căn giữa theo trục dọc, nằm cạnh nhau không rớt dòng */
.xc-footer .row-bct-dmca {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 0 0 auto !important;
    width: max-content !important;
    max-width: 100% !important;
}
.xc-footer .row-bct-dmca > .col {
    width: auto !important;
    max-width: fit-content !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.xc-footer .row-bct-dmca .img-inner {
    display: flex !important;
    align-items: center !important;
}
.xc-footer .row-bct-dmca .img-inner img {
    display: block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}
.xc-footer .row-bct-dmca .img-bct img,
.xc-footer .row-bct-dmca img[src*="bo-cong-thuong"],
.xc-footer .row-bct-dmca .col:first-child img {
    width: 150px !important;
    max-width: 150px !important;
    height: 57px !important;
    max-height: 57px !important;
    object-fit: contain !important;
}
.xc-footer .row-bct-dmca .img-dmca img,
.xc-footer .row-bct-dmca img[src*="dmca"],
.xc-footer .row-bct-dmca .col:last-child img {
    width: 135px !important;
    max-width: 135px !important;
    height: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
}

@media (max-width: 549px) {
    .xc-footer .row-copyright .col:last-child,
    .xc-footer .row-copyright .col:last-child .text-right {
        text-align: left !important;
    }
    .xc-footer .row-bct-dmca {
        justify-content: flex-start !important;
        margin: 0 !important;
    }
}

.footer-company-info .list-info-company li {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1.6;
    color: #ccc;
}
.footer-company-info .list-info-company li strong {
    color: #fff;
}

/* Utilities tối thiểu cho cấu trúc nội dung bên trong */
.footer .d-flex { display: flex; }
.footer .flex-column { flex-direction: column; }
.footer .align-items-center { align-items: center; }
.footer .align-items-start { align-items: flex-start; }
.footer .align-items-baseline { align-items: baseline; }
.footer .mb-0 { margin-bottom: 0px !important; }
.footer .mt-3 { margin-top: 1rem !important; }
.footer .pb-3 { padding-bottom: 1rem !important; }
.footer .pt-3 { padding-top: 1rem !important; }
.footer .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

/* =======================================================
   CSS CHO SECTION DANH MỤC TRANG CHỦ (xc-home-cat)
   ======================================================= */
/* Căn lề chuẩn 1306px để viền trái/phải khớp hoàn hảo với Menu dọc & Banner của Hero (X = 47px) */
.xc-home-cat > .section-content > .row,
.xc-home-cat .row {
    background: #fff;
    border-left: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
    max-width: 1306px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 1336px) {
    .xc-home-cat > .section-content > .row,
    .xc-home-cat .row {
        max-width: calc(100% - 30px) !important;
    }
}
.xc-home-cat .col {
    padding: 0 !important; /* Bắt buộc ép 0 padding để nối liền viền */
}
/* Hiển thị 10 hình / hàng trên Desktop giống hệt bản gốc */
@media (min-width: 850px) {
    .xc-home-cat .col.large-2 {
        max-width: 10%;
        flex-basis: 10%;
    }
}
/* Hiển thị 4 hình / hàng trên Mobile giống bản gốc (25%) */
@media (max-width: 549px) {
    .xc-home-cat .col.small-6 {
        max-width: 25%;
        flex-basis: 25%;
    }
}

.xc-home-cat .col-inner {
    border-right: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    height: 100%;
}

.xc-home-cat .box-cat-item {
    padding: 10px 5px;
    margin: 0;
}
@media (max-width: 768px) {
    .xc-home-cat .box-cat-item {
        padding: 18px 0px;
    }
}
.xc-home-cat .box-image {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.xc-home-cat .image-cover {
    padding-top: 0 !important;
    height: 100%;
}
.xc-home-cat .image-cover img {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
    position: static !important;
}
.xc-home-cat .box-text {
    padding: 0;
}
.xc-home-cat h4 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: 0.4s;
}
.xc-home-cat .box-cat-item:hover h4 {
    color: rgb(48, 133, 232);
}

.xc-home-cat {
    background-color: #f4f4f4;
}

/* =======================================================
   CSS CHO SECTION SẢN PHẨM (xc-home-products)
   ======================================================= */
/* Đồng bộ container 1336px cho toàn bộ các Section và Trang (sản phẩm, archive, tin tức, báo chí, giới thiệu) */
.container,
.container-width,
.category-page-row,
.shop-page-title .container,
.shop-page-title .page-title-inner,
.xc-breadcrumb .container,
.xc-home-products > .section-content > .row,
.xc-home-products .row,
.xc-home-blog > .section-content > .row,
.xc-home-blog .row,
.xc-home-press > .section-content > .row,
.xc-home-press .row,
.xc-home-about > .section-content > .row,
.xc-home-about .row {
    max-width: 1336px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Trang Archive / Danh mục sản phẩm: Căn thẳng hàng thẻ card tại trục X = 47px đến 1353px */
.archive .category-page-row > .col,
.woocommerce-shop .category-page-row > .col {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.archive .shop-container .products.row,
.woocommerce-shop .shop-container .products.row,
.post-type-archive .shop-container .products.row {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.archive .shop-container .products.row > .col,
.woocommerce-shop .shop-container .products.row > .col,
.post-type-archive .shop-container .products.row > .col {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 20px !important;
}

/* 1. Header (Title & Nav) */
.xc-home-products .row-menu .col-inner::before,
.xc-home-products .row-menu .col-inner::after,
.xc-home-products > .section-content > .row:first-child .col-inner::before,
.xc-home-products > .section-content > .row:first-child .col-inner::after {
    display: none !important; /* Xóa clearfix của Flatsome để không làm hỏng flex */
}
.xc-home-products .row-menu .col-inner,
.xc-home-products > .section-content > .row:first-child .col-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    border-top: 3px solid rgb(48, 133, 232) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: #fff;
    width: 100% !important;
    min-height: 38.6px !important;
    height: 38.6px !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Override Flatsome Title */
.xc-home-products .section-title-container {
    margin: -3px 0 0 0 !important;
    padding: 0 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: calc(100% + 3px) !important;
    display: flex !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
}
.xc-home-products .section-title {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: rgb(48, 133, 232) !important;
    color: #fff !important;
    padding: 0 15px !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
}
.xc-home-products .section-title b,
.xc-home-products .section-title::after,
.xc-home-products .section-title::before {
    display: none !important;
}
.xc-home-products .section-title-main,
.xc-home-products .section-title-bold span {
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Menu inline */
.xc-home-products .ux-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    flex: 1 1 auto !important;
}
.xc-home-products .ux-menu .menu-item {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.xc-home-products .ux-menu-link {
    padding: 0 !important;
    margin: 0 !important;
}
.xc-home-products .ux-menu-link__link {
    color: rgb(48, 133, 232) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 10px !important;
    text-transform: none !important;
    transition: 0.3s !important;
    background: transparent !important;
}
.xc-home-products .ux-menu-link__link:hover {
    color: rgb(0, 86, 168) !important;
}

/* View all link right aligned */
.xc-home-products .ux-menu .menu-item:last-child {
    margin-left: auto !important;
}
.xc-home-products .ux-menu .menu-item:last-child .ux-menu-link__text::after {
    content: "\f0da"; /* FontAwesome caret-right */
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-left: 5px !important;
    display: inline-block !important;
}

/* 2. Banner */
.xc-home-products .cate-home__banner {
    display: block !important;
}
.xc-home-products .cate-home__banner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* 3. Products */
.xc-home-products .row-small {
    background: #fff;
}
.xc-home-products .product-small .col-inner {
    padding: 0 !important; 
}
.xc-home-products .product-small.box {
    background: rgb(255, 255, 255) !important;
    border: 1px solid rgb(221, 221, 221) !important;
    border-radius: 0.75rem !important;
    padding: 0 !important;
    transition: 0.4s !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
.xc-home-products .product-small.box:hover {
    border-color: rgb(48, 133, 232) !important;
}

/* Box Text */
.xc-home-products .product-small.box .box-text {
    border: none !important;
    padding: 10px 10px 15px !important;
    transition: 0.4s !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: auto !important;
    background: transparent !important;
}

/* Product Title */
.xc-home-products .box-text .title-wrapper {
    flex: 1 1 auto !important;
    display: block !important;
    width: 100% !important;
}
.xc-home-products .box-text .name {
    margin-bottom: 5px !important;
    padding: 0 !important;
    text-align: center !important;
}
.xc-home-products .box-text .name a {
    font-size: 13px !important; /* Nhỏ lại cho giống gốc */
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: rgb(33, 33, 33) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important;
    white-space: normal !important;
}
.xc-home-products .product-small.box:hover .name a {
    color: rgb(48, 133, 232) !important;
}

/* Product Price & Fake Ratings */
.xc-home-products .box-text .price-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 5px 0 !important;
    width: 100% !important;
    margin-top: auto !important;
}

/* Fake Stars */
.xc-home-products .price-wrapper::before {
    content: "★★★★★";
    color: #ffb800; /* Màu vàng của sao */
    font-size: 13px;
    margin-right: 5px;
    order: -2;
}

/* Fake Reviews Text */
.xc-home-products .product-small:nth-child(odd) .price-wrapper::after {
    content: "(17 đánh giá)";
}
.xc-home-products .product-small:nth-child(even) .price-wrapper::after {
    content: "(11 đánh giá)";
}
.xc-home-products .product-small:nth-child(3n) .price-wrapper::after {
    content: "(22 đánh giá)";
}
.xc-home-products .price-wrapper::after {
    color: #777;
    font-size: 12px;
    font-weight: 400;
    order: -1;
}

.xc-home-products .box-text .price {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important; /* Bắt buộc giá rớt xuống dòng dưới */
    text-align: center !important;
    align-items: center !important;
    order: 0;
    margin-top: 5px !important;
}
.xc-home-products .box-text .price,
.xc-home-products .box-text .price *,
.xc-home-products .box-text .price-wrapper .amount,
.xc-home-products .box-text .price-wrapper bdi {
    color: rgb(220, 51, 37) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .xc-home-products #row-1851087797 .col-inner {
        background: rgb(255, 255, 255) !important;
        border-top: none !important;
    }
    .xc-home-products .section-title {
        font-size: 16px !important;
        min-width: unset !important;
    }
    /* Hide normal menu items, keep View All */
    .xc-home-products .ux-menu .menu-item:not(:last-child) {
        display: none !important;
    }
    .xc-home-products .ux-menu .menu-item:last-child {
        display: block !important;
        margin-left: auto !important;
    }
    .xc-home-products .box-text .price,
    .xc-home-products .box-text .price * {
        font-size: 14px !important;
    }
}
/* =======================================================
   CSS FIX SECTION HERO & VERTICAL MENU (Visual Matching 100% theo bản gốc)
   ======================================================= */

/* 1. Khoang cach Top cho Section Hero chuan 10px theo ban goc (tranh bi dinh sat vao thanh menu xanh) */
.xc-home-hero {
    padding-top: 10px !important;
    padding-bottom: 25px !important;
}
.xc-home-hero .section-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. Can chinh Row chinh & Khoang cach Menu doc voi Cot phai chuan 10px */
@media (min-width: 850px) {
    .xc-home-hero > .section-content > .row {
        max-width: 1336px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Cot 1: Danh cho chuan xac cho Menu doc 230px */
    .xc-home-hero > .section-content > .row > .col:first-child {
        flex: 0 0 230px !important;
        max-width: 230px !important;
        width: 230px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* Cot 2: Cum ben phai cach menu doc dung 10px (xoa triet de padding mac dinh cua Flatsome) */
    .xc-home-hero > .section-content > .row > .col:last-child {
        flex: 0 0 calc(100% - 240px) !important;
        max-width: calc(100% - 240px) !important;
        width: calc(100% - 240px) !important;
        margin-left: 10px !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 849px) {
    /* Trên Mobile/Tablet không có Menu dọc thì ẩn cột trống */
    .xc-home-hero > .section-content > .row > .col:first-child {
        display: none !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 10px !important;
        margin: 0 !important;
    }
}

/* 3. Cụm Slider + 2 Banner phải (Hàng đầu tiên trong cột phải) */
@media (min-width: 850px) {
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin: 0 -5px !important;
    }
    /* Cột Slider chiếm 66.66% */
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:first-child {
        flex: 0 0 66.666% !important;
        max-width: 66.666% !important;
        width: 66.666% !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    /* Cột 2 Banner phải chiếm 33.33% */
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        width: 33.333% !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
    /* Xếp 2 banner cách nhau 6px và dãn đều theo chiều cao */
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child > .col-inner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        height: 100% !important;
        gap: 6px !important;
        padding: 0 !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child .img {
        flex: 1 1 calc(50% - 3px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child .img .img-inner {
        height: 100% !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child .img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
}
@media (max-width: 849px) {
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type {
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 10px !important;
    }
}

/* 4. Fix Slider Flatsome (Khôi phục hiển thị hoàn toàn - KHÔNG set height:100% làm sập Flickity) */
.xc-home-hero .slider-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}
.xc-home-hero .slider .img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.xc-home-hero .slider .img-inner {
    width: 100% !important;
}
.xc-home-hero .slider img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
/* Mũi tên prev/next: Xóa triệt để background chữ nhật bị lỗi, giữ icon tròn mượt mà */
.xc-home-hero .flickity-prev-next-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    width: 42px !important;
    height: 42px !important;
    opacity: 0.85 !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
    z-index: 10 !important;
}
.xc-home-hero .flickity-prev-next-button:hover {
    background: transparent !important;
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.08) !important;
}
.xc-home-hero .flickity-prev-next-button.previous {
    left: 8px !important;
}
.xc-home-hero .flickity-prev-next-button.next {
    right: 8px !important;
}
.xc-home-hero .flickity-prev-next-button svg {
    width: 38px !important;
    height: 38px !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    fill: #ffffff !important;
    background: rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.2s ease !important;
}
.xc-home-hero .flickity-prev-next-button:hover svg {
    border-color: #ffffff !important;
    background: rgba(48, 133, 232, 0.85) !important;
    fill: #ffffff !important;
}
.xc-home-hero .flickity-page-dots {
    bottom: 8px !important;
}
.xc-home-hero .flickity-page-dots .dot {
    background: #fff !important;
    opacity: 0.6 !important;
    margin: 0 4px !important;
}
.xc-home-hero .flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
    background: #3085e8 !important;
}

/* 5. Hàng 4 Box ảnh ("NHẬP KHẨU", "MAY MẶC", "SẢN XUẤT", "PHÂN PHỐI") */
@media (min-width: 850px) {
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:last-of-type {
        display: flex !important;
        flex-wrap: nowrap !important;
        margin: 12px -5px 0 -5px !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:last-of-type > .col {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        width: 25% !important;
        padding: 0 5px !important;
        margin: 0 !important;
    }
}
@media (max-width: 849px) {
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:last-of-type {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 10px -5px 0 -5px !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:last-of-type > .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding: 0 5px !important;
        margin-bottom: 10px !important;
    }
}

.xc-home-hero .box {
    border: 1px solid #b4b4b4 !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    transition: border-color 0.3s ease !important;
}
.xc-home-hero .box:hover {
    border-color: #3085e8 !important;
}
/* Cố định tỉ lệ 600x358 cho cả 4 ảnh, giải quyết triệt để lỗi so le chiều cao */
.xc-home-hero .box .box-image {
    position: relative !important;
    width: 100% !important;
    padding-top: 59.6% !important;
    overflow: hidden !important;
    background: #f8f8f8 !important;
}
.xc-home-hero .box .box-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s ease-in-out !important;
}
.xc-home-hero .box:hover .box-image img {
    transform: scale(1.08) !important;
}
/* Tiêu đề 4 box */
.xc-home-hero .box .box-text {
    padding: 0 5px !important;
    height: 36px !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: none !important;
    border-top: 1px solid #b4b4b4 !important;
    box-sizing: border-box !important;
}
.xc-home-hero .box .box-text h4 {
    margin: 0 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #333333 !important;
    white-space: nowrap !important;
    letter-spacing: 0.2px !important;
    line-height: 1 !important;
    transition: color 0.3s ease !important;
}
.xc-home-hero .box:hover .box-text h4 {
    color: #3085e8 !important;
}

/* 6. Xóa mục chân menu ::after để giảm 1 menu, cân bằng chiều cao 2 bên */
#wide-nav ul.ux-nav-vertical-menu::after {
    display: none !important;
    content: none !important;
}

/* =======================================================
   CSS SECTION TIN TỨC TRANG CHỦ (xc-home-blog)
   Visual Matching 100% theo bản gốc baohoanviet.vn
   ======================================================= */

/* 1. Header (Tiêu đề TIN TỨC & Link Xem tất cả) */
.xc-home-blog .row-menu {
    margin-bottom: 20px !important;
}
.xc-home-blog .row-menu > .col > .col-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    border-bottom: 2px solid rgb(48, 133, 232) !important; /* Đường kẻ xanh nền chuẩn */
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}
.xc-home-blog .row-menu > .col > .col-inner::before,
.xc-home-blog .row-menu > .col > .col-inner::after {
    display: none !important;
    content: none !important;
}

/* Tiêu đề TIN TỨC (Góc trái) - Border đỏ liền dải với đường xanh */
.xc-home-blog .section-title-container {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.xc-home-blog .section-title {
    margin: 0 !important;
    padding: 5px 0 8px 0 !important;
    border: none !important;
    border-bottom: 2px solid rgb(232, 60, 48) !important; /* Đường kẻ đỏ đè lên mép đường xanh */
    margin-bottom: -2px !important; /* Liền 1 dải phẳng với border-bottom của col-inner */
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
    background: transparent !important;
}
.xc-home-blog .section-title b,
.xc-home-blog .section-title::before,
.xc-home-blog .section-title::after {
    display: none !important;
}
.xc-home-blog .section-title-main {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    color: rgb(33, 37, 41) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Link Xem tất cả ⋙ (Góc phải) */
.xc-home-blog .ux-menu {
    margin: 0 0 4px auto !important; /* Đẩy sát góc phải, căn chỉnh đáy */
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.xc-home-blog .ux-menu .menu-item {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.xc-home-blog .ux-menu-link {
    padding: 0 !important;
    margin: 0 !important;
}
.xc-home-blog .ux-menu-link__link {
    color: rgb(48, 133, 232) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    padding: 0 !important;
    background: transparent !important;
    transition: color 0.3s ease !important;
}
.xc-home-blog .ux-menu-link__link:hover {
    color: rgb(10, 88, 202) !important;
}

/* 2. Blog Item Card Reset - Tuyệt đối không có border xanh dưới chân card */
.xc-home-blog .post-item .col-inner::after,
.xc-home-blog .post-item .col-inner::before,
.xc-home-blog .box-blog-post::after,
.xc-home-blog .box-blog-post::before {
    display: none !important;
    content: none !important;
}

/* 3. Thẻ Card bài viết (White Box, bo góc mềm, bóng đổ) */
.xc-home-blog .box-blog-post {
    background: #ffffff !important;
    border-radius: 0.75rem !important; /* Bo góc 12px chuẩn gốc */
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #ececec !important;
    margin-bottom: 10px !important;
}
.xc-home-blog .box-blog-post:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px !important;
}

/* 4. Hình ảnh bài viết (Tỷ lệ 4:3 chuẩn bản gốc) */
.xc-home-blog .box-image {
    overflow: hidden !important;
    position: relative !important;
}
.xc-home-blog .box-image .image-cover {
    padding-top: 75% !important; /* Chuẩn 4:3 (300x225) thay cho 16:9 */
}
.xc-home-blog .box-image img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.4s ease !important;
}
.xc-home-blog .box-blog-post:hover .box-image img {
    transform: scale(1.05) !important;
}

/* 5. Nội dung chữ (Box text) */
.xc-home-blog .box-text {
    padding: 10px 10px 12px 10px !important;
    text-align: left !important;
    background: transparent !important;
}
.xc-home-blog .box-text-inner {
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Tiêu đề bài viết: 2 dòng clamp */
.xc-home-blog .post-title {
    order: 1 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.35 !important;
}
.xc-home-blog .post-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: rgb(33, 37, 41) !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}
.xc-home-blog .post-title a:hover,
.xc-home-blog .box-blog-post:hover .post-title a {
    color: rgb(48, 133, 232) !important;
}

/* Đoạn trích dẫn bài viết: 3 dòng clamp */
.xc-home-blog .from_the_blog_excerpt {
    order: 2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13.5px !important;
    color: #555555 !important;
    line-height: 1.45 !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
}

/* Ẩn divider mặc định của Flatsome */
.xc-home-blog .is-divider {
    display: none !important;
}

/* Ngày đăng bài (item-news__time ở cuối card, chuẩn format DD/MM/YYYY HH:mm:ss theo bản gốc) */
.xc-home-blog .post-meta {
    display: none !important;
}
.xc-home-blog .item-news__time {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    color: rgb(132, 132, 132) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
.xc-home-blog .item-news__time svg {
    margin-right: 5px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* 6. Responsive Mobile */
@media (max-width: 576px) {
    .xc-home-blog .box-blog-post {
        flex-direction: row !important;
        align-items: center !important;
        padding: 10px !important;
    }
    .xc-home-blog .box-blog-post .box-image {
        width: 35% !important;
        flex: 0 0 35% !important;
        border-radius: 6px !important;
    }
    .xc-home-blog .box-blog-post .box-text {
        width: 65% !important;
        flex: 0 0 65% !important;
        padding: 0 0 0 10px !important;
    }
    .xc-home-blog .box-blog-post .post-title a {
        font-size: 13.5px !important;
    }
    .xc-home-blog .box-blog-post .from_the_blog_excerpt {
        display: none !important;
    }
}

/* =======================================================
   CSS SECTION BÁO CHÍ TRANG CHỦ (xc-home-press)
   Visual Matching 100% theo bản gốc baohoanviet.vn
   ======================================================= */

/* 1. Header (Tiêu đề "BÁO CHÍ NÓI VỀ CHÚNG TÔI") */
.xc-home-press .row-menu {
    margin-bottom: 20px !important;
}
.xc-home-press .row-menu > .col > .col-inner {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    border-bottom: 2px solid rgb(48, 133, 232) !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}
.xc-home-press .row-menu > .col > .col-inner::before,
.xc-home-press .row-menu > .col > .col-inner::after {
    display: none !important;
    content: none !important;
}
.xc-home-press .section-title-container {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: fit-content !important;
}
.xc-home-press .section-title {
    margin: 0 !important;
    padding: 5px 0 8px 0 !important;
    border: none !important;
    border-bottom: 2px solid rgb(232, 60, 48) !important;
    margin-bottom: -2px !important;
    display: flex !important;
    align-items: center !important;
    width: fit-content !important;
    background: transparent !important;
}
.xc-home-press .section-title b,
.xc-home-press .section-title::before,
.xc-home-press .section-title::after {
    display: none !important;
}
.xc-home-press .section-title-main {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    color: rgb(33, 37, 41) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 2. Cột trái: Khung Video Báo chí (xc-video-box) */
.xc-home-press .xc-video-box {
    margin-bottom: 15px !important;
}
.xc-home-press .xc-video-box .box-image {
    position: relative !important;
    overflow: hidden !important;
}
.xc-home-press .xc-video-box .box-image a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}
.xc-home-press .xc-video-box .box-image img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Khung Iframe khi play trực tiếp */
.xc-home-press .xc-video-iframe-wrap {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
    background: #000000 !important;
}
.xc-home-press .xc-video-iframe-wrap iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    display: block !important;
}
@media (max-width: 576px) {
    .xc-home-press .xc-video-iframe-wrap {
        height: 200px !important;
    }
}


/* Nút Play Video trung tâm */
.xc-home-press .xc-video-box .box-image a::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50px !important;
    height: 50px !important;
    background-color: rgba(78, 78, 78, 0.76) !important;
    border: 1px solid transparent !important;
    border-radius: 50% !important;
    z-index: 3 !important;
    transition: all 0.2s ease !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 55% center !important;
    background-size: 22px !important;
}
.xc-home-press .xc-video-box .box-image a:hover::before {
    border-color: rgb(48, 133, 232) !important;
    background-color: rgba(48, 133, 232, 0.9) !important;
}
/* Lớp phủ hover mờ */
.xc-home-press .xc-video-box .box-image a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
    z-index: 2 !important;
}
.xc-home-press .xc-video-box .box-image a:hover::after {
    background: rgba(140, 140, 140, 0.29) !important;
}

/* Banner tiêu đề bên dưới video */
.xc-home-press .xc-video-box .box-text {
    background: rgb(48, 133, 232) !important;
    padding: 15px 20px !important;
}
.xc-home-press .xc-video-box .box-text-inner p {
    color: rgb(255, 255, 255) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

/* 3. Cột phải: Card Bài viết Báo chí (box-press) */
.xc-home-press .box-press {
    margin-bottom: 15px !important;
}
.xc-home-press .box-press .box-image {
    overflow: hidden !important;
    position: relative !important;
}
.xc-home-press .box-press .box-image img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}
.xc-home-press .box-press:hover .box-image img {
    transform: scale(1.05) !important;
}

/* Phần text của Card */
.xc-home-press .box-press .box-text {
    padding: 0 !important;
    text-align: left !important;
    background: transparent !important;
}
.xc-home-press .box-press .box-text-inner {
    padding: 0 !important;
    text-align: left !important;
}

/* Tiêu đề bài viết: 2 dòng clamp */
.xc-home-press .box-press .text.title {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}
.xc-home-press .box-press .text.title p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: rgb(33, 37, 41) !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    transition: color 0.3s ease !important;
}
.xc-home-press .box-press:hover .text.title p {
    color: rgb(48, 133, 232) !important;
}

/* Row chứa Logo báo, Ngày tháng và Nội dung mô tả */
.xc-home-press .box-press .box-text-inner > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}
.xc-home-press .box-press .box-text-inner > .row > .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ép Logo và Ngày tháng luôn cùng 1 hàng */
.xc-home-press .box-press .box-text-inner > .row > .col:nth-child(1) {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    width: 60% !important;
}
.xc-home-press .box-press .box-text-inner > .row > .col:nth-child(2) {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    width: 40% !important;
}
.xc-home-press .box-press .box-text-inner > .row > .col:nth-child(3) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Logo báo chí */
.xc-home-press .box-press .img.logo {
    margin: 0 !important;
    text-align: left !important;
}
.xc-home-press .box-press .img.logo .img-inner {
    display: flex !important;
    align-items: center !important;
}
.xc-home-press .box-press .img.logo .img-inner img {
    height: 24px !important;
    max-height: 24px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* Ngày đăng bài */
.xc-home-press .box-press .text.date {
    text-align: right !important;
    margin: 0 !important;
}
.xc-home-press .box-press .text.date p {
    font-size: 13px !important;
    font-style: italic !important;
    color: rgb(132, 132, 132) !important;
    margin-bottom: 0 !important;
    text-align: right !important;
    line-height: 24px !important;
}

/* Nội dung trích dẫn: 5 dòng clamp chuẩn gốc */
.xc-home-press .box-press .text.content {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    text-align: justify !important;
}
.xc-home-press .box-press .text.content p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgb(132, 132, 132) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: justify !important;
    margin-bottom: 0 !important;
}

/* 4. Responsive Mobile */
@media (max-width: 576px) {
    .xc-home-press .xc-video-box .box-image img {
        height: 200px !important;
    }
    .xc-home-press .xc-video-box .box-text {
        padding: 12px 15px !important;
    }
    .xc-home-press .xc-video-box .box-text-inner p {
        font-size: 14px !important;
    }
    .xc-home-press .box-press .box-image img {
        height: 140px !important;
    }
    .xc-home-press .box-press .text.content p {
        line-height: 1.3 !important;
        -webkit-line-clamp: 4 !important;
    }
}

/* 5. Slider Carousel cho .xc-row-slider (Tương thích Flickity Flatsome) */

/* Khi chưa load JS hoặc fallback */
.xc-home-press .xc-row-slider:not(.flickity-enabled) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}
.xc-home-press .xc-row-slider:not(.flickity-enabled)::-webkit-scrollbar {
    display: none !important;
}
.xc-home-press .xc-row-slider:not(.flickity-enabled) > .col {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    width: 33.333333% !important;
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
}

/* Khi Flickity đã kích hoạt */
.xc-home-press .xc-row-slider.flickity-enabled {
    display: block !important;
    overflow: visible !important;
    position: relative !important;
}
.xc-home-press .xc-row-slider.flickity-enabled .flickity-viewport {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    transition: height 0.2s ease !important;
}
.xc-home-press .xc-row-slider.flickity-enabled .flickity-slider {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}
.xc-home-press .xc-row-slider.flickity-enabled .flickity-slider > .col,
.xc-home-press .xc-row-slider.flickity-enabled > .col {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex-basis: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    display: block !important;
}

@media (max-width: 850px) {
    .xc-home-press .xc-row-slider.flickity-enabled .flickity-slider > .col,
    .xc-home-press .xc-row-slider:not(.flickity-enabled) > .col {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}
@media (max-width: 550px) {
    .xc-home-press .xc-row-slider.flickity-enabled .flickity-slider > .col,
    .xc-home-press .xc-row-slider:not(.flickity-enabled) > .col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* Tùy biến nút mũi tên Slider chuẩn bản gốc (Chữ nhật đứng hẹp, icon mũi tên căn giữa tuyệt đối) */
.xc-home-press .flickity-prev-next-button {
    background-color: rgb(48, 133, 232) !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.95 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
}
.xc-home-press .flickity-prev-next-button:hover {
    background-color: rgb(10, 88, 202) !important;
    opacity: 1 !important;
}
.xc-home-press .flickity-prev-next-button svg,
.xc-home-press .flickity-prev-next-button .flickity-button-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 14px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    fill: #ffffff !important;
}
.xc-home-press .flickity-prev-next-button.previous {
    left: -8px !important;
}
.xc-home-press .flickity-prev-next-button.next {
    right: -8px !important;
}
.xc-home-press .flickity-page-dots {
    display: none !important;
}

/* =======================================================
   SECTION: GIỚI THIỆU & CHÍNH SÁCH (xc-home-about)
   Match 100% bản gốc (policyHome & aboutHome)
   ======================================================= */
.xc-home-about {
    background-color: #ffffff;
}

/* --- PHẦN 1: 4 BOX CHÍNH SÁCH (row-strong) --- */
.xc-home-about .row-strong {
    row-gap: 12px;
}

.xc-home-about .row-strong .col {
    padding-bottom: 0;
}

.xc-home-about .row-strong .col-inner {
    height: 100%;
}

.xc-home-about .row-strong .icon-box {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 8px 12px;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    transition: all 0.25s ease;
}

.xc-home-about .row-strong .icon-box:hover {
    border-color: #3085e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.xc-home-about .row-strong .icon-box-img {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    flex: 0 0 50px !important;
    margin-right: 12px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.xc-home-about .row-strong .icon-box-img .icon,
.xc-home-about .row-strong .icon-box-img .icon-inner {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
}

.xc-home-about .row-strong .icon-box-img img {
    display: block;
    width: 50px !important;
    height: 50px !important;
    max-width: unset !important;
    object-fit: contain;
}

.xc-home-about .row-strong .icon-box-text {
    padding: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.xc-home-about .row-strong .icon-box-text h3 {
    color: #000000;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.xc-home-about .row-strong .icon-box-text p {
    color: #333333;
    font-size: 13.5px;
    line-height: 1.35;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
}

/* --- PHẦN 2: GIỚI THIỆU CÔNG TY (row-about) --- */
.xc-home-about .row-about {
    margin-top: 24px;
    align-items: flex-start;
}

/* Cột ảnh bên trái */
.xc-home-about .row-about .col:first-child .col-inner {
    height: 100%;
}

.xc-home-about .row-about .img-inner.dark {
    background-color: transparent !important;
}

.xc-home-about .row-about .img-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

/* Cột nội dung bên phải */
.xc-home-about .row-about .col:last-child .col-inner {
    padding-top: 0;
}

.xc-home-about .row-about h3 {
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    letter-spacing: -0.1px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 15px;
}

.xc-home-about .row-about p {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    margin-top: 0;
    margin-bottom: 14px;
    text-align: justify;
}

.xc-home-about .row-about p:last-child {
    margin-bottom: 0;
}

/* --- RESPONSIVE --- */
@media (max-width: 767.98px) {
    .xc-home-about .row-about {
        margin-top: 15px;
    }
    .xc-home-about .row-about .col:last-child .col-inner {
        padding-top: 15px;
    }
}

@media (max-width: 575.98px) {
    .xc-home-about .row-strong .icon-box {
        padding: 6px 8px;
    }
    .xc-home-about .row-strong .icon-box-img {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        flex: 0 0 38px !important;
        margin-right: 8px !important;
    }
    .xc-home-about .row-strong .icon-box-img .icon,
    .xc-home-about .row-strong .icon-box-img .icon-inner,
    .xc-home-about .row-strong .icon-box-img img {
        width: 38px !important;
        height: 38px !important;
    }
    .xc-home-about .row-strong .icon-box-text h3 {
        font-size: 12px;
        line-height: 1.25;
    }
    .xc-home-about .row-strong .icon-box-text p {
        font-size: 11px;
        line-height: 1.25;
    }
}

/* =======================================================
   CSS TRANG TIN TỨC & TUYỂN DỤNG (POST ARCHIVE / CATEGORY) CHUẨN BẢN GỐC
   Áp dụng đồng bộ cho mọi danh mục tin tức (Tin tức, Tuyển dụng, archive.category)
   ======================================================= */

/* 1. KHUNG CHỨA VÀ NỀN CHUNG */
.category-tin-tuc #main,
.category-tuyen-dung #main,
.archive.category #main {
    background-color: #fff;
}

.category-tin-tuc .blog-wrapper,
.category-tuyen-dung .blog-wrapper,
.archive.category .blog-wrapper {
    padding-top: 10px !important;
    padding-bottom: 35px !important;
    max-width: 1336px !important;
    margin: 0 auto !important;
}

.category-tin-tuc #content .row.align-center,
.category-tuyen-dung #content .row.align-center,
.archive.category #content .row.align-center {
    max-width: 100% !important;
    padding: 0 15px !important;
    margin: 0 auto !important;
}

.category-tin-tuc #content .row.align-center > .col.large-10,
.category-tuyen-dung #content .row.align-center > .col.large-10,
.archive.category #content .row.align-center > .col.large-10 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
}

/* 2. BREADCRUMB VÀ TIÊU ĐỀ TRANG */
.category-tin-tuc .archive-page-header,
.category-tuyen-dung .archive-page-header,
.archive.category .archive-page-header {
    padding: 0 0 5px 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* 3. LƯỚI BÀI VIẾT (Native 4 cột từ template) */
.category-tin-tuc #post-list > .row,
.category-tuyen-dung #post-list > .row,
.archive.category #post-list > .row {
    margin-left: -12px !important;
    margin-right: -12px !important;
}

.category-tin-tuc #post-list .col.post-item,
.category-tuyen-dung #post-list .col.post-item,
.archive.category #post-list .col.post-item {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 25px !important;
    margin: 0 !important;
}

/* 4. CARD BÀI VIẾT (ITEM CARD) */
.category-tin-tuc .col.post-item .col-inner,
.category-tuyen-dung .col.post-item .col-inner,
.archive.category .col.post-item .col-inner {
    height: 100% !important;
}

.category-tin-tuc .box-blog-post,
.category-tuyen-dung .box-blog-post,
.archive.category .box-blog-post {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: none !important;
}

.category-tin-tuc .box-blog-post:hover,
.category-tuyen-dung .box-blog-post:hover,
.archive.category .box-blog-post:hover {
    border-radius: 0.75rem !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.16) !important;
    transform: none !important;
}

/* Thumbnail ảnh tỉ lệ 4:3 */
.category-tin-tuc .box-blog-post .box-image,
.category-tuyen-dung .box-blog-post .box-image,
.archive.category .box-blog-post .box-image {
    flex-shrink: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
}

.category-tin-tuc .box-blog-post .image-cover,
.category-tuyen-dung .box-blog-post .image-cover,
.archive.category .box-blog-post .image-cover {
    padding-top: 75% !important; /* Chuẩn 4:3 của bản gốc */
    overflow: hidden !important;
}

.category-tin-tuc .box-blog-post .image-cover img,
.category-tuyen-dung .box-blog-post .image-cover img,
.archive.category .box-blog-post .image-cover img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.4s ease !important;
}

.category-tin-tuc .box-blog-post:hover .image-cover img,
.category-tuyen-dung .box-blog-post:hover .image-cover img,
.archive.category .box-blog-post:hover .image-cover img {
    transform: scale(1.03) !important;
}

/* Nội dung text card */
.category-tin-tuc .box-blog-post .box-text,
.category-tuyen-dung .box-blog-post .box-text,
.archive.category .box-blog-post .box-text {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 10px 4px 6px !important;
    background: transparent !important;
}

.category-tin-tuc .box-blog-post .box-text-inner,
.category-tuyen-dung .box-blog-post .box-text-inner,
.archive.category .box-blog-post .box-text-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important;
}

/* Tiêu đề bài viết (2 dòng, hover xanh) */
.category-tin-tuc .box-blog-post .post-title,
.category-tuyen-dung .box-blog-post .post-title,
.archive.category .box-blog-post .post-title {
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    min-height: 42px !important;
}

.category-tin-tuc .box-blog-post .post-title a,
.category-tuyen-dung .box-blog-post .post-title a,
.archive.category .box-blog-post .post-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #212529 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

.category-tin-tuc .box-blog-post .post-title a:hover,
.category-tuyen-dung .box-blog-post .post-title a:hover,
.archive.category .box-blog-post .post-title a:hover {
    color: #3085e8 !important;
}

/* Ẩn đường kẻ divider */
.category-tin-tuc .box-blog-post .is-divider,
.category-tuyen-dung .box-blog-post .is-divider,
.archive.category .box-blog-post .is-divider {
    display: none !important;
}

/* Đoạn trích (3 dòng) */
.category-tin-tuc .box-blog-post .from_the_blog_excerpt,
.category-tuyen-dung .box-blog-post .from_the_blog_excerpt,
.archive.category .box-blog-post .from_the_blog_excerpt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #444 !important;
    margin-bottom: 8px !important;
    flex: 1 1 auto !important;
    min-height: 60px !important;
}

/* Thời gian đăng bài dưới đoạn trích */
.category-tin-tuc .item-news__time,
.category-tuyen-dung .item-news__time,
.archive.category .item-news__time {
    display: flex !important;
    align-items: center !important;
    color: #848484 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    margin-top: auto !important;
    padding-top: 4px !important;
    width: 100% !important;
}

.category-tin-tuc .item-news__time svg,
.category-tuyen-dung .item-news__time svg,
.archive.category .item-news__time svg {
    margin-right: 5px !important;
    flex-shrink: 0 !important;
}

/* 5. PHÂN TRANG (PAGINATION) */
.category-tin-tuc .nav-pagination,
.category-tuyen-dung .nav-pagination,
.archive.category .nav-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 25px 0 10px !important;
    padding: 0 !important;
    border-top: none !important;
}

.category-tin-tuc .nav-pagination li,
.category-tuyen-dung .nav-pagination li,
.archive.category .nav-pagination li {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.category-tin-tuc .nav-pagination .page-number,
.category-tuyen-dung .nav-pagination .page-number,
.archive.category .nav-pagination .page-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 35px !important;
    height: 35px !important;
    padding: 0 12px !important;
    border: 1px solid #3085e8 !important;
    border-radius: 5px !important;
    color: #3085e8 !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

.category-tin-tuc .nav-pagination .page-number:hover,
.category-tuyen-dung .nav-pagination .page-number:hover,
.archive.category .nav-pagination .page-number:hover {
    background-color: #f8fbff !important;
    color: #1c6ece !important;
    border-color: #1c6ece !important;
}

.category-tin-tuc .nav-pagination .page-number.current,
.category-tuyen-dung .nav-pagination .page-number.current,
.archive.category .nav-pagination .page-number.current {
    background-color: #3085e8 !important;
    color: #fff !important;
    border-color: #3085e8 !important;
    font-weight: 700 !important;
}

.category-tin-tuc .nav-pagination .page-number.prev,
.category-tin-tuc .nav-pagination .page-number.next,
.category-tuyen-dung .nav-pagination .page-number.prev,
.category-tuyen-dung .nav-pagination .page-number.next,
.archive.category .nav-pagination .page-number.prev,
.archive.category .nav-pagination .page-number.next {
    font-size: 14px !important;
}

/* 6. RESPONSIVE */
@media (max-width: 991.98px) {
    .category-tin-tuc #post-list .col.post-item,
    .category-tuyen-dung #post-list .col.post-item,
    .archive.category #post-list .col.post-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-bottom: 16px !important;
    }
}

@media (max-width: 575.98px) {
    .category-tin-tuc #post-list .col.post-item,
    .category-tuyen-dung #post-list .col.post-item,
    .archive.category #post-list .col.post-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-bottom: 16px !important;
    }
    .category-tin-tuc .page-title,
    .category-tuyen-dung .page-title,
    .archive.category .page-title {
        font-size: 18px !important;
    }
}

/* ==========================================================================
   RANK MATH BREADCRUMB GLOBAL (.xc-breadcrumb) - B.E.M & SEMANTIC
   ========================================================================== */
.xc-breadcrumb {
    width: 100%;
    background-color: transparent;
    padding: 12px 0 8px 0;
    margin: 0;
}

.xc-breadcrumb__container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

.xc-breadcrumb__inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.xc-breadcrumb .rank-math-breadcrumb,
.xc-breadcrumb__nav {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
}

.xc-breadcrumb .rank-math-breadcrumb p,
.xc-breadcrumb__list {
    margin: 0;
    padding: 0;
    color: #333;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
}

.xc-breadcrumb a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.xc-breadcrumb a:hover {
    color: #3085e8;
}

.xc-breadcrumb .separator,
.xc-breadcrumb__separator {
    margin: 0 8px;
    color: #888;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.xc-breadcrumb .last {
    color: #111;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .xc-breadcrumb {
        padding: 8px 0;
        font-size: 13px;
    }
    .xc-breadcrumb .rank-math-breadcrumb p,
    .xc-breadcrumb__list {
        font-size: 13px;
    }
}

/* ==========================================================================
   SINGLE POST (NEWS DETAIL) - CHUẨN BAOHOANVIET.VN
   ========================================================================== */
.blog-single #content {
    background-color: #fff !important;
    padding-top: 15px !important;
    padding-bottom: 30px !important;
}

.blog-single .row-main {
    max-width: 1230px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.newsDetail {
    background: #fff;
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.newsDetail__header {
    margin-bottom: 12px;
}

.newsDetail__title {
    display: block;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: #333333 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.newsDetail__date {
    display: block;
    font-size: 13px !important;
    color: #333333 !important;
    margin: 0 0 15px 0 !important;
    line-height: 1.5 !important;
}

/* TABLE OF CONTENTS (MỤC LỤC) */
.newsDetail__toc {
    background: #edf5ff !important;
    border: 1px solid #e1efff !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
    display: table !important;
    margin-bottom: 1.25em !important;
    padding: 10px 20px 10px 10px !important;
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.newsDetail__toc .toc_title {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    margin-bottom: 2px !important;
}

.newsDetail__toc #expand-toc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #333333 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-size: 16px !important;
    padding: 2px 0 !important;
    transition: opacity 0.2s ease !important;
}

.newsDetail__toc #expand-toc:hover {
    opacity: 0.75 !important;
}

.newsDetail__toc .toc_content {
    counter-reset: section;
    display: none;
    margin-top: 6px !important;
}

.newsDetail__toc .toc_content > ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.newsDetail__toc .toc_content > ul > li {
    counter-increment: section;
    position: relative;
    margin-bottom: 3px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.newsDetail__toc .toc_content > ul > li:before {
    content: counters(section, ".") ". ";
    font-weight: 400;
    color: #333333;
}

.newsDetail__toc .toc_content > ul > li ul {
    counter-reset: subsection;
    list-style: none !important;
    padding-left: 20px !important;
    margin: 2px 0 3px !important;
}

.newsDetail__toc .toc_content > ul > li ul > li {
    counter-increment: subsection;
    margin-bottom: 2px !important;
}

.newsDetail__toc .toc_content > ul > li ul > li:before {
    content: counters(section, ".") "." counter(subsection) ". ";
    font-weight: 400;
    color: #333333;
}

.newsDetail__toc .toc_content a {
    line-height: 1.8 !important;
    text-decoration: none !important;
    color: #333333 !important;
}

.newsDetail__toc .toc_content a:hover {
    text-decoration: underline !important;
    color: #3085e8 !important;
}

/* NỘI DUNG BÀI VIẾT */
.newsDetail__content {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    width: 100% !important;
    word-break: break-word !important;
}

.newsDetail__content [id^=toc_] {
    scroll-margin-top: 100px;
}

@media (max-width: 768px) {
    .newsDetail__content [id^=toc_] {
        scroll-margin-top: 50px;
    }
}

.newsDetail__content h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-top: 24px !important;
    margin-bottom: 10px !important;
}

.newsDetail__content h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}

.newsDetail__content p {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #333333 !important;
    margin-bottom: 14px !important;
}

.newsDetail__content a {
    color: #0000ff !important;
    text-decoration: underline !important;
}

.newsDetail__content figure.image,
.newsDetail__content figure {
    display: table !important;
    margin: 16px auto !important;
    text-align: center !important;
    max-width: 100% !important;
}

.newsDetail__content figure.image img,
.newsDetail__content figure img,
.newsDetail__content p img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
}

.newsDetail__content figure.image figcaption,
.newsDetail__content figure figcaption {
    background-color: #f2f2f2 !important;
    font-size: 14px !important;
    font-style: italic !important;
    padding: 8px 12px !important;
    text-align: center !important;
    color: #555555 !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* KHỐI BÀI VIẾT LIÊN QUAN (BẠN NÊN XEM THÊM) */
.newsRelated {
    margin-top: 30px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eeeeee !important;
    width: 100% !important;
}

.news-slider__top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 15px !important;
}

.news-slider__title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.news-slider__viewall {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #3085e8 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.news-slider__viewall:hover {
    text-decoration: underline !important;
}

.newsRelated .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.newsRelated .row > .col {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.newsRelated .box-image img {
    border-radius: 4px !important;
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover !important;
    display: block !important;
}

.newsRelated .box-text {
    text-align: left !important;
    padding: 10px 0 0 0 !important;
}

.newsRelated .box-text .post-title,
.newsRelated .box-text h5 {
    text-align: left !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
    color: #212529 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.newsRelated .box-text .post-title a,
.newsRelated .box-text h5 a {
    color: #212529 !important;
    text-decoration: none !important;
}

.newsRelated .box-text .post-title a:hover,
.newsRelated .box-text h5 a:hover {
    color: #3085e8 !important;
}

.newsRelated .box-text .from_the_blog_excerpt,
.newsRelated .box-text p {
    text-align: left !important;
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.newsRelated .item-news__time {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    font-size: 12.5px !important;
    color: #848484 !important;
    margin-top: auto !important;
}

.newsRelated .item-news__time svg {
    margin-right: 5px !important;
    flex-shrink: 0 !important;
}






/* --- RULES FROM EXTRACTED LIVE SITE --- */
.vertical .product-detail__flickity_thumbs .flickity-slide .thumb img { min-height: 67px; }
.product-detail__content { word-break: break-word; }
.product-detail__content iframe, .product-detail__content video { max-height: 315px; max-width: 100%; }
.product-detail__accessories .accessories_title { font-size: 16px; font-weight: 700; margin-bottom: 15px; }
.product-detail__accessories .accessories_slider { margin-bottom: 15px; }
.product-detail__accessories .accessories_slider .flickity-button { height: 25px; width: 25px; }
.product-detail__accessories .accessories_slider .accessories_slider_item { border: 1px solid rgb(228, 228, 228); border-radius: 8px; display: flex; flex-direction: row; margin-right: 10px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__image { align-items: center; display: flex; justify-content: center; width: 100px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__image img { border-bottom-left-radius: 8px; border-top-left-radius: 8px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info { display: flex; flex: 1 1 0%; flex-direction: column; padding: 8px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_slider_item__title { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; line-height: 1.4; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_slider_item__price { color: rgb(242, 35, 50); font-weight: 700; line-height: 1; margin-bottom: 5px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart_link { text-decoration: none; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart { align-items: center; border-color: rgb(48, 133, 232); color: rgb(48, 133, 232); display: flex; font-size: 13px; height: 30px; margin-top: 5px; padding: 0px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart .accessories_add_cart_txt { padding: 0px 10px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart:hover { color: rgb(255, 255, 255); }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart .icon { align-items: center; border-right: 1px solid rgb(58, 139, 233); display: flex; height: 100%; justify-content: center; width: 35px; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart .icon::before { content: ""; font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 700; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart.adding { user-select: none; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart.adding .icon::before { animation: 0.6s linear 0s infinite normal none running rotate; content: "" !important; }
.product-detail__accessories .accessories_slider .accessories_slider_item .accessories_slider_item__info .accessories_add_cart.added .icon::before { content: ""; }
.product-detail__flickity_images { margin-bottom: 8px; position: relative; width: 100%; }
.product-detail__flickity_images .flickity-button { background: rgba(193, 218, 255, 0.82); }
.product-detail__flickity_images .flickity-button .flickity-button-icon { fill: rgb(13, 110, 253); }
.product-detail__flickity_thumbs { margin-left: -4px; margin-right: -4px; }
.product-detail__flickity_thumbs .flickity-slide { border: 1px solid rgb(238, 238, 238); margin-right: 4px; }
.product-detail__flickity_thumbs .flickity-slide.is-nav-selected { border: 1px solid rgb(232, 60, 48); }
.product-detail__flickity_thumbs .flickity-slide .thumb img { max-height: 50px; max-width: 50px; min-height: 50px; min-width: 50px; object-fit: cover; }
.newsDetail__content a, .pageStatic__content a, .product-detail__content a, .products__des a { color: rgb(0, 0, 255); text-decoration: underline; }
.newsDetail__content figure.image figcaption, .pageStatic__content figure.image figcaption, .product-detail__content figure.image figcaption, .products__des figure.image figcaption { background-color: rgb(242, 242, 242); font-size: 14px; font-style: italic; padding: 8px 0px; }
.box-sizeguide .btn-open-size-guide { background-color: rgb(255, 255, 255); border-color: rgb(48, 132, 230); color: rgb(48, 132, 230); }
.box-sizeguide .btn-open-size-guide:hover { background-color: rgb(48, 132, 230); color: rgb(255, 255, 255); }
.box-sizeguide #modal-size-guide img { border-radius: 10px; }
.box-sizeguide #modal-size-guide .btn-close { padding: 15px; position: absolute; right: 0px; top: 0px; }
.sale-24h { align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); border-radius: 10px; display: flex; flex-direction: row; justify-content: space-between; padding: 5px 10px; position: relative; }
.sale-24h--left i { color: rgb(255, 184, 6); }
.sale-24h--left span { font-family: Oswald, sans-serif; font-size: 14px; font-style: italic; font-weight: 700; }
.sale-24h--left span:hover { color: rgb(255, 184, 6); }
.sale-24h--right { display: flex; flex-direction: row; font-size: 14px; }
.sale-24h--right .countdown { font-weight: 700; padding: 0px 5px; }
.sale-24h--price { color: rgb(255, 255, 255); font-size: 26px; font-weight: 700; line-height: 1.2; }
.sale-24h--market { color: rgb(255, 255, 255); font-size: 14px; }
.sale-24h--market--percent { margin-right: 10px; }
.sale-24h .sale-24h-right--end-txt, .sale-24h .sale-24h-right--quantity-remaining { color: rgb(255, 255, 255); font-size: 13px; text-align: end; }
.sale-24h .sale-24h-right--quantity-remaining strong { font-size: 15px; font-weight: 700; }
.sale-24h .sale-24h-right .countdown { display: flex; flex-direction: row; user-select: none; }
.sale-24h .sale-24h-right .countdown__block { align-items: center; background: rgb(255, 255, 255); border-radius: 3px; display: flex; flex-direction: column; font-size: 11px; height: 33px; justify-content: center; line-height: 1.2; margin: 5px; position: relative; text-align: center; width: 36px; }
.sale-24h .sale-24h-right .countdown__block.mr-0 { margin-right: 0px; }
.sale-24h .sale-24h-right .countdown__block span { font-size: 13px; }
.product-detail__newspaper { border: 1px solid rgb(241, 243, 244); border-radius: 10px; margin-bottom: 15px; padding: 15px 5px; }
.product-detail__newspaper_title { font-size: 18px; font-weight: 700; padding: 0px 0px 15px; text-align: center; }
.product-detail__newspaper_list { display: flex; flex: 1 1 0%; justify-content: space-between; }
.product-detail__newspaper_list_item { align-items: center; border-right: 1px solid rgb(204, 204, 204); display: flex; flex: 1 1 0%; justify-content: center; overflow: hidden; }
.product-detail__newspaper_list_item:first-child { padding-left: 0px; }
.product-detail__newspaper_list_item:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.product-detail__newspaper_list_item img { height: 40px; max-height: 40px; object-fit: contain; transform-origin: center center; transition: transform 0.25s ease-in-out; width: auto; will-change: transform; }
.product-detail__newspaper_list_item:hover img { transform: scale(1.1); }
.product-detail__comments { display: flex; flex-direction: column; }
.product-detail__comments .top-comments { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; }
.product-detail__comments .top-comments .title { flex: 1 1 auto; font-size: 16px; font-weight: 600; margin-bottom: 0px; }
.product-detail__comments .top-comments .sort { color: rgb(136, 136, 136); display: flex; flex-shrink: 0; font-size: 14px; width: fit-content; }
.product-detail__comments .top-comments .sort .sort-link { display: block; margin-left: 20px; width: fit-content; }
.product-detail__comments .top-comments .sort .sort-link:hover { color: rgb(48, 133, 232); }
.product-detail__comments .comments-list .nocmt { background: rgb(241, 241, 241); display: block; font-size: 14px; padding: 10px; width: 100%; }
.product-detail__comments .comments-list [id^="review-"] { scroll-margin-top: 100px; }
.product-detail__comments .comment { font-size: 15px; margin-bottom: 10px; padding: 15px; }
.product-detail__comments .comment .avatar-letter { align-items: center; background: rgb(211, 210, 211); border-radius: 60px; color: rgb(145, 144, 144); display: flex; font-size: 17px; font-weight: 700; height: 50px; justify-content: center; overflow: hidden; user-select: none; width: 50px; }
.product-detail__comments .comment .avatar-image { border-radius: 60px; height: 50px; object-fit: cover; overflow: hidden; width: 50px; }
.product-detail__comments .comment__user { align-items: center; display: flex; flex-direction: row; }
.product-detail__comments .comment__user .name { color: rgb(51, 51, 51); font-size: 15px; font-weight: 500; margin-right: 15px; }
.product-detail__comments .comment__user .verify { color: rgb(43, 168, 50); display: inline; font-size: 12px; }
.product-detail__comments .comment__rating { margin-top: -2px; }
.product-detail__comments .comment__rating .rating-star { font-size: 20px; }
.product-detail__comments .comment__image { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; width: 100%; }
.product-detail__comments .comment__image img { border: 1px solid rgb(229, 229, 229); border-radius: 5px; display: block; height: 60px; object-fit: cover; width: auto; }
.product-detail__comments .comment__content { display: block; margin-bottom: 5px; padding: 5px 0px; width: 100%; word-break: break-word; }
.product-detail__comments .comment__actions { align-items: center; display: flex; }
.product-detail__comments .comment__actions time { color: rgb(143, 155, 179); font-size: 12px; padding: 0px 10px; position: relative; }
.product-detail__comments .comment__actions time.time-support { font-style: italic; padding-left: 0px; }
.product-detail__comments .comment__actions time.time-support::before { content: none; }
.product-detail__comments .comment__actions time::before { background-color: rgb(241, 241, 241); content: ""; height: 18px; left: 0px; position: absolute; top: calc(50% - 9px); width: 1px; }
.product-detail__comments .comment__actions .action { align-items: center; color: rgb(48, 133, 232); display: flex; font-size: 14px; margin-right: 10px; transition: 0.15s ease-in-out; width: fit-content; }
.product-detail__comments .comment__actions .action--like::before { content: ""; font-family: "Font Awesome 6 Free"; font-weight: 300; margin-right: 2px; }
.product-detail__comments .comment__actions .action--like.liked::before { font-weight: 700; }
.product-detail__comments .comment__actions .action:hover { transform: scale(1.1); }
.product-detail__comments .comment .reply { margin-top: 15px; }
.product-detail__comments .comment .reply .reply-content { background: rgb(238, 238, 238); border-radius: 5px; padding: 10px 15px; }
.product-detail__comments .form-reply { max-width: 480px; }
.product-detail__comments .form-reply form { background: rgb(248, 248, 248); margin-left: 15px; margin-top: 15px; padding: 20px 15px; }
.product-detail__comments .form-reply form .form-group { margin-bottom: 10px; }
.product-detail__comments .form-reply form .form-group input, .product-detail__comments .form-reply form .form-group textarea { border: 1px solid rgb(228, 228, 228); border-radius: 0px; font-size: 14px; }
.product-detail__comments .form-reply form .form-group small { color: rgb(158, 158, 158); font-size: 13px; font-style: italic; margin-top: 3px; }
.product-detail__comments .form-reply form .btn-action { display: flex; justify-content: flex-end; margin-top: 15px; }
.product-detail__comments .form-reply form .btn-action button { border-radius: 0px; font-size: 14px; margin-left: 15px; min-width: 100px; }
.sale-24h { margin: 10px 0px; }
.product-detail { background: rgb(255, 255, 255); display: block; padding: 10px 0px 30px; width: 100%; }
.product-detail__top { margin-bottom: 20px !important; margin-left: -15px !important; margin-right: -15px !important; position: relative !important; }
.product-detail__top::after { border-bottom: 1px solid rgb(228, 228, 228); bottom: 0px; content: ""; height: 0px; left: 15px; position: absolute; right: 15px; }
.product-detail__body { margin-bottom: 20px; }
.product-detail__thumbs { margin-left: -4px; margin-right: -4px; }
.product-detail__thumbs .slick-track { display: flex; margin-left: 0px; }
.product-detail__thumbs .slick-slide { padding: 0px 4px; }
.product-detail__thumbs .slick-slide .thumb { border: 1px solid rgb(238, 238, 238); display: block; overflow: hidden; position: relative; transition: 0.4s; width: 100%; }
.product-detail__thumbs .slick-slide .thumb::before { content: ""; display: block; padding-top: 100%; width: 100%; }
.product-detail__thumbs .slick-slide .thumb img { display: block; height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.product-detail__thumbs .slick-slide.slick-current .thumb { border: 1px solid rgb(232, 60, 48); }
.product-detail__summary { display: flex; flex-direction: column; width: 100%; }
.product-detail__note { color: rgb(242, 35, 50); font-size: 14px; font-weight: 700; line-height: 1.6; margin-bottom: 15px; }
.product-detail__note a { color: rgb(48, 132, 230); }
.product-detail__policy { background: rgb(246, 244, 244); border-radius: 5px; display: flex; flex-wrap: wrap; padding: 10px 0px; width: 100%; }
.product-detail__policy .policy { align-items: center; border-right: 1px solid rgb(253, 97, 50); display: flex; flex: 1 1 0%; flex-direction: column; padding: 0px 5px; }
.product-detail__policy .policy:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.product-detail__policy .policy .icon { display: block; flex-shrink: 0; height: 28px; margin-bottom: 10px; object-fit: contain; width: 20px; }
.product-detail__policy .policy .text { display: block; font-size: 13px; margin-bottom: 0px; text-align: center; width: 100%; }
.product-detail__policy .policy:first-child .icon { object-fit: unset; width: 28px; }
.product-detail__title { color: rgb(0, 0, 0); display: block; font-size: 18px; font-weight: 700; line-height: 1.5; margin-bottom: 0px; width: 100%; }
.product-detail .meta-title { flex-shrink: 0; font-size: 15px; width: 120px; }
.product-detail__info { display: flex; flex-wrap: wrap; width: 100%; }
.product-detail__info .item-info { align-items: center; display: inline-flex; font-size: 13px; width: fit-content; }
.product-detail__info .item-info::after { content: ""; height: 100%; margin: 0px 3px; width: 0px; }
.product-detail__info .item-info:last-child::after { display: none; }
.product-detail__info .item-info .index { border-bottom: 1px solid rgb(51, 51, 51); flex-shrink: 0; font-size: 15px; margin-right: 5px; }
.product-detail__info .item-info i { color: rgb(255, 184, 6); font-size: 16px; margin-right: 2px; margin-top: -1px; }
.product-detail__info .item-info .rating { padding-bottom: 2px; }
.product-detail__info .item-info .rating .rating-star { font-size: 20px; }
.product-detail__meta { background: rgb(245, 244, 244); border-radius: 5px; display: flex; flex-direction: column; padding: 15px; width: 100%; }
.product-detail__meta p { margin-bottom: 10px; }
.product-detail__meta .meta { display: flex; font-size: 14px; margin-bottom: 10px; padding-left: 18px; position: relative; width: 100%; }
.product-detail__meta .meta::before { color: rgb(48, 130, 232); content: counter(linum, square); font-size: 11px; left: 0px; position: absolute; top: 1px; }
.product-detail__meta .meta .meta-title { font-weight: 700; }
.product-detail__meta .meta:last-child { margin-bottom: 0px; }
.product-detail__price { display: flex; flex-direction: column; margin-bottom: 10px; width: 100%; }
.product-detail__price .price { align-items: center; display: flex; font-size: 14px; margin-bottom: 5px; width: 100%; }
.product-detail__price .price ins { color: rgb(242, 35, 50); font-size: 20px; font-weight: 700; letter-spacing: 1px; text-decoration: none; }
.product-detail__price .price .tax-note { font-size: 12px; margin-left: 10px; }
.product-detail__price .price del { font-size: 17px; }
.product-detail__price .price .discount { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(255, 151, 1); border-radius: 0.25rem; color: rgb(255, 151, 1); display: flex; font-size: 12px; font-weight: 600; justify-content: center; line-height: 1; margin-left: 10px; padding: 5px; width: fit-content; }
.product-detail__quantity, .product-detail__variation { align-items: center; display: flex; font-size: 14px; margin-bottom: 10px; width: 100%; }
.product-detail__quantity { flex-wrap: wrap; }
.product-detail__actions { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }
.product-detail__actions .action { align-items: center; background: var(--bs-secondary); border: 0px; border-radius: 3px; color: rgb(255, 255, 255); display: flex; height: 45px; margin: 0px 5px 10px; user-select: none; width: calc(50% - 10px); }
.product-detail__actions .action:disabled { filter: grayscale(1); pointer-events: none; }
.product-detail__actions .action .icon { align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.5); display: flex; height: 100%; justify-content: center; width: 45px; }
.product-detail__actions .action .icon::before { content: ""; font-family: "Font Awesome 6 Free"; font-size: 20px; font-weight: 700; }
.product-detail__actions .action .text { flex: 1 1 auto; }
.product-detail__actions .action .text strong { font-size: 14px; text-transform: uppercase; }
.product-detail__actions .action .text small { font-size: 12px; }
.product-detail__actions .action--flashOrder { background: rgb(63, 185, 70); width: calc(100% - 10px); }
.product-detail__actions .action--flashOrder .icon::before { content: ""; }
.product-detail__actions .action--addcart { background: rgb(255, 145, 8); }
.product-detail__actions .action--addcart .icon::before { content: ""; }
.product-detail__actions .action--fastCart { background: rgb(63, 185, 70); }
.product-detail__actions .action--fastCart .icon::before { content: ""; }
.product-detail__actions .action--support { background: rgb(48, 133, 232); }
.product-detail__actions .action--support .icon::before { content: ""; }
.product-detail__shipInfo { display: flex; flex-direction: column; width: 100%; }
.product-detail__shipInfo .shipInfo-btn { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(228, 228, 228); border-radius: 5px; color: rgb(51, 51, 51); display: flex; font-size: 14px; line-height: 1.2; margin-bottom: 10px; padding: 10px; position: relative; width: 100%; }
.product-detail__shipInfo .shipInfo-btn::before { color: rgb(48, 133, 232); content: ""; font-family: "Font Awesome 6 Free"; font-size: 18px; font-weight: 700; margin-right: 8px; }
.product-detail__shipInfo .shipInfo-btn::after { color: rgb(48, 133, 232); content: ">>"; margin-left: 5px; }
.product-detail__shipInfo .shipInfo-detail { background: rgb(255, 255, 255); border: 1px solid rgb(228, 228, 228); border-radius: 5px; display: none; font-size: 14px; line-height: 1.5; margin-bottom: 10px; padding: 10px; width: 100%; }
.product-detail__shipInfo .shipInfo-detail p { margin-bottom: 0px; }
.product-detail__contact { border: 1px solid rgb(228, 228, 228); border-radius: 0.5rem; display: flex; flex-direction: column; font-size: 13px; margin: 0px; padding: 10px; width: 100%; }
.product-detail__contact.sidebarContact { display: none; }
.product-detail__contact li { display: block; line-height: 1.5; margin: 5px 0px; width: 100%; }
.product-detail__contact li i, .product-detail__contact li strong { margin-right: 5px; }
.product-detail__moreInfo { padding: 10px 15px; }
.product-detail__moreInfo .website { color: rgb(0, 0, 0); display: block; font-size: 15px; margin-bottom: 5px; text-align: center; text-transform: uppercase; width: 100%; }
.product-detail__moreInfo .website i { color: rgb(48, 133, 232); font-size: 14px; margin-right: 5px; }
.product-detail__moreInfo .star { color: rgb(255, 185, 9); display: flex; font-size: 14px; justify-content: center; letter-spacing: 3px; width: 100%; }
.product-detail__moreInfo .guarantee { display: block; font-size: 13px; margin-bottom: 8px; text-align: center; width: 100%; }
.product-detail__moreInfo .guarantee i { color: rgb(48, 133, 232); font-size: 14px; margin-right: 5px; }
.product-detail__content { display: flex; flex-direction: column; margin-bottom: 20px; width: 100%; }
.product-detail__content * { font-family: inherit !important; }
.product-detail__content table { border: 1px solid rgb(221, 221, 221); margin: auto; max-width: 100%; }
.product-detail__content table td, .product-detail__content table th { padding: 10px; border: 1px solid rgb(221, 221, 221) !important; }
.product-detail__content p { margin-bottom: 5px; }
.product-detail__content img { max-width: 100%; height: auto !important; width: auto !important; }
.product-detail__orderNow { display: flex; flex-direction: column; margin-bottom: 20px; }
.product-detail__orderNow .title { color: rgb(48, 133, 232); display: block; font-size: 26px; font-weight: 700; margin-bottom: 15px; text-align: center; text-transform: uppercase; width: 100%; }
.product-detail__orderNow .main-orderNow { background: rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); margin-left: 0px; margin-right: 0px; padding: 20px 15px; }
.product-detail__orderNow .main-orderNow .prod-title { color: rgb(0, 0, 0); display: block; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; width: 100%; }
.product-detail__orderNow .main-orderNow .prod-price .price { color: rgb(242, 35, 50); font-weight: 700; }
.product-detail__orderNow .main-orderNow .commit { display: flex; flex-direction: column; margin: 0px; padding: 0px; }
.product-detail__orderNow .main-orderNow .commit li { align-items: center; display: flex; font-size: 13px; margin-bottom: 10px; width: 100%; }
.product-detail__orderNow .main-orderNow .commit li img, .product-detail__orderNow .main-orderNow .commit li svg { display: block; height: 24px; margin-right: 8px; width: 24px; }
.product-detail__orderNow .main-orderNow .commit li i { color: rgb(48, 133, 232); font-size: 16px; margin-right: 8px; }
.product-detail__orderNow .main-orderNow .form-orderNow { background: rgb(48, 133, 232); border-radius: 0.5rem; max-width: 430px; padding: 20px; width: 100%; }
.product-detail__orderNow .main-orderNow .form-orderNow .form-control { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 5px; color: rgb(85, 85, 85); font-size: 14px; height: 34px; padding: 0px 10px; }
.product-detail__orderNow .main-orderNow .form-orderNow .form-control::placeholder { color: rgb(187, 187, 187); }
.product-detail__orderNow .main-orderNow .form-orderNow .form-check { color: rgb(255, 255, 255); font-size: 14px; }
.product-detail__orderNow .main-orderNow .form-orderNow .prod-info { background: rgb(255, 255, 255); border-radius: 5px; display: flex; flex-direction: column; padding: 15px; }
.product-detail__orderNow .main-orderNow .form-orderNow .prod-info__variation { margin-bottom: 15px; }
.product-detail__review { display: flex; flex-direction: column; margin-bottom: 20px; }
.product-detail__review .review-title { color: rgb(48, 133, 232); display: block; font-size: 20px; font-weight: 600; margin-bottom: 5px; width: 100%; }
.product-detail__review .review-prod { display: block; font-size: 14px; margin-bottom: 10px; width: 100%; }
.product-detail__review .review-main { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(228, 228, 228); display: flex; padding: 20px; width: 100%; }
.product-detail__review .review-main .total-rate { align-items: center; border-right: 1px solid rgb(228, 228, 228); display: flex; flex-direction: column; flex-shrink: 0; margin-right: 2.5rem; text-align: center; width: 30%; }
.product-detail__review .review-main .total-rate .index { color: rgb(180, 180, 180); display: block; font-size: 40px; font-weight: 600; line-height: 1; width: 100%; }
.product-detail__review .review-main .total-rate .rating { line-height: 1; }
.product-detail__review .review-main .total-rate .rating .rating-star { font-size: 28px; }
.product-detail__review .review-main .total-rate .rating .rating-count { font-size: 15px; margin-top: 5px; }
.product-detail__review .review-main .list-rate { display: flex; flex: 1 1 auto; flex-direction: column; margin: 0px; padding: 0px; width: 70%; }
.product-detail__review .review-main .list-rate .rate { align-items: center; display: flex; font-size: 15px; line-height: 1.7; width: 100%; }
.product-detail__review .review-main .list-rate .rate__index { flex-shrink: 0; }
.product-detail__review .review-main .list-rate .rate__index i { margin: 0px 10px; }
.product-detail__review .review-main .list-rate .rate__process { background: rgb(180, 180, 180); border-radius: 6rem; display: block; flex: 1 1 auto; height: 10px; max-width: 200px; overflow: hidden; position: relative; }
.product-detail__review .review-main .list-rate .rate__process .process-achieved { background: rgb(253, 218, 53); border-radius: 6rem; height: 100%; left: 0px; position: absolute; top: 0px; }
.product-detail__review .review-main .list-rate .rate__review { display: block; margin-left: 10px; width: fit-content; }
.product-detail__addReview { border: 1px solid rgb(228, 228, 228); display: flex; flex-direction: column; margin-bottom: 20px; padding: 20px; }
.product-detail__addReview .title-addReview { display: block; font-size: 16px; font-weight: 600; margin-bottom: 10px; width: 100%; }
.product-detail__addReview .new-rating { align-items: center; display: flex; font-size: 14px; margin-bottom: 8px; }
.product-detail__addReview .new-rating .rating-stars { color: rgb(221, 221, 221); display: flex; flex-direction: row-reverse; font-size: 16px; margin-left: 10px; width: fit-content; }
.product-detail__addReview .new-rating .rating-stars label { cursor: pointer; padding-right: 3px; position: relative; transition: 0.4s; }
.product-detail__addReview .new-rating .rating-stars label::after { background: rgba(0, 0, 0, 0.9); border-radius: 5px; bottom: 90%; color: rgb(255, 255, 255); content: attr(tooltip); font-family: Roboto, sans-serif; font-size: 14px; font-weight: 300; height: auto; left: 50%; opacity: 0; padding: 5px; pointer-events: none; position: absolute; text-align: center; transform: translateX(-50%); transition: 0.15s ease-in-out; visibility: hidden; white-space: nowrap; width: fit-content; }
.product-detail__addReview .new-rating .rating-stars label:hover::after { bottom: 110%; opacity: 1; pointer-events: all; visibility: visible; }
.product-detail__addReview .new-rating .rating-stars:not(:checked) > label:hover, .product-detail__addReview .new-rating .rating-stars:not(:checked) > label:hover ~ label, .product-detail__addReview .new-rating .rating-stars > input:checked ~ label { color: rgb(255, 185, 9); }
.product-detail__addReview .new-rating .rating-stars > input:checked + label:hover, .product-detail__addReview .new-rating .rating-stars > input:checked ~ label:hover, .product-detail__addReview .new-rating .rating-stars > input:checked ~ label:hover ~ label, .product-detail__addReview .new-rating .rating-stars > label:hover ~ input:checked ~ label { color: rgb(255, 141, 0); }
.product-detail__addReview .des-addReview { display: block; font-size: 14px; margin-bottom: 8px; width: 100%; }
.product-detail__addReview textarea { border: 1px solid rgb(228, 228, 228); font-size: 14px; outline: none; padding: 10px; width: 100%; }
.product-detail__addReview .form-text { font-size: 14px; }
.product-detail__addReview .image-addReview { align-items: center; display: flex; margin-bottom: 10px; margin-top: 10px; width: fit-content; }
.product-detail__addReview .image-addReview label { align-items: center; color: rgb(48, 133, 232); cursor: pointer; display: flex; font-size: 14px; margin-right: 10px; width: fit-content; }
.product-detail__addReview .image-addReview label::before { content: ""; font-family: "Font Awesome 6 Free"; font-size: 16px; font-weight: 700; margin-right: 5px; }
.product-detail__addReview .image-addReview .img-preview { border: 2px solid rgb(240, 240, 240); border-radius: 0.75rem; display: none; flex-shrink: 0; height: 150px; margin-right: 10px; overflow: hidden; width: 150px; }
.product-detail__addReview .image-addReview .img-preview img { display: block; height: 100%; object-fit: cover; width: 100%; }
.product-detail__addReview .image-addReview .remove-img { align-items: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(232, 60, 48); display: none; font-size: 14px; width: fit-content; }
.product-detail__addReview .image-addReview .remove-img::before { content: ""; font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 700; margin-right: 5px; }
.product-detail__addReview .image-addReview.preview .img-preview { display: block; }
.product-detail__addReview .image-addReview.preview .remove-img { display: flex; }
.product-detail__addReview .bot-addReview { background: rgb(244, 244, 244); border: 1px solid rgb(228, 228, 228); display: flex; flex-direction: column; justify-content: space-between; padding: 10px; width: 100%; }
.product-detail__addReview .bot-addReview .name-wrap { display: block; flex: 1 1 auto; max-width: 320px; }
.product-detail__addReview .bot-addReview .name-review { background: rgb(255, 255, 255); border: 1px solid rgb(228, 228, 228); font-size: 14px; height: 36px; padding: 0px 10px; width: 100%; }
.product-detail__addReview .bot-addReview .btn-addReview { align-items: center; background: rgb(48, 133, 232); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; color: rgb(255, 255, 255); display: flex; flex-shrink: 0; font-size: 14px; height: 36px; justify-content: center; margin-top: 15px; max-width: 320px; padding: 0px 30px; }
.product-detail__addReview .bot-addReview .btn-addReview.adding { pointer-events: none; user-select: none; }
.product-detail__addReview .bot-addReview .btn-addReview.adding::before { animation: 0.6s linear 0s infinite normal none running rotate; content: ""; font-family: "Font Awesome 6 Free"; font-size: 16px; font-weight: 600; margin-right: 10px; }
.product-detail__tags { font-size: 14px; padding: 10px 0px 0px; }
.prod-variation { align-items: center; display: flex; flex-wrap: wrap; line-height: 2.1; width: 100%; }
.prod-variation .lbl { flex-shrink: 0; font-size: 14px; margin-right: 10px; min-width: 100px; }
.prod-variation .options { display: flex; flex: 1 1 auto; flex-wrap: wrap; margin: 0px; padding: 0px; }
.prod-variation .options .option { display: block; margin-right: 15px; width: fit-content; }
.prod-variation .options .option.option-image { margin-right: 5px; }
.prod-variation .options .option:last-child { margin-right: 0px; }
.prod-variation .options .option__label { align-items: center; cursor: pointer; display: flex; font-size: 14px; transition: 0.15s ease-in-out; user-select: none; width: 100%; }
.prod-variation .options .option__label.label-image.checked::before { content: ""; }
.prod-variation .options .option__label.label-image.checked .img-color { border-color: rgb(244, 67, 54); }
.prod-variation .options .option__label.label-image::before { content: ""; }
.prod-variation .options .option__label.label-image:hover { transform: none; }
.prod-variation .options .option__label .img-color { border: 3px solid rgb(255, 255, 255); height: 60px; object-fit: cover; padding: 2px; width: 60px; }
.prod-variation .options .option__label .img-color:hover { border-color: rgb(244, 67, 54); }
.prod-variation .options .option__label.checked::before { color: rgb(48, 133, 232); content: ""; font-weight: 700; }
.prod-variation .options .option__label::before { color: rgb(221, 221, 221); content: ""; font-family: "Font Awesome 6 Free"; font-weight: 100; margin-right: 5px; }
.sidebarBlock { background: rgb(255, 255, 255); border: 1px solid rgb(180, 180, 180); border-radius: 5px; display: flex; flex-direction: column; margin-bottom: 15px; width: 100%; }
.sidebarBlock__title { color: rgb(0, 0, 0); display: block; font-size: 16px; font-weight: 700; margin-bottom: 10px; text-align: center; text-transform: uppercase; width: 100%; }
.sidebarBlock.best-sales .sidebarBlock__title { background: rgb(255, 255, 255); text-align: left; }
.sidebarInfo { padding: 10px 15px; }
.sidebarInfo .contact { display: flex; flex-direction: column; width: 100%; }
.sidebarInfo .contact__title { display: block; font-size: 14px; margin-bottom: 10px; width: 100%; }
.sidebarInfo .contact__info { align-items: center; font-size: 14px; margin-bottom: 12px; }
.sidebarInfo .contact__info.text-head { color: rgb(242, 35, 50); display: flex; flex-direction: row; font-weight: 700; }
.sidebarInfo .contact__info:last-child { margin-bottom: 0px; }
.sidebarInfo .contact__info i { color: rgb(48, 133, 232); font-size: 18px; margin-right: 10px; }
.sidebarInfo .service { display: flex; flex-direction: column; width: 100%; }
.sidebarInfo .service__title { display: block; font-size: 14px; font-weight: 600; margin-bottom: 10px; text-align: center; text-transform: uppercase; width: 100%; }
.sidebarInfo .service__info { align-items: center; display: flex; font-size: 14px; margin-bottom: 8px; width: 100%; }
.sidebarInfo .service__info:last-child { margin-bottom: 0px; }
.sidebarInfo .service__info::before { color: rgb(63, 185, 70); content: ""; font-family: "Font Awesome 6 Free"; font-size: 16px; font-weight: 700; margin-right: 10px; }
.relatedProd { display: flex; flex-direction: column; width: 100%; }
.relatedProd__title { border-top: 3px solid rgb(48, 133, 232); display: flex; margin-bottom: 15px; width: 100%; }
.relatedProd__title .title { background: rgb(48, 133, 232); color: rgb(255, 255, 255); display: block; font-size: 17px; font-weight: 400; margin-bottom: 0px; min-width: 300px; padding: 8px 20px; text-transform: uppercase; width: fit-content; }


/* ==========================================================================
   SINGLE PRODUCT PAGE ENHANCEMENTS - MATCHING BAOHOANVIET.VN 100%
   ========================================================================== */

/* 1. Layout Container & Spacing */
.product-detail {
    background: #fff !important;
    padding: 15px 0 35px !important;
}
.product-detail .inner-container {
    max-width: 1336px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

/* 2. Gallery Flickity & Thumbs */
.product-detail .product-gallery {
    padding-right: 15px !important;
}
.product-detail .product-gallery .woocommerce-product-gallery {
    margin-bottom: 10px !important;
}

/* 3. Title, Rating, Info */
.product-detail__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #111 !important;
    margin-bottom: 8px !important;
}
.product-detail__info {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 12px !important;
    font-size: 13.5px !important;
}
.product-detail__info .rating-star {
    color: #ffb806 !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
}

/* 4. Flash Sale 24h & Giá */
.product-detail__price .sale-24h {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    margin-bottom: 12px !important;
    background: #fff !important;
}
.sale-24h--left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ff9108 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.sale-24h--right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    color: #444 !important;
}
.sale-24h--right .countdown {
    font-weight: 700 !important;
    color: #f22332 !important;
    margin-left: 4px !important;
}
.product-detail__price .price {
    font-size: 14px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-bottom: 15px !important;
}
.product-detail__price .price .meta-title {
    font-weight: 700 !important;
    color: #333 !important;
}
.product-detail__price .price ins,
.product-detail__price .price ins .woocommerce-Price-amount {
    color: #f22332 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.product-detail__price .price del,
.product-detail__price .price del .woocommerce-Price-amount {
    color: #888 !important;
    font-size: 15px !important;
}

/* 5. Policy 4 boxes (UX Block: chinh-sach-cam-ket-san-pham) */
.product-detail__policy-section {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
}
.product-detail__policy {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    background: #f6f4f4 !important;
    border-radius: 6px !important;
    padding: 10px 5px !important;
    margin: 0 0 15px 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
}
.product-detail__policy .policy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border-right: 1px solid #ffd0c2 !important;
    padding: 0 4px !important;
    margin: 0 !important;
    max-width: 100% !important;
    flex-basis: auto !important;
    width: 100% !important;
}
.product-detail__policy .policy:last-child {
    border-right: none !important;
}
.product-detail__policy .policy > .col-inner {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.product-detail__policy .policy .policy-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
}
.product-detail__policy .policy .icon-box-img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto 6px auto !important;
}
.product-detail__policy .policy .icon,
.product-detail__policy .policy .icon-inner {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
.product-detail__policy .policy .icon-box-img img,
.product-detail__policy .policy img.icon {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover !important;
    margin: 0 auto 6px auto !important;
    padding: 0 !important;
    display: block !important;
}
.product-detail__policy .policy .text,
.product-detail__policy .policy .icon-box-text p {
    font-size: 12px !important;
    color: #333 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

/* 6. Note đỏ */
.product-detail__note {
    color: #f22332 !important;
    font-size: 13.5px !important;
    font-style: italic !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
}

/* 7. Product Meta List (Bullet xanh - Repeater thông số) */
.product-detail__meta {
    background: #f5f4f4 !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    list-style: none !important;
    margin: 0 0 15px 0 !important;
}
.product-detail__meta .meta {
    position: relative !important;
    padding-left: 16px !important;
    margin-bottom: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #333 !important;
}
.product-detail__meta .meta:last-child {
    margin-bottom: 0 !important;
}
.product-detail__meta .meta::before {
    content: '■' !important;
    color: #3082e8 !important;
    position: absolute !important;
    left: 0 !important;
    font-size: 10px !important;
    top: -1px !important;
}
.product-detail__meta .meta .meta-title {
    font-weight: 700 !important;
    color: #111 !important;
    margin-right: 4px !important;
}

/* 8. Newspaper Section (UX Block: bao-chi-noi-ve-vintech) */
.product-detail__newspaper {
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 12px 10px !important;
    margin: 0 0 15px 0 !important;
    min-height: 0 !important;
    background: #fff !important;
}
.product-detail__newspaper .product-detail__newspaper_header,
.product-detail__newspaper .product-detail__newspaper_header > .col,
.product-detail__newspaper .product-detail__newspaper_header > .col > .col-inner {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}
.product-detail__newspaper_title,
.product-detail__newspaper_title p {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    color: #333 !important;
    line-height: 1.4 !important;
}
.product-detail__newspaper_list {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
.product-detail__newspaper_list_item {
    flex: 1 1 33.333% !important;
    max-width: 33.333% !important;
    text-align: center !important;
    border-right: 1px solid #eee !important;
    padding: 0 8px !important;
    margin: 0 !important;
}
.product-detail__newspaper_list_item:last-child {
    border-right: none !important;
}
.product-detail__newspaper_list_item > .col-inner,
.product-detail__newspaper_list_item .img,
.product-detail__newspaper_list_item .img-inner {
    margin: 0 !important;
    padding: 0 !important;
}
.product-detail__newspaper_list_item img {
    height: 32px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 9. Size Guide Button & Modal (WYSIWYG) */
.box-sizeguide {
    margin-bottom: 15px !important;
}
.box-sizeguide .btn-open-size-guide {
    background: #fff !important;
    border: 1px solid #3084e6 !important;
    color: #3084e6 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    text-transform: none !important;
}
.box-sizeguide .btn-open-size-guide:hover {
    background: #3084e6 !important;
    color: #fff !important;
}
.bhv-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}
.bhv-modal.show {
    display: flex !important;
}
.bhv-modal-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7) !important;
    cursor: pointer !important;
}
.bhv-modal-dialog {
    position: relative !important;
    max-width: 780px !important;
    width: 95% !important;
    z-index: 2 !important;
}
.bhv-modal-content {
    position: relative !important;
    background: #fff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}
.bhv-modal-content img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 4px !important;
}
.bhv-sizeguide-wysiwyg p {
    margin: 0 0 10px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #333 !important;
}
.bhv-sizeguide-wysiwyg p:last-child {
    margin-bottom: 0 !important;
}
.bhv-sizeguide-wysiwyg table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 12px !important;
}
.bhv-sizeguide-wysiwyg table th,
.bhv-sizeguide-wysiwyg table td {
    border: 1px solid #ddd !important;
    padding: 8px 10px !important;
    font-size: 13.5px !important;
    text-align: center !important;
}
.bhv-modal-close {
    position: absolute !important;
    top: -16px !important;
    right: -16px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 50% !important;
    background: #111111 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35) !important;
    z-index: 10 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}
.bhv-modal-close:hover {
    background: #e74c3c !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}
@media (max-width: 767px) {
    .bhv-modal-dialog {
        max-width: 92% !important;
    }
    .bhv-modal-close {
        top: -14px !important;
        right: -8px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 20px !important;
    }
}

/* 10. Swatches / Biến thể Radio Pills */
.prod-variation {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
}
.prod-variation .meta-title {
    font-weight: 700 !important;
    font-size: 13.5px !important;
    min-width: 60px !important;
    color: #333 !important;
}
.prod-variation .options {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.prod-variation .options .option {
    margin: 0 !important;
}
.prod-variation .options .option__label {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    color: #444 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
}
.prod-variation .options .option__label:hover {
    border-color: #3085e8 !important;
    color: #3085e8 !important;
}
.prod-variation .options .option__label.checked {
    border-color: #3085e8 !important;
    color: #3085e8 !important;
    background: #f0f7ff !important;
    font-weight: 600 !important;
}
.prod-variation .options .option__label::before {
    content: '○ ' !important;
    margin-right: 4px !important;
    color: #999 !important;
}
.prod-variation .options .option__label.checked::before {
    content: '● ' !important;
    color: #3085e8 !important;
}

/* 10. Swatches & Combobox (Biến thể Size / Màu sắc) */
table.variations {
    border: none !important;
    margin: 0 0 14px 0 !important;
    width: 100% !important;
    background: transparent !important;
}
table.variations tbody,
table.variations tr {
    background: transparent !important;
    border: none !important;
}
table.variations th.label {
    padding: 8px 12px 8px 0 !important;
    vertical-align: middle !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #222 !important;
    text-align: left !important;
    width: 60px !important;
    border: none !important;
}
table.variations td.value {
    padding: 8px 0 !important;
    vertical-align: middle !important;
    border: none !important;
}
table.variations select {
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    color: #333 !important;
    background-color: #fff !important;
    min-width: 160px !important;
    max-width: 100% !important;
    box-shadow: none !important;
}
table.variations select:focus {
    border-color: #3085e8 !important;
    outline: none !important;
}
table.variations .reset_variations {
    color: #e62020 !important;
    font-size: 12px !important;
    margin-left: 10px !important;
    text-decoration: underline !important;
}
.ux-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0 !important;
}
.ux-swatch {
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    min-width: 48px !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.ux-swatch .ux-swatch__text {
    font-size: 13px !important;
    color: #444 !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}
.ux-swatch:hover {
    border-color: #3085e8 !important;
}
.ux-swatch:hover .ux-swatch__text {
    color: #3085e8 !important;
}
.ux-swatch.selected,
.ux-swatch.active,
.ux-swatch[aria-checked="true"] {
    border-color: #3085e8 !important;
    background: #f0f7ff !important;
}
.ux-swatch.selected .ux-swatch__text,
.ux-swatch.active .ux-swatch__text,
.ux-swatch[aria-checked="true"] .ux-swatch__text {
    color: #3085e8 !important;
    font-weight: 600 !important;
}

/* 11. WooCommerce Form & Action Buttons (Thêm vào giỏ & Mua ngay Flatsome có sẵn) */
.product-detail__cart-wrapper form.cart,
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

/* Hàng chọn số lượng */
.product-detail__cart-wrapper .quantity-label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333 !important;
    margin-right: 12px !important;
    display: inline-block !important;
}
.product-detail__cart-wrapper .quantity,
.product-detail__cart-wrapper .ux-quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    height: 38px !important;
    margin: 0 !important;
    background: #fff !important;
}
.product-detail__cart-wrapper .quantity input.qty {
    width: 45px !important;
    height: 38px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.product-detail__cart-wrapper .quantity .ux-quantity__button,
.product-detail__cart-wrapper .quantity .button.minus,
.product-detail__cart-wrapper .quantity .button.plus {
    width: 34px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 !important;
    background: #f7f7f7 !important;
    border: none !important;
    color: #555 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-align: center !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.product-detail__cart-wrapper .quantity .ux-quantity__button:hover,
.product-detail__cart-wrapper .quantity .button.minus:hover,
.product-detail__cart-wrapper .quantity .button.plus:hover {
    background: #eaeaea !important;
    color: #111 !important;
}
.product-detail__cart-wrapper .stock--on {
    color: #2ba832 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    margin-left: 14px !important;
    display: inline-block !important;
}
.product-detail__cart-wrapper .product-actions-break {
    flex-basis: 100% !important;
    width: 100% !important;
    height: 14px !important;
}

/* 2 Nút Flatsome có sẵn: Thêm vào giỏ & Mua ngay */
.product-detail__cart-wrapper .single_add_to_cart_button,
.product-detail__cart-wrapper .ux-buy-now-button {
    flex: 1 1 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    height: 46px !important;
    border-radius: 4px !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 16px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
}
.product-detail__cart-wrapper .single_add_to_cart_button {
    background: #ff9108 !important;
    margin-right: 12px !important;
}
.product-detail__cart-wrapper .single_add_to_cart_button:hover {
    background: #e68000 !important;
    color: #ffffff !important;
}
.product-detail__cart-wrapper .ux-buy-now-button {
    background: #3fb946 !important;
}
.product-detail__cart-wrapper .ux-buy-now-button:hover {
    background: #349c3a !important;
    color: #ffffff !important;
}
@media (max-width: 549px) {
    .product-detail__cart-wrapper .single_add_to_cart_button,
    .product-detail__cart-wrapper .ux-buy-now-button {
        font-size: 13px !important;
        padding: 0 8px !important;
        height: 44px !important;
    }
}

/* 12. Ghi chú vận chuyển */
.note-delivery {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.4 !important;
    margin-top: 8px !important;
}
.note-delivery a {
    color: #3085e8 !important;
    text-decoration: underline !important;
}

/* 13. Single Product Sidebar (Khớp 100% media_1789626562399.png) */
.product-detail__sidebar-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}
.product-detail__sidebar-inner .sidebarBlock {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    box-shadow: none !important;
}
.product-detail__sidebar-inner .sidebarBlock__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border: none !important;
    letter-spacing: 0.5px !important;
}

/* --- Block 1: LIÊN HỆ --- */
.product-detail__sidebar-inner .contact__info {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
    margin-bottom: 12px !important;
}
.product-detail__sidebar-inner .contact-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 8px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}
.product-detail__sidebar-inner .contact__info strong {
    color: #111111 !important;
    font-weight: 600 !important;
}
.product-detail__sidebar-inner .contact__info a {
    color: #3085e8 !important;
    text-decoration: none !important;
}
.product-detail__sidebar-inner .contact__hotline-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #e62020 !important;
    margin: 14px 0 10px 0 !important;
    text-align: left !important;
}
.product-detail__sidebar-inner .contact__hotlines {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.product-detail__sidebar-inner .hotline-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 1px dashed #7eb9f8 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.product-detail__sidebar-inner .hotline-btn:hover {
    background: #f0f7ff !important;
    border-color: #3085e8 !important;
}
.product-detail__sidebar-inner .hotline-btn .phone-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.product-detail__sidebar-inner .hotline-btn strong {
    color: #e62020 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
}

/* --- Block 2: CAM KẾT MUA HÀNG --- */
.product-detail__sidebar-inner .commit__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
.product-detail__sidebar-inner .commit__list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #333333 !important;
    margin: 0 !important;
}
.product-detail__sidebar-inner .commit__list .check-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

/* 14. Tầng Body 2 Cột: Content & Sidebar Best Sales */
.product-detail__body {
    margin-top: 25px !important;
}
.relatedProd__title {
    border-top: 3px solid #3085e8 !important;
    margin-bottom: 18px !important;
}
.relatedProd__title .title {
    background: #3085e8 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    margin: 0 !important;
    display: inline-block !important;
}
.product-detail__content {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    color: #333 !important;
    margin-bottom: 30px !important;
}
.product-detail__content img {
    max-width: 100% !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block !important;
}

/* 15. Sidebar Best Sales (Có thể bạn quan tâm) */
.best-sales__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.best-sales-item {
    display: flex !important;
    gap: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.best-sales-item:last-child {
    border-bottom: none !important;
}
.best-sales-thumb {
    width: 65px !important;
    height: 65px !important;
    flex-shrink: 0 !important;
    border: 1px solid #eee !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}
.best-sales-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.best-sales-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.best-sales-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 4px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.best-sales-title a {
    color: #222 !important;
    text-decoration: none !important;
}
.best-sales-title a:hover {
    color: #3085e8 !important;
}
.best-sales-rating {
    color: #ffb806 !important;
    font-size: 11px !important;
    margin-bottom: 2px !important;
}
.best-sales-price,
.best-sales-price ins,
.best-sales-price .woocommerce-Price-amount {
    color: #f22332 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
}

/* 16. Ẩn Tabs mặc định và Sidebar thừa của Flatsome */
.woocommerce-tabs,
.wc-tabs-wrapper,
#product-sidebar.product-sidebar-small,
.product-footer {
    display: none !important;
}

/* 17. Responsive Mobile & Tablet */
@media (max-width: 991px) {
    .product-detail__policy {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .product-detail__policy .policy:nth-child(2) {
        border-right: none !important;
    }
    .product-detail__cart-wrapper form.cart .single_add_to_cart_button,
    .product-detail__cart-wrapper form.cart .action--fastCart {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 8px !important;
    }
    .sale-24h {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
}


/* Ẩn heading H2 mặc định của related products Flatsome để tránh lặp */
.related.products > h2,
.related.products > .title {
    display: none !important;
}

/* ==========================================================================
   FLATSOME UX-SWATCHES & COMBOBOX (KHỚP BAOHOANVIET.VN)
   ========================================================================== */
.variations_form table.variations {
    margin-bottom: 12px !important;
    border: none !important;
    background: transparent !important;
}
.variations_form table.variations tr,
.variations_form table.variations td,
.variations_form table.variations th {
    border: none !important;
    padding: 6px 0 !important;
    background: transparent !important;
}
.variations_form table.variations th.label {
    width: 60px !important;
    min-width: 60px !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    color: #333 !important;
    vertical-align: middle !important;
    text-align: left !important;
}
.variations_form table.variations {
    margin-bottom: 10px !important;
    border: none !important;
}
.variations_form table.variations tbody,
.variations_form table.variations tr {
    display: block !important;
    border: none !important;
}
.variations_form table.variations th.label {
    display: block !important;
    padding: 0 0 6px 0 !important;
    text-align: left !important;
    border: none !important;
}
.variations_form table.variations th.label label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 !important;
}
.variations_form table.variations th.label label::after {
    content: ':' !important;
}
.variations_form table.variations td.value {
    display: block !important;
    padding: 0 !important;
    border: none !important;
}
.variations_form table.variations select {
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    height: 38px !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
    color: #333 !important;
    background-color: #fff !important;
    min-width: 160px !important;
    max-width: 100% !important;
}
.variations_form table.variations select:focus {
    border-color: #3085e8 !important;
    outline: none !important;
}
.ux-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ux-swatch.ux-swatch--label {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #333 !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: none !important;
    height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
    user-select: none !important;
}
.ux-swatch.ux-swatch--label:hover {
    color: #3085e8 !important;
}
.ux-swatch.ux-swatch--label.selected,
.ux-swatch.ux-swatch--label[aria-checked="true"] {
    border: none !important;
    color: #111 !important;
    background: transparent !important;
    font-weight: 600 !important;
}
.ux-swatches .ux-swatch.selected .ux-swatch__text,
.ux-swatches .ux-swatch[aria-checked="true"] .ux-swatch__text {
    color: #333 !important;
    font-weight: 500 !important;
}
.ux-swatches .ux-swatch.ux-swatch--label::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #bbb !important;
    border-radius: 50% !important;
    background: #fff !important;
    margin-right: 6px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}
.ux-swatches .ux-swatch.ux-swatch--label:hover::before {
    border-color: #3085e8 !important;
}
.ux-swatches .ux-swatch.ux-swatch--label.selected::before,
.ux-swatches .ux-swatch.ux-swatch--label[aria-checked="true"]::before {
    content: '' !important;
    border-color: #3085e8 !important;
    background-color: #3085e8 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 11px 11px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.ux-swatch__text {
    font-size: 14px !important;
    font-weight: inherit !important;
    color: inherit !important;
}
.variations_form a.reset_variations {
    display: none !important;
}
.product-detail__cart-wrapper .woocommerce-variation,
.product-detail__cart-wrapper .woocommerce-variation-price {
    display: none !important;
    border: none !important;
    border-top: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ux-swatches .tooltip-inner,
.ux-swatches .tooltip-arrow,
body > .tooltip,
div[role="tooltip"],
.tooltip.show,
.tooltip.fade {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ==========================================================================
   FLATSOME NATIVE QUANTITY & 2 NÚT THÊM VÀO GIỎ / MUA NGAY (SIDE-BY-SIDE)
   ========================================================================== */
.product-detail__cart-wrapper .single_variation_wrap,
.product-detail__cart-wrapper .woocommerce-variation,
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart,
.product-detail__cart-wrapper form.cart {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.product-detail__cart-wrapper form.cart,
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    gap: 10px 8px !important;
}

/* Override Flatsome flatsome-shop.css (.woocommerce-variation-add-to-cart > * { flex: 1 1 100% }) */
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .quantity-label,
.product-detail__cart-wrapper form.cart > .quantity-label {
    flex: 0 0 auto !important;
    width: auto !important;
    display: inline-block !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #333 !important;
    margin: 0 10px 0 0 !important;
    line-height: 38px !important;
}

.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .quantity,
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .ux-quantity,
.product-detail__cart-wrapper form.cart > .quantity,
.product-detail__cart-wrapper form.cart > .ux-quantity {
    flex: 0 0 auto !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    height: 36px !important;
    margin: 0 !important;
    background: #fff !important;
}

.product-detail__cart-wrapper .quantity input.qty {
    width: 44px !important;
    height: 36px !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.product-detail__cart-wrapper .quantity .ux-quantity__button,
.product-detail__cart-wrapper .quantity .button.minus,
.product-detail__cart-wrapper .quantity .button.plus {
    width: 32px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 !important;
    background: #f7f7f7 !important;
    border: none !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-align: center !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.product-detail__cart-wrapper .quantity .ux-quantity__button:hover,
.product-detail__cart-wrapper .quantity .button.minus:hover,
.product-detail__cart-wrapper .quantity .button.plus:hover {
    background: #eaeaea !important;
    color: #111 !important;
}

.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .stock--on,
.product-detail__cart-wrapper form.cart > .stock--on {
    flex: 0 0 auto !important;
    width: auto !important;
    color: #009688 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    margin: 0 0 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .product-actions-break,
.product-detail__cart-wrapper form.cart > .product-actions-break {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 14px !important;
    margin: 0 !important;
}

/* 2 Nút Flatsome có sẵn: Thêm vào giỏ & Mua ngay (Side-by-side 50% - 50%, split icon square + 2 dòng chữ) */
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .single_add_to_cart_button,
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .ux-buy-now-button,
.product-detail__cart-wrapper form.cart > .single_add_to_cart_button,
.product-detail__cart-wrapper form.cart > .ux-buy-now-button {
    flex: 1 1 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    height: 48px !important;
    border-radius: 4px !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    line-height: normal !important;
    text-decoration: none !important;
}

.product-detail__cart-wrapper .single_add_to_cart_button {
    background: #ff8800 !important;
}
.product-detail__cart-wrapper .single_add_to_cart_button:hover {
    background: #f07e00 !important;
    color: #ffffff !important;
}
.product-detail__cart-wrapper .single_add_to_cart_button .bhv-btn-icon {
    background: #e67300 !important;
}

.product-detail__cart-wrapper .ux-buy-now-button {
    background: #39b54a !important;
}
.product-detail__cart-wrapper .ux-buy-now-button:hover {
    background: #309e40 !important;
    color: #ffffff !important;
}
.product-detail__cart-wrapper .ux-buy-now-button .bhv-btn-icon {
    background: #2da03d !important;
}

.product-detail__cart-wrapper .bhv-btn-icon {
    width: 46px !important;
    flex: 0 0 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
}

.product-detail__cart-wrapper .bhv-btn-text {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 6px !important;
    line-height: 1.2 !important;
}
.product-detail__cart-wrapper .bhv-btn-text strong {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    display: block !important;
}
.product-detail__cart-wrapper .bhv-btn-text small {
    font-size: 10.5px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
    text-transform: none !important;
    display: block !important;
    margin-top: 2px !important;
}

@media (max-width: 549px) {
    .product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .single_add_to_cart_button,
    .product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .ux-buy-now-button,
    .product-detail__cart-wrapper form.cart > .single_add_to_cart_button,
    .product-detail__cart-wrapper form.cart > .ux-buy-now-button {
        height: 44px !important;
    }
    .product-detail__cart-wrapper .bhv-btn-icon {
        width: 38px !important;
        flex: 0 0 38px !important;
    }
    .product-detail__cart-wrapper .bhv-btn-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .product-detail__cart-wrapper .bhv-btn-text strong {
        font-size: 12px !important;
    }
    .product-detail__cart-wrapper .bhv-btn-text small {
        font-size: 9.5px !important;
    }
}

/* ==========================================================================
   15. DYNAMIC SIDEBAR WIDGETS, CONTENT PADDING & LOOP STYLING
   ========================================================================== */

/* --- Sidebar Widgets in Product Detail --- */
.product-detail__sidebar .widget {
    margin-bottom: 16px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.product-detail__sidebar .widget > .widget-title,
.product-detail__sidebar .widget > .is-divider {
    display: none !important;
}
.product-detail__sidebar .sidebarBlock {
    margin-bottom: 0 !important;
}

/* --- Section 1: Blue Ribbon Headers (Khớp 100% media_1789921451226.png) --- */
.relatedProd__title,
.product-detail__content-wrap .relatedProd__title,
.product-detail__review .relatedProd__title,
.product-detail__relatedProd .relatedProd__title {
    position: relative !important;
    border-top: 3px solid #3085e8 !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 18px !important;
    display: flex !important;
    width: 100% !important;
}
.relatedProd__title .title,
.product-detail__content-wrap .relatedProd__title .title,
.product-detail__review .relatedProd__title .title,
.product-detail__relatedProd .relatedProd__title .title {
    background: #3085e8 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 8px 20px !important;
    margin: 0 !important;
    display: inline-block !important;
    border-radius: 0 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.3px !important;
    width: auto !important;
    min-width: 250px !important;
}
/* Hide duplicate Flatsome section title */
.product-section-title-related {
    display: none !important;
}

/* --- Section 2: Sửa "Content bị sát lề" (Thêm Padding & Card Style) --- */
.product-detail__content-wrap,
.product-detail__review {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 24px 28px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}
@media (max-width: 767px) {
    .product-detail__content-wrap,
    .product-detail__review {
        padding: 16px 14px !important;
    }
}
.product-detail__content {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #333333 !important;
    word-break: break-word !important;
    overflow: hidden !important;
}
.product-detail__content p {
    margin-bottom: 16px !important;
    line-height: 1.75 !important;
}
.product-detail__content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin: 16px auto !important;
    display: block !important;
}
.product-detail__content h2,
.product-detail__content h3,
.product-detail__content h4 {
    margin-top: 20px !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
}

/* --- Section 3: WooCommerce Reviews (Đánh giá & Bình luận) --- */
.woocommerce-Reviews {
    margin-top: 10px !important;
}
.woocommerce-Reviews-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 20px !important;
}
.woocommerce-Reviews ol.commentlist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
}
.woocommerce-Reviews ol.commentlist li.review {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: transparent !important;
}
.woocommerce-Reviews ol.commentlist li.review:last-child {
    border-bottom: none !important;
}
.woocommerce-Reviews ol.commentlist li.review img.avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 1px solid #e0e0e0 !important;
    flex-shrink: 0 !important;
}
.woocommerce-Reviews ol.commentlist li.review .comment-text {
    flex-grow: 1 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
.woocommerce-Reviews ol.commentlist li.review .meta {
    font-size: 14px !important;
    color: #222222 !important;
    margin-bottom: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.woocommerce-Reviews ol.commentlist li.review .meta strong {
    font-weight: 700 !important;
    color: #111111 !important;
}
.woocommerce-Reviews ol.commentlist li.review .meta time {
    font-size: 12px !important;
    color: #888888 !important;
    font-weight: normal !important;
}
.woocommerce-Reviews ol.commentlist li.review .star-rating {
    float: none !important;
    display: inline-block !important;
    color: #f5a623 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
}
.woocommerce-Reviews ol.commentlist li.review .description {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #444444 !important;
}

/* --- Section 4: Loop & Related Products Cards (Khớp 100% media_1789638855205.png) --- */
.product-detail__relatedProd .product-small.box,
.related-products-slider .product-small.box,
.products .product-small.box {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 12px 12px 14px 12px !important;
    transition: all 0.25s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-shadow: none !important;
}
.product-detail__relatedProd .product-small.box:hover,
.related-products-slider .product-small.box:hover,
.products .product-small.box:hover {
    border-color: #3085e8 !important;
    box-shadow: 0 4px 14px rgba(48, 133, 232, 0.14) !important;
}
.product-small.box .box-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    background: #ffffff !important;
    position: relative !important;
}
.product-small.box .box-image a,
.product-small.box .box-image .image-none {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
.product-small.box .box-image img {
    border-radius: 4px !important;
    transition: transform 0.3s ease !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
}
.product-small.box:hover .box-image img {
    transform: scale(1.04) !important;
}
.product-small.box .box-text {
    padding: 8px 2px 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-grow: 1 !important;
}
.product-small.box .box-text .category,
.product-small.box .box-text .op-7 {
    display: none !important;
}
.product-small.box .name.product-title,
.product-small.box .title-wrapper {
    text-align: center !important;
    margin-bottom: 6px !important;
    width: 100% !important;
}
.product-small.box .name.product-title a,
.product-small.box .title-wrapper a {
    font-size: 13.5px !important;
    color: #2b2b2b !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
}
.product-small.box .name.product-title a:hover,
.product-small.box .title-wrapper a:hover {
    color: #3085e8 !important;
}

/* Rating Stars & Count in Loop */
.bhv-loop-rating {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 4px auto !important;
    width: 100% !important;
}
.bhv-loop-rating .rating-count {
    font-size: 12px !important;
    color: #333333 !important;
    font-weight: normal !important;
}

/* Loop Price (Red bold centered) */
.product-small.box .price-wrapper {
    text-align: center !important;
    margin-top: 4px !important;
    width: 100% !important;
}
.product-small.box .price,
.product-small.box .price *,
.product-small.box .price ins,
.product-small.box .price ins .amount {
    color: #e02020 !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.product-small.box .price del,
.product-small.box .price del * {
    color: #888888 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-left: 6px !important;
}

/* Slider Nav Arrows (Circular buttons matching media_1789921451226.png) */
.product-detail__relatedProd .flickity-prev-next-button,
.related-products-slider .flickity-prev-next-button {
    width: 38px !important;
    height: 38px !important;
    background: rgba(230, 230, 230, 0.85) !important;
    border: none !important;
    border-radius: 50% !important;
    opacity: 0.95 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
    top: 36% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    cursor: pointer !important;
}
.product-detail__relatedProd .flickity-prev-next-button:hover,
.related-products-slider .flickity-prev-next-button:hover {
    background: #ffffff !important;
    opacity: 1 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}
.product-detail__relatedProd .flickity-prev-next-button.previous,
.related-products-slider .flickity-prev-next-button.previous {
    left: 10px !important;
}
.product-detail__relatedProd .flickity-prev-next-button.next,
.related-products-slider .flickity-prev-next-button.next {
    right: 10px !important;
}
.product-detail__relatedProd .flickity-prev-next-button svg,
.related-products-slider .flickity-prev-next-button svg {
    display: none !important;
}
.product-detail__relatedProd .flickity-prev-next-button::after,
.related-products-slider .flickity-prev-next-button::after {
    content: '' !important;
    display: block !important;
    width: 11px !important;
    height: 11px !important;
    border-top: 3.5px solid #2b2b2b !important;
    border-left: 3.5px solid #2b2b2b !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
}
.product-detail__relatedProd .flickity-prev-next-button.previous::after,
.related-products-slider .flickity-prev-next-button.previous::after {
    transform: translate(-35%, -50%) rotate(-45deg) !important;
}
.product-detail__relatedProd .flickity-prev-next-button.next::after,
.related-products-slider .flickity-prev-next-button.next::after {
    transform: translate(-65%, -50%) rotate(135deg) !important;
}

/* ==========================================================================
   TÍNH NĂNG TRA CỨU ĐƠN HÀNG (ORDER TRACKING) - CHUẨN BAOHOANVIET.VN
   ========================================================================== */

/* 1. Header Desktop Action Buttons */
.bhav-header-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-left: 15px !important;
    vertical-align: middle !important;
}
.bhav-header-action {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #333333 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.bhav-header-action:hover {
    color: #0073ea !important;
}
.bhav-header-action__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 7px !important;
    color: #0073ea !important;
    flex-shrink: 0 !important;
}
.bhav-header-action__text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    text-align: left !important;
}
.bhav-header-action__text strong {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}
.bhav-header-action:hover .bhav-header-action__text strong {
    color: #0073ea !important;
}
.bhav-header-action__text small {
    font-size: 11px !important;
    color: #666666 !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}
.bhav-header-action--hotline .bhav-header-action__icon {
    color: #e02020 !important;
}
.bhav-header-action--hotline strong {
    color: #e02020 !important;
    font-size: 14px !important;
}

/* 2. Modal Popup Tra Cứu Đơn Hàng (Ẩn mặc định, chỉ hiện khi bấm vào Tra cứu) */
body.bhav-modal-open {
    overflow: hidden !important;
}
.bhav-modal-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.55) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(2px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, visibility 0.22s ease !important;
}
.bhav-modal-backdrop.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.bhav-modal-dialog {
    width: 100% !important;
    max-width: 430px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25) !important;
    overflow: hidden !important;
    transform: translateY(-20px) scale(0.97) !important;
    transition: transform 0.22s ease !important;
}
.bhav-modal-backdrop.is-open .bhav-modal-dialog {
    transform: translateY(0) scale(1) !important;
}
.bhav-modal-content {
    background: #ffffff !important;
}
.bhav-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid #ebebeb !important;
    background: #ffffff !important;
}
.bhav-modal-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0073ea !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.3 !important;
}
.bhav-modal-close {
    background: transparent !important;
    border: none !important;
    font-size: 26px !important;
    line-height: 1 !important;
    color: #777777 !important;
    cursor: pointer !important;
    padding: 0 4px !important;
    margin: 0 !important;
    transition: color 0.15s ease !important;
}
.bhav-modal-close:hover {
    color: #000000 !important;
}
.bhav-modal-body {
    padding: 22px 20px 24px 20px !important;
}
.bhav-modal-body .form-group {
    margin-bottom: 16px !important;
    text-align: left !important;
}
.bhav-modal-body label,
.bhav-standalone-lookup-form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 7px !important;
}
.bhav-modal-body label .text-danger,
.bhav-standalone-lookup-form label .text-danger {
    color: #e74c3c !important;
}
.bhav-modal-body .form-control,
.bhav-standalone-lookup-form .form-control {
    width: 100% !important;
    height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #333333 !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.bhav-modal-body .form-control:focus,
.bhav-standalone-lookup-form .form-control:focus {
    border-color: #0073ea !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(0, 115, 234, 0.15) !important;
}
.bhav-modal-body .text-note,
.bhav-standalone-lookup-form .text-note {
    font-size: 13px !important;
    color: #555555 !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    text-align: left !important;
}
.bhav-modal-body .text-note a,
.bhav-standalone-lookup-form .text-note a {
    color: #0073ea !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.bhav-modal-body .text-note a:hover,
.bhav-standalone-lookup-form .text-note a:hover {
    text-decoration: underline !important;
}
.btn-submit-anywhere,
.btn-submit-lookup {
    width: 100% !important;
    height: 44px !important;
    background: #0073ea !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}
.btn-submit-anywhere:hover,
.btn-submit-lookup:hover {
    background: #005bb5 !important;
    box-shadow: 0 4px 12px rgba(0, 115, 234, 0.3) !important;
    color: #ffffff !important;
}
.btn-submit-anywhere:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}
.bhav-modal-error {
    background-color: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #dc2626 !important;
    padding: 10px 14px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
    text-align: left !important;
}

/* 3. Trang hiển thị kết quả Hành trình Đơn hàng 4 bước */
.bhav-tracking-wrapper {
    max-width: 1100px !important;
    margin: 30px auto !important;
    padding: 0 15px !important;
}
.bhav-tracking-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid #edf2f7 !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}
.bhav-tracking-header__title {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.bhav-tracking-header__title h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    letter-spacing: 0.2px !important;
}
.bhav-order-status-badge {
    display: inline-block !important;
    padding: 4px 12px !important;
    border-radius: 16px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.status-pending,
.status-on-hold {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}
.status-processing {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
.status-completed {
    background-color: #dcfce7 !important;
    color: #166534 !important;
}
.status-cancelled,
.status-refunded,
.status-failed {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}
.bhav-alert-cancelled {
    background-color: #fff1f2 !important;
    border-left: 4px solid #f43f5e !important;
    color: #881337 !important;
    padding: 12px 16px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    margin-bottom: 24px !important;
}

/* Tiến trình 4 bước (Horizontal Timeline) */
.bhav-steps-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 30px 20px 25px 20px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}
.bhav-steps-track {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
}
.bhav-step-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 110px !important;
}
.bhav-step-icon {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    border: 2px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #94a3b8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
    transition: all 0.25s ease !important;
}
.bhav-step-icon svg {
    width: 26px !important;
    height: 26px !important;
}
.bhav-step-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    line-height: 1.35 !important;
}
.bhav-step-line {
    flex: 1 1 auto !important;
    height: 3px !important;
    background: #e2e8f0 !important;
    margin: 0 -10px 28px -10px !important;
    position: relative !important;
    z-index: 1 !important;
    transition: background 0.3s ease !important;
}
.bhav-step-line.is-active {
    background: #27ae60 !important;
}
.bhav-step-item.is-reached-green .bhav-step-icon {
    border-color: #27ae60 !important;
    color: #27ae60 !important;
    background: #f0fdf4 !important;
    box-shadow: 0 0 0 4px rgba(39, 174, 96, 0.12) !important;
}
.bhav-step-item.is-reached-green .bhav-step-label {
    color: #27ae60 !important;
    font-weight: 700 !important;
}
.bhav-step-item.is-reached-blue .bhav-step-icon {
    border-color: #0073ea !important;
    color: #0073ea !important;
    background: #eff6ff !important;
    box-shadow: 0 0 0 4px rgba(0, 115, 234, 0.12) !important;
}
.bhav-step-item.is-reached-blue .bhav-step-label {
    color: #0073ea !important;
    font-weight: 700 !important;
}

/* Grid Chi tiết 2 Cột */
.bhav-tracking-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
}
@media (max-width: 860px) {
    .bhav-tracking-grid {
        grid-template-columns: 1fr !important;
    }
    .bhav-steps-track {
        overflow-x: auto !important;
        padding-bottom: 10px !important;
    }
    .bhav-step-item {
        flex: 0 0 85px !important;
    }
    .bhav-step-icon {
        width: 48px !important;
        height: 48px !important;
    }
    .bhav-step-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
    .bhav-step-label {
        font-size: 11.5px !important;
    }
}
.bhav-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
.bhav-card-title {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 16px !important;
    display: flex !important;
    align-items: center !important;
}
.bhav-recipient-details p {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.5 !important;
}
.bhav-recipient-name strong {
    color: #0f172a !important;
    font-size: 15px !important;
}
.bhav-recipient-name span {
    color: #0073ea !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

/* Thông tin vận chuyển */
.bhav-card-carrier {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
}
.bhav-carrier-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.bhav-carrier-line {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #475569 !important;
}
.bhav-carrier-badge {
    display: inline-block !important;
    background: #0073ea !important;
    color: #ffffff !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.bhav-tracking-code-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    color: #475569 !important;
    flex-wrap: wrap !important;
}
.bhav-copy-box {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px dashed #0073ea !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    gap: 8px !important;
}
.bhav-tracking-code-val {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0073ea !important;
    letter-spacing: 0.5px !important;
}
.bhav-btn-copy-code {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.2s ease !important;
}
.bhav-btn-copy-code:hover {
    background: #0073ea !important;
    color: #ffffff !important;
    border-color: #0073ea !important;
}
.bhav-btn-copy-code.copied {
    background: #27ae60 !important;
    color: #ffffff !important;
    border-color: #27ae60 !important;
}
.bhav-carrier-actions {
    margin-top: 4px !important;
}
.bhav-btn-track-external {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #0073ea !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}
.bhav-btn-track-external:hover {
    background: #005bb5 !important;
    color: #ffffff !important;
}

/* Timeline Dọc */
.bhav-timeline-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    border-left: 2px solid #e2e8f0 !important;
}
.bhav-timeline-item {
    position: relative !important;
    margin-bottom: 22px !important;
    padding-left: 22px !important;
}
.bhav-timeline-item:last-child {
    margin-bottom: 0 !important;
}
.bhav-timeline-icon {
    position: absolute !important;
    left: -25px !important;
    top: 0 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: #cbd5e1 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.bhav-timeline-icon svg {
    width: 11px !important;
    height: 11px !important;
}
.bhav-timeline-item.is-done .bhav-timeline-icon {
    background: #27ae60 !important;
    box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.15) !important;
}
.bhav-timeline-item.is-current-active .bhav-timeline-icon {
    background: #0073ea !important;
    box-shadow: 0 0 0 4px rgba(0, 115, 234, 0.2) !important;
    animation: bhavPulse 2s infinite !important;
}
@keyframes bhavPulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 115, 234, 0.4); }
    70% { box-shadow: 0 0 0 8px rgba(0, 115, 234, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 115, 234, 0); }
}
.bhav-timeline-item.is-current-active .bhav-timeline-content strong {
    color: #0073ea !important;
    font-size: 15px !important;
}
.bhav-timeline-content strong {
    display: block !important;
    font-size: 14px !important;
    color: #1e293b !important;
    margin-bottom: 2px !important;
}
.bhav-timeline-content .time {
    font-size: 12.5px !important;
    color: #64748b !important;
}
.bhav-timeline-note {
    margin-top: 4px !important;
    font-size: 12.5px !important;
    color: #475569 !important;
    background: #f1f5f9 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Bảng Sản phẩm */
.bhav-order-items-table {
    width: 100% !important;
    border-collapse: collapse !important;
}
.bhav-order-items-table td {
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    vertical-align: middle !important;
}
.bhav-order-items-table .item-img {
    width: 56px !important;
    padding-right: 12px !important;
}
.bhav-order-items-table .item-img img {
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #edf2f7 !important;
}
.bhav-order-items-table .item-title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
}
.bhav-order-items-table .item-qty {
    font-size: 12.5px !important;
    color: #64748b !important;
    margin-top: 3px !important;
}
.bhav-order-items-table .item-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #e02020 !important;
    white-space: nowrap !important;
}
.bhav-order-summary {
    padding-top: 14px !important;
    font-size: 14px !important;
}
.bhav-order-summary .summary-line {
    display: flex !important;
    justify-content: space-between !important;
    padding: 5px 0 !important;
    color: #475569 !important;
}
.bhav-order-summary .total-line {
    border-top: 2px dashed #e2e8f0 !important;
    padding-top: 12px !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    color: #0f172a !important;
}
.bhav-order-summary .price-highlight {
    font-size: 19px !important;
    color: #e02020 !important;
    font-weight: 800 !important;
}
.bhav-tracking-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.bhav-support-callout {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 12px !important;
    text-align: center !important;
    font-size: 13px !important;
    color: #475569 !important;
}
.bhav-support-callout a {
    color: #0073ea !important;
    font-weight: 700 !important;
    margin-left: 5px !important;
}

/* Standalone Lookup Box */
.bhav-lookup-page-box {
    max-width: 440px !important;
    margin: 50px auto !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
    padding: 30px 24px !important;
}
.bhav-lookup-card__title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0073ea !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin-bottom: 8px !important;
}
.bhav-lookup-card__sub {
    font-size: 13.5px !important;
    color: #64748b !important;
    text-align: center !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
}
.bhav-lookup-card__alert {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    color: #b91c1c !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
}

/* ==========================================================================
   BHAV ONE PAGE CHECKOUT & THANK YOU PAGE (MATCH 100% LIVE SITE)
   ========================================================================== */

/* Hide Flatsome default page title on Cart and Checkout, preserve Rank Math breadcrumb (.xc-breadcrumb) */
.page-id-8 .page-title,
.page-id-8 .entry-title,
.page-id-9 .page-title,
.page-id-9 .entry-title,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .page-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .page-title {
    display: none !important;
}

/* Base utilities */
.d-none {
    display: none !important;
}
.text-danger {
    color: #e83c30 !important;
}
.text-center {
    text-align: center !important;
}
.bhav-invalid-feedback {
    display: none;
    font-size: 12px;
    color: #e83c30;
    margin-top: 4px;
}
.bhav-invalid-feedback.is-invalid {
    display: block !important;
}

/* ==========================================================================
   ONE PAGE CHECKOUT
   ========================================================================== */
.bhav-onepage-checkout-wrapper {
    width: 100% !important;
    background: #fafafa !important;
}

.bhav-cart-section {
    padding: 24px 0 45px !important;
    background: #fafafa !important;
}
.bhav-cart-card {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.04) !important;
    padding: 24px 28px !important;
}

/* 2-Column Grid Layout */
.bhav-cart-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 32px !important;
    row-gap: 24px !important;
    align-items: start !important;
}
@media (max-width: 991px) {
    .bhav-cart-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Header Titles */
.bhav-block-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    letter-spacing: 0.2px !important;
}
.bhav-title-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Form Fields */
.bhav-field-group {
    margin-bottom: 14px !important;
}
.bhav-field-group label {
    display: block !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 5px !important;
}
.bhav-input,
.bhav-select {
    width: 100% !important;
    height: 38px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 13.5px !important;
    color: #333 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.bhav-input:focus,
.bhav-select:focus {
    border-color: #3085e8 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(48, 133, 232, 0.15) !important;
}
.bhav-input::placeholder {
    color: #999 !important;
    font-size: 13px !important;
}

.bhav-fields-row-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}
.bhav-fields-row-3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px !important;
}
@media (max-width: 576px) {
    .bhav-fields-row-2,
    .bhav-fields-row-3 {
        grid-template-columns: 1fr !important;
    }
}

/* Payment Methods */
.bhav-payment-label {
    display: block !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}
.bhav-payment-options {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}
@media (max-width: 576px) {
    .bhav-payment-options {
        grid-template-columns: 1fr !important;
    }
}
.method-cod {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    background: #fff !important;
    position: relative !important;
    cursor: pointer !important;
    min-height: 64px !important;
    transition: all 0.15s ease !important;
}
.method-cod:hover {
    border-color: #3085e8 !important;
}
.method-cod.active {
    border-color: #3085e8 !important;
    background: #fbfdff !important;
}
.method-cod img {
    width: 38px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}
.method-icon {
    width: 38px !important;
    height: 38px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.method-icon img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
}
.method-cod__text {
    flex: 1 !important;
    min-width: 0 !important;
    padding-right: 18px !important;
}
.method-cod__title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #222 !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
}
.method-cod__desc {
    font-size: 11.5px !important;
    color: #777 !important;
    line-height: 1.3 !important;
}
.method-cod__checked {
    position: absolute !important;
    right: 8px !important;
    bottom: 8px !important;
    display: none !important;
}
.method-cod.active .method-cod__checked {
    display: inline-flex !important;
}

/* MBBank Transfer Box & Extra payment methods */
.payment-method-bank-info,
.payment-method-extra {
    margin-top: 12px !important;
    background: #fff8f8 !important;
    border: 1px dashed #fca5a5 !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
}
.payment-method-bank-info .bank-name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #dc2626 !important;
    margin-bottom: 4px !important;
}
.payment-method-bank-info .bank-details {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 6px 0 !important;
    font-size: 13px !important;
    color: #333 !important;
}
.payment-method-bank-info .bank-details li {
    margin-bottom: 3px !important;
}
.payment-method-bank-info .acc-num {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #d63384 !important;
}
.payment-method-bank-info .bank-note {
    font-size: 12px !important;
    font-style: italic !important;
    color: #666 !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Left Column Footer */
.bhav-form-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
}
.bhav-terms-check {
    font-size: 13px !important;
    color: #444 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.bhav-terms-check input[type="checkbox"] {
    margin: 0 !important;
    cursor: pointer !important;
}
.bhav-terms-check label {
    margin: 0 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}
.bhav-terms-check a {
    color: #3085e8 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.bhav-terms-check a:hover {
    text-decoration: underline !important;
}

.bhav-btn-checkout {
    background: #3085e8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: background 0.15s ease !important;
}
.bhav-btn-checkout:hover {
    background: #1d72d6 !important;
    color: #fff !important;
}

/* Product Rows in Right Column */
.bhav-products-list {
    margin-bottom: 15px !important;
}
.cart-product {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    gap: 10px !important;
}
.cart-product:last-child {
    border-bottom: none !important;
}
.cart-product .prod__left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.cart-product .prod__image img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #eee !important;
    display: block !important;
}
.cart-product .prod__info {
    min-width: 0 !important;
    flex: 1 !important;
}
.cart-product .prod__title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #222 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.cart-product .prod__title:hover {
    color: #3085e8 !important;
}
.cart-product .prod__variation {
    font-size: 12px !important;
    color: #ef4444 !important;
    font-style: italic !important;
    margin-top: 3px !important;
}

.cart-product .prod__right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}
.quantity-stepper {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #fff !important;
}
.quantity-stepper .btn--minus,
.quantity-stepper .btn--plus {
    width: 26px !important;
    height: 26px !important;
    background: #f8fafc !important;
    border: none !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}
.quantity-stepper .btn--minus:hover,
.quantity-stepper .btn--plus:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}
.quantity-stepper .input-qty {
    width: 32px !important;
    height: 26px !important;
    border: none !important;
    border-left: 1px solid #cbd5e1 !important;
    border-right: 1px solid #cbd5e1 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}
.quantity-stepper .input-qty::-webkit-outer-spin-button,
.quantity-stepper .input-qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cart-product .prod__price {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #222 !important;
    min-width: 65px !important;
    text-align: right !important;
}
.cart-product .prod__subtotal {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #222 !important;
    min-width: 75px !important;
    text-align: right !important;
}
.cart-product .btn-removeProd {
    background: none !important;
    border: none !important;
    color: #999 !important;
    cursor: pointer !important;
    padding: 2px 4px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.cart-product .btn-removeProd:hover {
    color: #e83c30 !important;
}
.cart-product .btn-removeProd span {
    font-size: 11px !important;
    line-height: 1 !important;
    margin-top: 2px !important;
}

/* Summary Footer */
.bhav-summary-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-top: 15px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f0f0f0 !important;
}
@media (max-width: 768px) {
    .bhav-summary-footer {
        flex-direction: column-reverse !important;
    }
}
.bhav-btn-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid #3085e8 !important;
    background: #fff !important;
    color: #3085e8 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}
.bhav-btn-back:hover {
    background: #3085e8 !important;
    color: #fff !important;
}
.bhav-btn-back:hover svg {
    fill: #fff !important;
}

.bhav-summary-table {
    width: 290px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}
@media (max-width: 768px) {
    .bhav-summary-table {
        width: 100% !important;
    }
}
.bhav-summary-table .total-bill {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13.5px !important;
    color: #444 !important;
    margin-bottom: 6px !important;
}
.bhav-summary-table .total-bill .bill-val {
    font-weight: 700 !important;
    color: #dc2626 !important;
    text-align: right !important;
}
.bhav-summary-table .total-bill.total-final {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}
.bhav-summary-table .total-bill.total-final .bill-label {
    font-weight: 600 !important;
}
.bhav-summary-table .total-bill.total-final .bill-val {
    font-size: 18px !important;
    font-weight: 800 !important;
}
.bhav-intend-note {
    font-size: 12px !important;
    font-style: italic !important;
    color: #777 !important;
    text-align: right !important;
    margin-top: 4px !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   THANK YOU PAGE (MATCH LIVE SITE media_1789650872433.png)
   ========================================================================== */
.bhav-thankyou-page {
    background: #fff !important;
    padding: 0 0 50px 0 !important;
}
.bhav-thank-card {
    max-width: 900px !important;
    margin: 25px auto 40px !important;
    text-align: center !important;
    padding: 0 15px !important;
}
.bhav-thank-icon {
    max-width: 110px !important;
    margin: 0 auto 12px !important;
}
.bhav-thank-icon img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
.bhav-thank-title {
    color: #019c19 !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 14px !important;
}
.bhav-thank-ordercode {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin-bottom: 22px !important;
}
.bhav-thank-ordercode .orderId {
    background: #ececec !important;
    color: #e83c30 !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
    padding: 5px 14px !important;
    margin-left: 6px !important;
    display: inline-block !important;
}

.bhav-thank-messages {
    margin-bottom: 25px !important;
}
.bhav-thank-messages p {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #333 !important;
    margin-bottom: 6px !important;
}
.bhav-thank-messages p strong.red,
.bhav-thank-messages p strong.red a {
    color: #f80101 !important;
    font-weight: 700 !important;
}
.bhav-thank-messages p strong.blue,
.bhav-thank-messages p strong.blue a {
    color: #004aad !important;
    font-weight: 700 !important;
}

.bhav-thank-showroom {
    margin: 28px 0 32px !important;
}
.bhav-thank-showroom-title {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #222 !important;
    margin-bottom: 6px !important;
}
.bhav-thank-showroom-sub {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}
.bhav-thank-showroom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    color: #444 !important;
}
.bhav-thank-showroom-list li {
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}

.bhav-thank-company {
    padding-top: 15px !important;
}
.bhav-thank-divider {
    color: #ccc !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    font-size: 13px !important;
}
.bhav-thank-company-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}
.bhav-thank-company-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    color: #555 !important;
}
.bhav-thank-company-list li {
    margin-bottom: 5px !important;
    line-height: 1.5 !important;
}
.bhav-thank-company-list li a {
    color: #3085e8 !important;
    text-decoration: none !important;
}

/* =======================================================
   HEADER TOP-BAR (BẢO HỘ AN VIỆT - CHUẨN GIAO DIỆN GỐC)
   ======================================================= */
#top-bar,
#top-bar.header-top {
    background: #ececec !important;
    border-bottom: none !important;
    padding: 2px 0 !important;
    min-height: 28px !important;
    position: relative;
    z-index: 99;
}

@media (max-width: 992px) {
    #top-bar,
    .header-top {
        display: none !important;
    }
}

/* Căn chỉnh flex-row bên trong top-bar */
#top-bar .flex-row {
    min-height: 28px !important;
    align-items: center !important;
}

/* Tiêu đề bên trái */
#top-bar .xc-topbar,
#top-bar .html_topbar_left {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: normal !important;
}

/* Menu bên phải */
#top-bar .top-bar-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Loại bỏ đường gạch chia của Flatsome nav-divided */
#top-bar .nav-divided > li,
#top-bar .top-bar-nav > li {
    border: none !important;
    padding: 0 15px !important;
    margin: 0 !important;
    position: relative !important;
}
#top-bar .nav-divided > li + li,
#top-bar .top-bar-nav > li + li {
    border-left: none !important;
}
#top-bar .nav-divided > li::after,
#top-bar .top-bar-nav > li::after,
#top-bar .nav-divided > li::before,
#top-bar .top-bar-nav > li::before {
    display: none !important;
}

@media (max-width: 1080px) {
    #top-bar .nav-divided > li,
    #top-bar .top-bar-nav > li {
        padding: 0 6px !important;
    }
}

/* Liên kết cấp 1 */
#top-bar .top-bar-nav > li > a.nav-top-link,
#top-bar.nav-dark .top-bar-nav > li > a.nav-top-link {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #333333 !important;
    padding: 2px 0 !important;
    min-height: unset !important;
    line-height: 24px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

#top-bar .top-bar-nav > li > a.nav-top-link:hover,
#top-bar.nav-dark .top-bar-nav > li > a.nav-top-link:hover {
    color: #3085e8 !important;
}

/* Icon mũi tên xổ xuống */
#top-bar .top-bar-nav > li > a .icon-angle-down {
    margin-left: 5px !important;
    font-size: 10px !important;
    opacity: 0.7 !important;
}

/* Icon tài khoản màu xanh trước chữ Đăng nhập */
#top-bar .top-bar-nav > li#menu-item-1968 > a::before,
#top-bar .top-bar-nav > li.account > a::before,
#top-bar .top-bar-nav > li:has(a[href*="dang-nhap"]) > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 5px !important;
    background-color: #3085e8 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z'/%3E%3C/svg%3E") no-repeat center / contain !important;
    vertical-align: -1px !important;
}

/* =======================================================
   DROPDOWN MENUS TRÊN TOP-BAR
   ======================================================= */
/* Ẩn mũi tên tam giác mặc định của Flatsome */
#top-bar .nav-dropdown::after,
#top-bar .nav-dropdown::before {
    display: none !important;
}

/* Dropdown Chung */
#top-bar .sub-menu.nav-dropdown {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 4px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
    margin: 0 !important;
    top: 100% !important;
}

/* 1. Dropdown Chính sách bán hàng */
#top-bar .top-bar-nav > li#menu-item-1962 > .sub-menu,
#top-bar .top-bar-nav > li:first-child.has-dropdown > .sub-menu {
    width: 280px !important;
    min-width: 280px !important;
    padding: 6px 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

#top-bar .top-bar-nav > li#menu-item-1962 > .sub-menu li,
#top-bar .top-bar-nav > li:first-child.has-dropdown > .sub-menu li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#top-bar .top-bar-nav > li#menu-item-1962 > .sub-menu li a,
#top-bar .top-bar-nav > li:first-child.has-dropdown > .sub-menu li a {
    display: flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
    transition: all 0.2s ease !important;
}

#top-bar .top-bar-nav > li#menu-item-1962 > .sub-menu li a:hover,
#top-bar .top-bar-nav > li:first-child.has-dropdown > .sub-menu li a:hover {
    color: #3085e8 !important;
    background-color: #f8f9fa !important;
    padding-left: 18px !important;
}

/* 2. Dropdown Đăng nhập / Đăng ký */
#top-bar .top-bar-nav > li#menu-item-1968 > .sub-menu,
#top-bar .top-bar-nav > li:last-child.has-dropdown > .sub-menu {
    min-width: 170px !important;
    width: max-content !important;
    padding: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
}

#top-bar .top-bar-nav > li#menu-item-1968 > .sub-menu li,
#top-bar .top-bar-nav > li:last-child.has-dropdown > .sub-menu li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

#top-bar .top-bar-nav > li#menu-item-1968 > .sub-menu li:not(:last-child),
#top-bar .top-bar-nav > li:last-child.has-dropdown > .sub-menu li:not(:last-child) {
    border-bottom: 1px solid #eeeeee !important;
}

#top-bar .top-bar-nav > li#menu-item-1968 > .sub-menu li a,
#top-bar .top-bar-nav > li:last-child.has-dropdown > .sub-menu li a {
    display: flex !important;
    align-items: center !important;
    padding: 9px 16px !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
    transition: all 0.2s ease !important;
}

#top-bar .top-bar-nav > li#menu-item-1968 > .sub-menu li a:hover,
#top-bar .top-bar-nav > li:last-child.has-dropdown > .sub-menu li a:hover {
    color: #3085e8 !important;
    background-color: #f8f9fa !important;
}

/* =======================================================
   TRANG ĐĂNG NHẬP & ĐĂNG KÝ (.auth .form-login)
   ======================================================= */
.auth {
    background: #f4f4f4;
    padding: 45px 0;
    min-height: calc(100vh - 400px);
    display: flex;
    align-items: center;
}

.auth .inner-container,
.auth .auth-container {
    margin: 0 auto;
    max-width: 1336px;
    padding: 0 15px;
    width: 100%;
}

.auth .form-login {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 30px 25px;
    max-width: 440px;
    margin: 0 auto;
}

.auth .form-login h1 {
    color: #3085e8;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.auth .form-login .form-group {
    margin-bottom: 16px;
}

.auth .form-login .form-group label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
    color: #333333;
}

.auth .form-login .form-group label .text-danger {
    color: #dc3545;
}

.auth .form-login .form-control {
    font-size: 14px;
    height: 42px;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.auth .form-login .form-control:focus {
    border-color: #3085e8;
    box-shadow: 0 0 0 3px rgba(48, 133, 232, 0.2);
    outline: none;
}

.auth .form-login .btn-submit-anywhere {
    align-items: center;
    background: #3085e8;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 42px;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.3s;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.auth .form-login .btn-submit-anywhere:hover {
    background: #0d6efd;
    color: #fff;
}

.auth .form-login .to-login {
    font-size: 14px;
    text-align: center;
    margin-top: 18px;
    color: #666;
}

.auth .form-login .to-login a {
    color: #0a53be;
    font-weight: 600;
    text-decoration: none;
}

.auth .form-login .to-login a:hover {
    text-decoration: underline;
}

.auth .auth-alert {
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 13.5px;
}
.auth .auth-alert--danger {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}
.auth .auth-alert--success {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

/* ==========================================================================
   HEADER MAIN / MASTHEAD (CLONE BẢN GỐC BAOHOANVIET.VN)
   ========================================================================== */

/* 1. Header Main Container & Spacing (Desktop) */
#masthead,
#masthead.header-main {
    position: relative !important;
    z-index: 50 !important;
}

@media (min-width: 850px) {
    #masthead.header-main {
        background-color: #ffffff !important;
    }
}

#masthead .header-inner {
    min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
}

#masthead .top-divider {
    border-top: 1px solid #eeeeee !important;
    margin: 0 !important;
}

/* 2. Logo */
#masthead #logo {
    max-width: 250px;
    margin-right: 20px;
}

#masthead #logo a {
    display: inline-flex;
    align-items: center;
}

#masthead #logo img {
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* 3. Search Form (Tương tự .header__search của bản gốc) */
#masthead .header-search-form {
    width: 100%;
    max-width: 410px;
    margin: 0 !important;
}

#masthead .searchform-wrapper {
    width: 100%;
}

#masthead form.searchform {
    margin: 0 !important;
}

#masthead form.searchform > .flex-row {
    display: flex !important;
    align-items: stretch !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    height: 38px !important;
    margin: 0 !important;
    transition: none !important;
}

#masthead form.searchform > .flex-row:focus-within {
    box-shadow: none !important;
    outline: none !important;
}

#masthead form.searchform > .flex-row > .flex-col {
    padding: 0 !important;
    margin: 0 !important;
}

#masthead form.searchform > .flex-row > .flex-col.flex-grow {
    flex: 1 1 auto !important;
}

#masthead form.searchform .search-field {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    color: #333333 !important;
    border-radius: 5px 0 0 5px !important;
}

#masthead form.searchform .search-field:focus,
#masthead form.searchform .search-field:focus-visible,
#masthead form.searchform input[type="search"]:focus,
#masthead form.searchform input[type="search"]:focus-visible,
.searchform input[type="search"]:focus,
.searchform input[type="search"]:focus-visible,
.searchform .search-field:focus,
.searchform .search-field:focus-visible,
.searchform .flex-row:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

#masthead form.searchform .search-field::placeholder {
    color: #888888 !important;
    font-size: 13.5px !important;
}

#masthead form.searchform .ux-search-submit {
    background-color: #3085e8 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    height: 100% !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease !important;
}

#masthead form.searchform .ux-search-submit:hover {
    background-color: #1a71d6 !important;
}

#masthead form.searchform .ux-search-submit i.icon-search {
    font-size: 14px !important;
    line-height: 1 !important;
}

#masthead form.searchform .ux-search-submit::after {
    content: "Tìm kiếm";
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

/* Live Search Autocomplete Suggestions - nổi rõ ràng, đè lên thanh #wide-nav */
#masthead .live-search-results,
.header-search-form .live-search-results,
.searchform .live-search-results {
    z-index: 99999 !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.18), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    margin-top: 4px !important;
}

#masthead .autocomplete-suggestions,
.header-search-form .autocomplete-suggestions,
.searchform .autocomplete-suggestions {
    background-color: #ffffff !important;
    max-height: 70vh !important;
}

#masthead .autocomplete-suggestion,
.header-search-form .autocomplete-suggestion,
.searchform .autocomplete-suggestion {
    padding: 10px 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background-color: #ffffff !important;
    transition: background-color 0.15s ease !important;
}

#masthead .autocomplete-suggestion:hover,
#masthead .autocomplete-suggestion.autocomplete-selected,
.header-search-form .autocomplete-suggestion:hover,
.header-search-form .autocomplete-suggestion.autocomplete-selected,
.searchform .autocomplete-suggestion:hover,
.searchform .autocomplete-suggestion.autocomplete-selected {
    background-color: #f1f5f9 !important;
}

/* 4. Right Navigation & Cart Item */
#masthead .header-nav-main.nav-right {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
}

#masthead .header-nav-main.nav-right > li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. Header Cart - Chuẩn hóa link thuần không dropdown, không hover bug */
#masthead .cart-item,
#masthead .cart-item *,
#masthead .cart-item strong,
#masthead .cart-item span {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

#masthead .cart-item {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: transparent !important;
}

/* Triệt tiêu hoàn toàn dropdown, mũi tên tam giác, quai túi và mọi hiệu ứng hover của Flatsome */
#masthead .cart-item::before,
#masthead .cart-item::after,
#masthead .cart-item:hover::before,
#masthead .cart-item:hover::after,
#masthead .cart-item.current-dropdown::before,
#masthead .cart-item.current-dropdown::after,
#masthead .cart-item.has-dropdown::before,
#masthead .cart-item.has-dropdown::after,
#masthead .cart-item .nav-dropdown,
#masthead .cart-item:hover .nav-dropdown,
#masthead .cart-item.current-dropdown .nav-dropdown {
    display: none !important;
    content: none !important;
    border: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#masthead .cart-item > a.header-cart-link {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    min-height: 38px !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

#masthead .cart-item > a.header-cart-link:hover,
#masthead .cart-item > a.header-cart-link:focus,
#masthead .cart-item:hover > a.header-cart-link {
    background: transparent !important;
    opacity: 0.9 !important;
}

/* Tắt pseudo-element ::before cũ để tránh xung đột */
#masthead .cart-item > a.header-cart-link::before {
    display: none !important;
    content: none !important;
}

/* Icon xe đẩy siêu thị màu đen - DOM element độc lập, KHÔNG BAO GIỜ BỊ MẤT KHI HOVER MỤC KHÁC */
#masthead .cart-item .cart-custom-icon,
#masthead .header-nav:hover > li:not(:hover) .cart-custom-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    background: url('icon_cart.png') center / contain no-repeat !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Text bọc 2 dòng: Giỏ hàng / Số lượng */
#masthead .cart-item .header-cart-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

/* Dòng 1: Tiêu đề "Giỏ hàng" */
#masthead .cart-item .header-cart-title {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #2b80e4 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-transform: none !important;
}

/* Dòng 2: Trạng thái giỏ hàng (Chưa có sp / Có x sản phẩm) */
#masthead .cart-item .header-cart-count {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-transform: none !important;
}

/* Ẩn giá tiền và cấu trúc cũ nếu còn sót lại */
#masthead .cart-item .cart-price,
#masthead .cart-item .cart-icon {
    display: none !important;
}

/* 6. Custom Header Actions (Tra cứu đơn hàng, Hỏi đáp) */
#masthead .bhav-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

#masthead .bhav-header-action {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: #2b80e4 !important;
    transition: all 0.2s ease !important;
}

#masthead .bhav-header-action:hover {
    opacity: 0.85 !important;
    color: #1a71d6 !important;
}

#masthead .bhav-header-action__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2b80e4 !important;
    flex-shrink: 0 !important;
}

/* Tra cứu đơn hàng: Icon trang giấy đặc màu xanh, vạch trắng */
#masthead .bhav-check-order-btn .bhav-header-action__icon svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
}

#masthead .bhav-check-order-btn .bhav-header-action__icon svg path {
    fill: #2b80e4 !important;
    stroke: #2b80e4 !important;
}

#masthead .bhav-check-order-btn .bhav-header-action__icon svg polyline {
    fill: #ffffff !important;
    stroke: #2b80e4 !important;
    stroke-width: 1.5px !important;
}

#masthead .bhav-check-order-btn .bhav-header-action__icon svg line {
    stroke: #ffffff !important;
    stroke-width: 2.2px !important;
}

/* Hỏi đáp: Icon dấu hỏi tròn màu xanh */
#masthead .bhav-header-action:not(.bhav-check-order-btn):not(.bhav-header-action--hotline) .bhav-header-action__icon svg {
    width: 28px !important;
    height: 28px !important;
    stroke: #2b80e4 !important;
    stroke-width: 2 !important;
    display: block !important;
}

#masthead .bhav-header-action__text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    text-align: left !important;
}

#masthead .bhav-header-action__text strong {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2b80e4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    display: block !important;
    line-height: 1.2 !important;
}

#masthead .bhav-header-action__text small {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #2b80e4 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    display: block !important;
    line-height: 1.2 !important;
}

/* Ẩn hoàn toàn mục Hotline trên header chính theo bản gốc */
#masthead .bhav-header-action--hotline,
#masthead a[title*="Hotline"],
#masthead a[href^="tel:"],
#masthead .html_topbar_right a[href*="tel:"] {
    display: none !important;
}

/* 7. Responsive Adjustments */
@media (max-width: 992px) {
    #masthead .header-inner {
        min-height: 58px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    #masthead #logo img {
        max-height: 42px !important;
    }
}

/* ========================================================
   8. Trang Hỏi Đáp (Câu hỏi thường gặp - /hoi-dap)
   Chuẩn hóa theo https://baohoanviet.vn/hoi-dap
   ======================================================== */
.faqList {
    background: #fff;
    display: block;
    overflow: hidden;
    padding: 30px 0 50px 0;
    width: 100%;
}
.faqList .inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.faqList__title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 25px;
    width: 100%;
}
.faqList .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.faqList .col-12.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .faqList .col-12.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.faqList a {
    text-decoration: none;
    display: block;
}
.faqList__item {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    min-height: 76px;
    padding: 12px 18px;
    transition: all 0.25s ease;
    border: 1px solid transparent;
}
.faqList__item:hover {
    background-color: #eef5fc;
    border-color: #bedaf7;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(43, 128, 228, 0.08);
}
.faqList__item__image {
    margin-right: 15px;
    flex-shrink: 0;
}
.faqList__item__image img {
    height: 40px;
    width: 40px;
    object-fit: contain;
    display: block;
}
.faqList__item__title {
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    word-break: break-word;
    line-height: 1.35;
    transition: color 0.2s ease;
}
.faqList__item:hover .faqList__item__title {
    color: #2b80e4;
}

/* ==========================================================================
   HEADER BOTTOM NAVIGATION (#wide-nav) - CLONE THEO BẢN GỐC
   ========================================================================== */

/* 1. Khung thanh điều hướng (#wide-nav) */
#wide-nav {
    background-color: #3085e8 !important;
    min-height: 40px !important;
    height: 40px !important;
    border: none !important;
    padding: 0 !important;
    position: relative;
    z-index: 25 !important;
}

#wide-nav .container {
    max-width: 1336px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#wide-nav > .flex-row {
    min-height: 40px !important;
    height: 40px !important;
    align-items: stretch !important;
}

/* Căn chỉnh các cột trong thanh điều hướng */
#wide-nav .flex-col.flex-left {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#wide-nav .flex-col.flex-center {
    flex: 1 1 auto !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#wide-nav .flex-col.flex-right {
    display: none !important;
}

/* 2. Nút danh mục sản phẩm (Vertical Menu Opener) */
#wide-nav .header-vertical-menu {
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
}

#wide-nav .header-vertical-menu__opener {
    background-color: #e3411f !important;
    color: #ffffff !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: 45px !important;
    min-height: 45px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    border-radius: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

#wide-nav .header-vertical-menu__icon {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 10px !important;
}

#wide-nav .header-vertical-menu__icon i {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

#wide-nav .header-vertical-menu__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    color: #ffffff !important;
    flex: 1 !important;
    white-space: nowrap !important;
}

#wide-nav .header-vertical-menu__opener i.icon-angle-down {
    display: none !important; /* Bản gốc không có mũi tên ở thanh tiêu đề */
}

/* Khi cuon trang (header stuck): An #wide-nav de chi giu thanh trang #masthead sticky chuan theo ban goc */
.header-wrapper.stuck #wide-nav {
    display: none !important;
}

/* 3. Bang danh muc tha xuong (Fly-out Menu) */
#wide-nav .header-vertical-menu__fly-out {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    background: #ffffff !important;
    border: 1px solid #b4b4b4 !important;
    border-top: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    top: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    position: absolute !important;
    z-index: 99 !important;
}

#wide-nav .header-vertical-menu:hover .header-vertical-menu__fly-out,
#wide-nav .header-vertical-menu__fly-out--open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Menu doc co dinh trong Cot 1 cua Section Hero (trang chu) */
.xc-home-hero .header-vertical-menu__fly-out {
    position: static !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #b4b4b4 !important;
    border-top: none !important;
    background: #ffffff !important;
    margin: 0 !important;
    margin-top: -10px !important; /* Cham khit day nut cam DANH MUC SAN PHAM o #wide-nav */
    box-sizing: border-box !important;
    z-index: 99 !important;
}

.xc-home-hero,
.xc-home-hero .section-content,
.xc-home-hero > .section-content > .row,
.xc-home-hero > .section-content > .row > .col:first-child,
.xc-home-hero > .section-content > .row > .col:first-child .col-inner {
    overflow: visible !important;
}

.xc-home-hero > .section-content > .row > .col:first-child {
    z-index: 30 !important;
    position: relative !important;
}

#wide-nav .menu-menu-doc-container,
#wide-nav ul.ux-nav-vertical-menu,
.xc-home-hero .menu-menu-doc-container,
.xc-home-hero ul.ux-nav-vertical-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

/* Cac muc danh muc cha */
#wide-nav .nav-vertical-fly-out > li,
.xc-home-hero .nav-vertical-fly-out > li {
    border-bottom: 1px solid #eeeeee !important;
    border-left: 3px solid transparent !important;
    border-right: none !important;
    border-top: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: static !important; /* Giup submenu mo ngang toan bo chieu cao cua menu chinh */
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
    background-color: #ffffff !important;
}

#wide-nav .nav-vertical-fly-out > li:last-child,
.xc-home-hero .nav-vertical-fly-out > li:last-child {
    border-bottom: none !important;
}

#wide-nav .nav-vertical-fly-out > li:hover,
.xc-home-hero .nav-vertical-fly-out > li:hover {
    border-left-color: #3085e8 !important;
    background-color: #ffffff !important;
}

/* Link danh muc cha */
#wide-nav .nav-vertical-fly-out > li > a.nav-top-link,
.xc-home-hero .nav-vertical-fly-out > li > a.nav-top-link {
    display: flex !important;
    align-items: center !important;
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 7px 8px !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: color 0.2s ease !important;
}

#wide-nav .nav-vertical-fly-out > li:hover > a.nav-top-link,
.xc-home-hero .nav-vertical-fly-out > li:hover > a.nav-top-link {
    color: #3085e8 !important;
}

/* Icon anh danh muc */
#wide-nav .nav-vertical-fly-out > li > a img.ux-menu-icon,
.xc-home-hero .nav-vertical-fly-out > li > a img.ux-menu-icon {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    margin-right: 8px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    display: block !important;
}

/* Mui ten tro sang phai */
#wide-nav .nav-vertical-fly-out > li > a i.icon-angle-down,
.xc-home-hero .nav-vertical-fly-out > li > a i.icon-angle-down {
    margin-left: auto !important;
    margin-right: 0 !important;
    font-size: 12px !important;
    color: #999999 !important;
    transform: rotate(-90deg) !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

#wide-nav .nav-vertical-fly-out > li:hover > a i.icon-angle-down,
.xc-home-hero .nav-vertical-fly-out > li:hover > a i.icon-angle-down {
    color: #3085e8 !important;
}

/* 4. Menu con tha ngang (Submenu / Mega Menu) */
#wide-nav .nav-vertical-fly-out > li > .nav-dropdown,
.xc-home-hero .nav-vertical-fly-out > li > .nav-dropdown {
    position: absolute !important;
    top: -1px !important;
    left: 100% !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    height: calc(100% + 2px) !important;
    max-height: calc(100% + 2px) !important;
    background: #ffffff !important;
    border: 1px solid #b4b4b4 !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1) !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    z-index: 100 !important;
}

#wide-nav .nav-vertical-fly-out > li:hover > .nav-dropdown,
.xc-home-hero .nav-vertical-fly-out > li:hover > .nav-dropdown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Bo cac mui ten mac dinh cua dropdown Flatsome */
#wide-nav .nav-vertical-fly-out .nav-dropdown::before,
#wide-nav .nav-vertical-fly-out .nav-dropdown::after,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown::before,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown::after {
    display: none !important;
}

/* Muc ben trong menu con */
#wide-nav .nav-vertical-fly-out .nav-dropdown > li,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown > li {
    border-bottom: 1px solid #eeeeee !important;
    border-left: 3px solid transparent !important;
    border-right: none !important;
    border-top: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
    background: #ffffff !important;
}

#wide-nav .nav-vertical-fly-out .nav-dropdown > li:last-child,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown > li:last-child {
    border-bottom: none !important;
}

#wide-nav .nav-vertical-fly-out .nav-dropdown > li:hover,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown > li:hover {
    border-left-color: #3085e8 !important;
    background: #ffffff !important;
}

#wide-nav .nav-vertical-fly-out .nav-dropdown > li > a,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown > li > a {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    color: #333333 !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    border: none !important;
    background: transparent !important;
    white-space: nowrap !important;
    line-height: normal !important;
    transition: color 0.2s ease !important;
}

#wide-nav .nav-vertical-fly-out .nav-dropdown > li:hover > a,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown > li:hover > a {
    color: #3085e8 !important;
}

/* Thanh cuon tinh gon cho submenu */
#wide-nav .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#wide-nav .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar-track,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

#wide-nav .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar-thumb,
.xc-home-hero .nav-vertical-fly-out .nav-dropdown::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0;
}

/* 5. Thanh menu ngang (.header-bottom-nav.nav-center) */
#wide-nav ul.header-bottom-nav.nav-center {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 20px !important;
    height: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

#wide-nav ul.header-bottom-nav.nav-center > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}

#wide-nav ul.header-bottom-nav.nav-center > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    letter-spacing: normal !important;
    border: none !important;
    background: transparent !important;
    transition: color 0.3s ease !important;
}

#wide-nav ul.header-bottom-nav.nav-center > li > a::before,
#wide-nav ul.header-bottom-nav.nav-center > li > a::after {
    display: none !important;
}

/* Trạng thái Hover & Active của menu ngang */
#wide-nav ul.header-bottom-nav.nav-center > li:hover > a,
#wide-nav ul.header-bottom-nav.nav-center > li.active > a,
#wide-nav ul.header-bottom-nav.nav-center > li.current-menu-item > a {
    color: #ffed56 !important;
    background: transparent !important;
}

/* Mục vàng đặc biệt: "Đăng ký đại lý" */
#wide-nav ul.header-bottom-nav.nav-center > li:last-child > a,
#wide-nav ul.header-bottom-nav.nav-center > li#menu-item-673 > a {
    color: #ffed56 !important;
}

#wide-nav ul.header-bottom-nav.nav-center > li:last-child:hover > a,
#wide-nav ul.header-bottom-nav.nav-center > li#menu-item-673:hover > a {
    color: #ffffff !important;
}


/* Fix product image height & crop */
.product-small .box-image .image-none img,
.product-small .box-image .image-cover img {
    object-position: top !important;
    object-fit: cover !important;
}

/* Hide default Flatsome yellow stars if they appear */
.product-small .box-text > .star-rating {
    display: none !important;
}

/* Taxonomy Filters */
.bhv-tax-filters {
    margin-bottom: 30px;
}
.bhv-filter-group {
    margin-bottom: 15px;
}
.bhv-filter-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111;
    margin-bottom: 10px !important;
}
.bhv-filter-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.bhv-term-link {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #555;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.2s;
    background: #fff;
}
.bhv-term-link:hover,
.bhv-term-link.active {
    border-color: #0073ea;
    color: #0073ea;
}
.bhv-term-link.active {
    font-weight: 600;
}



/* ==========================================================================
   VISUAL ALIGNMENT & RESPONSIVE POLISH (HERO, HEADER, CATALOG, PRODUCTS)
   ========================================================================== */
@media (min-width: 850px) {
    .xc-home-hero { padding-top: 15px !important; }
    .xc-home-hero .slider .flickity-viewport,
    .xc-home-hero .slider .img-inner,
    .xc-home-hero .slider img { height: 442px !important; }
    .xc-home-hero .slider img { object-fit: cover; }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child > .col-inner { height: 442px !important; }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:first-child { flex: 0 0 63% !important; max-width: 63% !important; width: 63% !important; }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child { flex: 0 0 37% !important; max-width: 37% !important; width: 37% !important; }
    #top-bar { min-height: 28px !important; height: 28px !important; }
    #top-bar > .container { min-height: 28px !important; padding-left: 15px !important; padding-right: 15px !important; }
    #masthead, #masthead .header-inner { height: 82px !important; min-height: 82px !important; }
    #masthead .header-inner { padding: 10px 15px !important; }
    #masthead #logo {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
        flex: 0 0 230px !important;
        margin-right: 0 !important;
        padding-right: 15px !important;
    }
    #masthead #logo img {
        max-width: 100% !important;
        max-height: 52px !important;
        width: auto !important;
        object-fit: contain !important;
    }
    #masthead .header-search-form { max-width: 394px !important; }
    #masthead form.searchform .ux-search-submit {
        padding: 0 8px !important;
        gap: 5px !important;
        white-space: nowrap !important;
        flex-wrap: nowrap !important;
        min-width: 100px !important;
        width: 100px !important;
        justify-content: center !important;
    }
    #masthead form.searchform .ux-search-submit i.icon-search {
        margin: 0 !important;
        font-size: 14px !important;
        flex-shrink: 0 !important;
        display: inline-block !important;
    }
    #masthead form.searchform .ux-search-submit::after {
        white-space: nowrap !important;
        font-size: 13.5px !important;
        margin: 0 !important;
    }
    #wide-nav, #wide-nav .flex-row { min-height: 45px !important; }
    #wide-nav ul.header-bottom-nav.nav-center > li > a { height: 45px !important; font-size: 14px !important; padding: 0 14px !important; }
    #wide-nav ul.header-bottom-nav.nav-center > li.current-menu-item:not(:last-child) > a { color: #fff !important; }
    #footer .section-content > .row:first-child > .col:first-child { flex-basis: 50% !important; max-width: 50% !important; }
    #footer .section-content > .row:first-child > .col:nth-child(2),
    #footer .section-content > .row:first-child > .col:nth-child(3) { flex-basis: 25% !important; max-width: 25% !important; }
    .archive.woocommerce .products > .product-small.col { flex-basis: 20% !important; max-width: 20% !important; padding: 0 10px 20px !important; }
    .single-product .product-detail__top > .large-5,
    .single-product .product-detail__top > .large-4 { flex-basis: 37.5% !important; max-width: 37.5% !important; }
    .single-product .product-detail__title { font-size: 18px !important; line-height: 1.5 !important; }
}
.single-product .sale-24h {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 10px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    margin: 12px 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
}
.single-product .sale-24h--left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ff9800 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.single-product .sale-24h--right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
}
.single-product .sale-24h--countdown-wrap {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.single-product .sale-24h--countdown-wrap .countdown {
    color: #e60000 !important;
    font-weight: 700 !important;
    margin-left: 4px !important;
    white-space: nowrap !important;
}
.single-product .sale-24h--stock {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    color: #333333 !important;
}
.single-product .sale-24h--stock strong {
    font-weight: 700 !important;
}

/* Khoảng cách thoáng phía trên Thêm vào giỏ & Chọn số lượng */
.product-detail__cart-wrapper {
    margin-top: 20px !important;
    padding-top: 6px !important;
}
.product-detail__cart-wrapper form.cart {
    margin-top: 6px !important;
    margin-bottom: 16px !important;
}
.product-detail__cart-wrapper .woocommerce-variation-add-to-cart > .product-actions-break,
.product-detail__cart-wrapper form.cart > .product-actions-break {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 22px !important;
    margin: 0 !important;
}

/* Sidebar 'Có thể bạn quan tâm' padding & layout */
.sidebarBlock.best-sales {
    background: #ffffff !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.sidebarBlock.best-sales .sidebarBlock__title {
    background: #ffffff !important;
    border-bottom: 1px solid #b4b4b4 !important;
    color: #000000 !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    padding: 10px 14px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    width: 100% !important;
}
.sidebarBlock.best-sales .best-sales__list {
    padding: 12px 14px !important;
    margin: 0 !important;
}
.sidebarBlock.best-sales .best-sales-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
}
.sidebarBlock.best-sales .best-sales-item:last-child {
    border-bottom: none !important;
    padding-bottom: 4px !important;
}
.sidebarBlock.best-sales .best-sales-thumb {
    width: 65px !important;
    height: 65px !important;
    flex-shrink: 0 !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.sidebarBlock.best-sales .best-sales-thumb a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.sidebarBlock.best-sales .best-sales-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.sidebarBlock.best-sales .best-sales-info {
    flex: 1 1 auto !important;
    overflow: hidden !important;
}
.sidebarBlock.best-sales .best-sales-title {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
    font-weight: 500 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.sidebarBlock.best-sales .best-sales-title a {
    color: #222222 !important;
    text-decoration: none !important;
}
.sidebarBlock.best-sales .best-sales-title a:hover {
    color: #3085e8 !important;
}
.sidebarBlock.best-sales .best-sales-rating {
    font-size: 11px !important;
    color: #ffb806 !important;
    letter-spacing: 1px !important;
    margin-bottom: 2px !important;
}
.sidebarBlock.best-sales .best-sales-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #e60000 !important;
}
/* Product detail policy 4 boxes */
.product-detail__policy {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    background: #f6f4f4 !important;
    border-radius: 5px !important;
    padding: 10px 0 !important;
    margin: 12px 0 !important;
    width: 100% !important;
}
.product-detail__policy .policy {
    flex: 1 1 0% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 5px !important;
    border-right: 1px solid #fd6132 !important;
}
.product-detail__policy .policy:last-child {
    border-right: none !important;
}
.product-detail__policy .policy img,
.product-detail__policy .policy .icon {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    margin: 0 auto 8px !important;
    display: block !important;
}
.product-detail__policy .policy .text {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    color: #333333 !important;
    text-align: center !important;
}
#footer .section-content > .row:first-child > .col:first-child .img { max-width: 200px !important; margin-left: 0 !important; margin-right: 0 !important; }
#footer h3 { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
#footer p, #footer li { font-size: 14px !important; line-height: 1.5 !important; }
#footer li { margin-bottom: 5px !important; }
.xc-home-products .price-wrapper::before,
.xc-home-products .price-wrapper::after { content: none !important; display: none !important; }
.bhv-loop-rating { width: 100%; }
.bhv-loop-rating .star-rating { display: block !important; }
.archive.woocommerce .category-page-title .page-title-inner { min-height: 42px !important; padding-top: 0 !important; padding-bottom: 8px !important; }
.bhav-catalog-heading,
.archive.woocommerce h1.page-title,
.archive.woocommerce h1 { font-size: 18px !important; font-weight: 700 !important; text-transform: uppercase !important; margin: 10px 0 !important; text-align: left !important; color: #333333 !important; }
.bhv-tax-filters { margin-bottom: 12px; }
.bhv-filter-terms { padding-left: 0 !important; gap: 6px !important; display: flex !important; flex-wrap: wrap !important; margin: 0 !important; }
.bhv-term-link { padding: 5px 10px !important; border: 1px solid #ccc !important; border-radius: 4px !important; font-size: 13.5px !important; color: #333 !important; background: #fff !important; display: inline-block !important; margin: 3px 0 !important; text-decoration: none !important; }
.bhv-term-link.active, .bhv-term-link:hover { border-color: #3085e8 !important; color: #3085e8 !important; }
/* Trang Archive / Danh mục sản phẩm: Nền xám #f4f4f4 theo web gốc */
body.archive,
body.archive #main,
.archive.woocommerce #main {
    background-color: #f4f4f4 !important;
}

.bhav-catalog-sort {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    background: transparent !important;
    padding: 8px 0 !important;
    margin-bottom: 15px !important;
    border: none !important;
    font-size: 14px !important;
}
.bhav-catalog-sort span {
    font-weight: 500 !important;
    color: #333333 !important;
}
.bhav-catalog-sort form {
    margin: 0 !important;
}
.bhav-catalog-sort select {
    margin: 0 !important;
    width: 145px !important;
    height: 34px !important;
    font-size: 13.5px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px 12px !important;
    padding: 0 28px 0 12px !important;
    color: #333333 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
.archive.woocommerce .shop-container .products.row,
.archive.woocommerce .products {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    padding: 15px 5px 0 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}
.bhav-archive-description-wrap {
    width: 100% !important;
    margin-top: 25px !important;
    margin-bottom: 30px !important;
    clear: both !important;
}
.archive.woocommerce .term-description,
.archive.woocommerce .bhav-term-description {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    padding: 25px 30px 20px 30px !important;
    margin: 0 !important;
    color: #333333 !important;
    line-height: 1.6 !important;
    position: relative !important;
    box-sizing: border-box !important;
}
.bhav-desc-content.content {
    overflow: hidden !important;
    position: relative !important;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    line-height: 1.6 !important;
    color: #333333 !important;
}
.bhav-desc-content.content.content--max-height::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 110px !important;
    background: linear-gradient(rgba(255, 255, 255, 0), #ffffff) !important;
    pointer-events: none !important;
    user-select: none !important;
}
.bhav-desc-action {
    text-align: center !important;
    margin-top: 15px !important;
    position: relative !important;
    z-index: 2 !important;
}
.content-max-height .viewMoreContent,
.bhav-view-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    border: 1px solid #2f80ed !important;
    border-radius: 5px !important;
    color: #2f80ed !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 8px 22px !important;
    margin: 0 auto !important;
    transition: all 0.2s ease-in-out !important;
    user-select: none !important;
    outline: none !important;
}
.content-max-height .viewMoreContent:hover,
.bhav-view-more-btn:hover {
    background: #f0f7ff !important;
    border-color: #1a6dd6 !important;
    color: #1a6dd6 !important;
}
.content-max-height .viewMoreContent svg,
.bhav-view-more-btn svg,
.bhav-desc-icon {
    stroke: currentColor !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: transform 0.25s ease !important;
    transform: rotate(0deg) !important;
}
.content-max-height .viewMoreContent.show svg,
.bhav-view-more-btn.show svg,
.bhav-view-more-btn.show .bhav-desc-icon {
    transform: rotate(180deg) !important;
}
.archive.woocommerce .term-description h1,
.archive.woocommerce .term-description h2,
.archive.woocommerce .term-description h3,
.bhav-desc-content h1,
.bhav-desc-content h2,
.bhav-desc-content h3 {
    color: #212529 !important;
    font-weight: 700 !important;
    margin-top: 18px !important;
    margin-bottom: 10px !important;
}
.bhav-desc-content h1 { font-size: 24px !important; }
.bhav-desc-content h2 { font-size: 20px !important; }
.bhav-desc-content h3 { font-size: 17px !important; }
.archive.woocommerce .term-description p,
.bhav-desc-content p {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #444444 !important;
    margin-bottom: 12px !important;
}
.bhav-desc-content ul,
.bhav-desc-content ol {
    margin-left: 24px !important;
    margin-bottom: 14px !important;
}
.bhav-desc-content li {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #444444 !important;
    margin-bottom: 8px !important;
}
.bhav-desc-content a {
    color: #3085e8 !important;
    text-decoration: underline !important;
}
.bhav-desc-content figure.image {
    display: table !important;
    margin: 16px auto !important;
    max-width: 100% !important;
    text-align: center !important;
}
.archive.woocommerce .term-description img,
.bhav-desc-content img {
    border-radius: 6px 6px 0 0 !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
.bhav-desc-content figure.image figcaption {
    background-color: #f2f2f2 !important;
    font-size: 13.5px !important;
    font-style: italic !important;
    padding: 8px 14px !important;
    text-align: center !important;
    color: #555555 !important;
    border-radius: 0 0 6px 6px !important;
    display: block !important;
}
@media (max-width: 849px) {
    .archive.woocommerce .term-description,
    .archive.woocommerce .bhav-term-description {
        padding: 15px 15px 12px 15px !important;
    }
}

/* Phân trang chuẩn web gốc baohoanviet.vn (media_1789921208383.png) */
.archive.woocommerce .woocommerce-pagination,
.woocommerce-pagination {
    margin: 25px 0 15px !important;
    text-align: center !important;
}
.archive.woocommerce .nav-pagination,
.woocommerce-pagination .nav-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.archive.woocommerce .nav-pagination li,
.woocommerce-pagination .nav-pagination li {
    margin: 0 !important;
    padding: 0 !important;
}
/* Các nút phân trang: bo góc 4px, viền xanh #3085e8, chữ xanh, nền trắng */
.archive.woocommerce .nav-pagination .page-number,
.woocommerce-pagination .page-number,
.nav-pagination > li > .page-number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background-color: #ffffff !important;
    border: 1px solid #3085e8 !important;
    color: #3085e8 !important;
    margin: 0 !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}
.archive.woocommerce .nav-pagination .page-number.prev,
.archive.woocommerce .nav-pagination .page-number.next,
.woocommerce-pagination .page-number.prev,
.woocommerce-pagination .page-number.next {
    padding: 0 14px !important;
}
/* Hover */
.archive.woocommerce .nav-pagination a.page-number:hover,
.woocommerce-pagination a.page-number:hover,
.nav-pagination > li > a.page-number:hover {
    color: #1976d2 !important;
    border-color: #1976d2 !important;
    background-color: #f0f7ff !important;
}
/* Active (Current) */
.archive.woocommerce .nav-pagination .page-number.current,
.woocommerce-pagination .page-number.current,
.archive.woocommerce .nav-pagination li span.current,
.woocommerce-pagination li span.current,
.nav-pagination > li > span.current,
.nav-pagination > li > .current {
    background-color: #3085e8 !important;
    border-color: #3085e8 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
/* Disabled (Trang trước khi ở trang 1, Trang sau khi ở trang cuối) */
.archive.woocommerce .nav-pagination .page-number.disabled,
.woocommerce-pagination .page-number.disabled {
    border-color: #b8d6fa !important;
    color: #a3cbf7 !important;
    background-color: #ffffff !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
/* Text số lượng bản ghi bên dưới */
.bhav-pagination-count {
    font-size: 13.5px !important;
    color: #555555 !important;
    margin-top: 10px !important;
    text-align: center !important;
}
.archive.woocommerce .product-small.box {
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
}
.archive.woocommerce .product-small.box:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-color: #3085e8 !important;
}
.archive.woocommerce .product-small .box-image img {
    aspect-ratio: 1;
    object-fit: contain !important;
}
.archive.woocommerce .product-small .name.product-title a,
.archive.woocommerce .product-small .name a {
    font-size: 15px !important;
    line-height: 21px !important;
    height: 42px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.archive.woocommerce .product-small .price,
.archive.woocommerce .product-small .amount {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #dc3325 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Single Product Detail Exact Alignment */
.single-product .product-detail__title,
.single-product h1.product-title { font-size: 18px !important; font-weight: 700 !important; color: #000000 !important; line-height: 1.4 !important; }
.single-product .price { color: #333333 !important; }
.single-product .sale-24h { height: auto !important; min-height: 38px !important; padding: 6px 12px !important; border: 1px solid #b4b4b4 !important; border-radius: 10px !important; font-size: 13.5px !important; margin: 12px 0 !important; }
@media (max-width: 768px) {
    .single-product .sale-24h {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        padding: 8px 10px !important;
        gap: 6px !important;
    }
    .single-product .sale-24h--left {
        justify-content: center !important;
    }
    .single-product .sale-24h--right {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
}
.product-detail__policy { background-color: #f6f4f4 !important; border-radius: 5px !important; margin: 0 0 16px !important; padding: 10px !important; }

/* Independent Information Pages (Giới thiệu, Liên hệ, Chính sách) */
.bhav-information-page #main { background: #f4f4f4; color: #212121; }
.bhav-information-page #content { padding-top: 20px !important; padding-bottom: 25px !important; }
.bhav-information-page #content > .row > .col { padding-bottom: 0; }
.bhav-information-page.page-template-page-blank #content { max-width: 1300px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.bhav-information-heading { border-bottom: 2px solid #ddd !important; margin-bottom: 10px !important; }
.bhav-information-heading h1,
.bhav-information-page h1 { display: inline-block !important; width: auto !important; font-size: 18px !important; font-weight: 600 !important; line-height: 21.6px !important; color: #333333 !important; background: #fff !important; border-radius: 5px 5px 0 0 !important; padding: 8px 10px !important; margin: 0 !important; }
.bhav-information-page #content p,
.bhav-information-page #content li { font-size: 14px !important; line-height: 1.6 !important; color: #333333 !important; margin-bottom: 14px !important; }
.bhav-information-page #content ul { margin-left: 30px; }
.bhav-information-page #content h2, .bhav-information-page #content h3 { font-size: 16px; line-height: 1.5; margin-bottom: 16px; color: #333333 !important; font-weight: 600 !important; }
.bhav-about-video { width: min(560px, 100%); margin: 0 auto 55px; }
.bhav-about-video iframe { width: 100%; aspect-ratio: 16/9; height: auto; border: 0; display: block; }
.bhav-auth-page .rank-math-breadcrumb { display: none; }
.bhav-auth-page #content { padding: 0 !important; }
.bhav-auth-page .auth { padding: 45px 15px !important; background: #fff url('assets/reference/bg_register.png') repeat-x center bottom !important; }
.bhav-auth-page .auth .form-login { max-width: 400px; padding: 20px; border-radius: 2px; }
.bhav-auth-page .auth .form-login h1 { font-size: 18px; margin-bottom: 25px; }
.bhav-auth-page .auth .form-login input { height: 35px; margin-bottom: 0; }
.bhav-auth-page .auth .form-group { margin-bottom: 16px; }
.bhav-auth-page .auth .btn-submit-anywhere { height: 36px; background: #3085e8; font-size: 14px; }
.products .product-small.box .box-image,
.xc-home-products .product-small.box .box-image { width: 100% !important; aspect-ratio: 1 / 1 !important; padding: 0 !important; flex: 0 0 auto !important; position: relative !important; overflow: hidden !important; background: #ffffff !important; }
.products .product-small.box .box-image > div:first-child,
.xc-home-products .product-small.box .box-image > div:first-child { position: relative !important; width: 100% !important; padding-top: 100% !important; height: 0 !important; }
.products .product-small.box .box-image > div:first-child > a,
.xc-home-products .product-small.box .box-image > div:first-child > a { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; }
.products .product-small.box .box-image img,
.xc-home-products .product-small.box .box-image img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; }

/* FAQ / Hỏi đáp Alignment */
.bhav-faq-page #content { padding: 20px 0 35px !important; }
.bhav-faq-page #content > .row > .col { padding-bottom: 0 !important; }
.bhav-faq-page .faqList { padding: 0 !important; }
.bhav-faq-page .faqList .inner-container { max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.bhav-faq-page .faqList__title,
.bhav-faq-page h1 { font-size: 22px !important; font-weight: 600 !important; line-height: 26.4px !important; color: #333333 !important; margin-bottom: 15px !important; }
.bhav-faq-page .faqList .col-12.col-md-6 { padding: 0 15px !important; margin-bottom: 0 !important; }
.bhav-faq-page .faqList__item { display: flex !important; align-items: center !important; min-height: 75px; padding: 15px !important; }
.bhav-faq-page .faqList__item__image { display: block; flex: 0 0 40px; }
.bhav-faq-page .faqList__item__image img { width: 40px !important; height: 40px !important; object-fit: contain; }
.bhav-faq-page .faqList__item__title { font-size: 16px !important; font-weight: 400 !important; color: #333333 !important; }

/* Blog Archive & Post List Alignment */
.blog-archive h1.page-title,
.category-tin-tuc h1.page-title,
.archive.category h1.page-title { font-size: 22px !important; font-weight: 600 !important; line-height: 26.4px !important; color: #333333 !important; }
.post-item .box-text h3 a,
.post-item .post-title a,
.post-item .entry-title a { font-size: 15px !important; font-weight: 700 !important; color: #333333 !important; line-height: 1.4 !important; }
.post-item .box-text h3 a:hover,
.post-item .post-title a:hover,
.post-item .entry-title a:hover { color: #3085e8 !important; }
#footer .list-info { padding: 0 !important; margin-left: 0 !important; }
#footer .list-info > li { display: block !important; }
#footer .list-info > li > i { color: #3085e8; margin-right: 8px !important; }
#footer .list-info > li > strong { display: inline !important; flex: none !important; width: auto !important; margin-right: 5px !important; }
#footer .row-info > .col:first-child .footer__title { text-transform: none !important; }
#footer #hotline-contact-sale-footer li { display: flex !important; align-items: baseline; }
#footer #hotline-contact-sale-footer a { display: flex; flex-direction: column; }
#footer .footer__menu { padding-left: 0 !important; margin-left: 0 !important; }
.bhav-about-video .video-fit, .bhav-about-video .fluid-width-video-wrapper { padding-top: 56.25% !important; }
.bhav-about-video iframe { max-height: 315px; }
@media (max-width: 849px) {
    .bhv-filter-terms { padding-left: 0; }
    .archive.woocommerce .products > .product-small.col { flex-basis: 50% !important; max-width: 50% !important; }
    .bhav-information-page #content { padding-top: 15px !important; }
}

/* Typography alignment: Roboto matching live site */
body, input, textarea, button, select,
h1, h2, h3, h4, h5, h6,
.nav > li > a, .header-nav a,
.product-title, .price, .amount,
.name a, .box-text {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Header Search Bar Alignment */
#masthead .header-search-form input[type="search"] {
    height: 36px !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 5px 0 0 5px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
    color: #333 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    display: block !important;
}
#masthead .header-search-form button,
#masthead .header-search-form button.ux-search-submit {
    height: 36px !important;
    width: 100px !important;
    min-width: 100px !important;
    background: #3085e8 !important;
    border: 1px solid #3085e8 !important;
    border-radius: 0 5px 5px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 0 10px !important;
    color: #fff !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#masthead .header-search-form button.ux-search-submit i {
    display: inline-block !important;
    color: #fff !important;
    font-size: 13px !important;
    margin-right: 5px !important;
    line-height: 1 !important;
}
#masthead .header-search-form button.ux-search-submit::after {
    content: "Tìm kiếm";
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

/* Star Rating - Sharp 5-pointed Unicode Stars (Exact Match baohoanviet.vn) */
.star-rating,
.woocommerce .star-rating,
.woocommerce-product-rating .star-rating,
.bhv-loop-rating .star-rating,
.product-small.box .star-rating {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    height: 1.2em !important;
    width: 4.3em !important;
    letter-spacing: normal !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    text-align: left !important;
}
.star-rating::before,
.woocommerce .star-rating::before,
.woocommerce-product-rating .star-rating::before,
.bhv-loop-rating .star-rating::before,
.product-small.box .star-rating::before {
    content: "★★★★★" !important;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    color: #cccccc !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}
.star-rating span,
.woocommerce .star-rating span,
.woocommerce-product-rating .star-rating span,
.bhv-loop-rating .star-rating span,
.product-small.box .star-rating span {
    overflow: hidden !important;
    float: left !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    padding-top: 1.5em !important;
    height: 0 !important;
}
.star-rating span::before,
.woocommerce .star-rating span::before,
.woocommerce-product-rating .star-rating span::before,
.bhv-loop-rating .star-rating span::before,
.product-small.box .star-rating span::before {
    content: "★★★★★" !important;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    color: #ffb806 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}

/* Currency symbol clean display without underline */
.woocommerce-Price-currencySymbol {
    text-decoration: none !important;
    border: none !important;
    display: inline !important;
}

/* Header Action Buttons Visual Parity */
#masthead .bhav-header-action {
    color: #3084e6 !important;
}
#masthead .bhav-header-action__icon svg {
    width: 34px !important;
    height: 34px !important;
}
#masthead .bhav-check-order-btn .bhav-header-action__icon svg path {
    fill: #3084e6 !important;
    stroke: #3084e6 !important;
}
#masthead .bhav-header-action:not(.bhav-check-order-btn) .bhav-header-action__icon svg {
    stroke: #3084e6 !important;
}
#masthead .bhav-header-action__text strong,
#masthead .bhav-header-action__text small {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3084e6 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
}
#masthead .header-cart-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #3084e6 !important;
    text-transform: uppercase !important;
}
#masthead .header-cart-count {
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 400 !important;
}

/* Category Sections Visual Parity */
.xc-home-products .row-menu {
    margin-bottom: 10px !important;
}
.xc-home-products .row-menu > .col,
.xc-home-products > .section-content > .row > .col.large-12 {
    padding-bottom: 0 !important;
}
.xc-home-products .row-menu .col-inner,
.xc-home-products > .section-content > .row:first-child .col-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    border-top: 3px solid #3085e8 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    width: 100% !important;
    min-height: 38.6px !important;
    height: 38.6px !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.xc-home-products .section-title-container {
    margin: -3px 0 0 0 !important;
    padding: 0 !important;
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
    height: calc(100% + 3px) !important;
    display: flex !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
}
.xc-home-products .section-title {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #3085e8 !important;
    color: #fff !important;
    padding: 0 15px !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
}
.xc-home-products .section-title b,
.xc-home-products .section-title::before,
.xc-home-products .section-title::after {
    display: none !important;
}
.xc-home-products .section-title-main,
.xc-home-products .section-title-bold span {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.xc-home-products .ux-menu {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 10px !important;
    gap: 0 !important;
}
.xc-home-products .ux-menu .menu-item {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    border: none !important;
}
.xc-home-products .ux-menu .menu-item a,
.xc-home-products .ux-menu-link__link {
    font-size: 14px !important;
    line-height: 1 !important;
    color: #3085e8 !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-weight: 500 !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    background: transparent !important;
    transition: color 0.2s ease !important;
}
.xc-home-products .ux-menu .menu-item a:hover,
.xc-home-products .ux-menu-link__link:hover {
    color: #174e9e !important;
}
.xc-home-products .ux-menu .menu-item:last-child {
    margin-left: auto !important;
}
.xc-home-products .ux-menu .menu-item:last-child a {
    color: #3085e8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.xc-home-products .cate-home__banner {
    display: block !important;
    margin-bottom: 12px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}
.xc-home-products .cate-home__banner img {
    width: 100% !important;
    height: auto !important;
    max-height: 212px !important;
    object-fit: cover !important;
    display: block !important;
}
.xc-home-products .product-small.box {
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    overflow: hidden !important;
}
.xc-home-products .product-small.box:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    border-color: #3085e8 !important;
}
.xc-home-products .product-small.box .box-image {
    padding: 0 !important;
    background: #fff !important;
}
.xc-home-products .product-small.box .box-text {
    padding: 6px 10px 10px !important;
    text-align: center !important;
}
.xc-home-products .product-small.box .name.product-title a,
.xc-home-products .product-small.box .box-text .name a {
    font-size: 15px !important;
    line-height: 21px !important;
    height: 42px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    color: #333 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    text-align: center !important;
}
.bhv-loop-rating .rating-count {
    color: #333333 !important;
    font-size: 12px !important;
}
.xc-home-products .box-text .price,
.xc-home-products .box-text .amount {
    color: #dc3325 !important;
    font-size: 17px !important;
    line-height: 25.5px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
#footer {
    background-color: #000 !important;
}
#footer .footer-secondary,
#footer .copyright-footer {
    border-top: 1px solid #ffffff !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
}

@media (max-width: 849px) {
    .xc-home-products .row-menu {
        margin-bottom: 8px !important;
    }
    .xc-home-products .row-menu > .col,
    .xc-home-products > .section-content > .row > .col.large-12 {
        padding-bottom: 0 !important;
    }
    .xc-home-products .row-menu .col-inner {
        display: flex !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        height: 38.6px !important;
        min-height: 38.6px !important;
        border-top: 3px solid #3085e8 !important;
        border-bottom: none !important;
        margin-bottom: 0 !important;
    }
    .xc-home-products .cate-home__banner {
        margin-bottom: 8px !important;
    }
    .xc-home-products .section-title-container {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: calc(100% + 3px) !important;
        margin: -3px 0 0 0 !important;
    }
    .xc-home-products .section-title {
        font-size: 15px !important;
        height: 100% !important;
        min-height: 100% !important;
        line-height: 1 !important;
        padding: 0 10px !important;
        width: auto !important;
        min-width: 0 !important;
        font-weight: 400 !important;
    }
    .xc-home-products .section-title-main,
    .xc-home-products .section-title-bold span {
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    .xc-home-products .ux-menu {
        padding: 0 !important;
        height: 100% !important;
    }
    .xc-home-products .ux-menu .menu-item:not(:last-child) {
        display: none !important;
    }
    .xc-home-products .ux-menu .menu-item:last-child {
        display: inline-flex !important;
        align-items: center !important;
        margin-left: auto !important;
        height: 100% !important;
    }
    .xc-home-products .ux-menu .menu-item:last-child a {
        font-size: 13px !important;
        color: #3085e8 !important;
        padding: 0 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    .xc-home-products .cate-home__banner img {
        max-height: 90px !important;
    }
    .xc-home-products .box-text .price,
    .xc-home-products .box-text .amount {
        font-size: 14px !important;
    }
    .bhv-loop-rating {
        flex-wrap: nowrap !important;
        margin: 2px auto !important;
    }
    .bhv-loop-rating .star-rating {
        font-size: 11px !important;
    }
    .bhv-loop-rating .rating-count {
        font-size: 10.5px !important;
        white-space: nowrap !important;
    }
    /* Mobile Hero Alignment */
    .xc-home-hero > .section-content > .row > .col:first-child,
    .header-vertical-menu__fly-out {
        display: none !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:last-child {
        display: none !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:first-of-type > .col:first-child {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .xc-home-hero .slider .flickity-viewport {
        min-height: 180px !important;
    }
    .xc-home-hero .slider .img-inner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .row:nth-of-type(2) > .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 4px !important;
    }
}

/* Single Post & Blog Typography Alignment */
.single-post .entry-title,
.single-post h1 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 26.4px !important;
    color: #333333 !important;
    margin: 0 0 10px !important;
}
.category-tin-tuc h1.page-title,
.archive.category h1.page-title,
.archive-page-header .page-title,
.blog-archive .page-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 26.4px !important;
    color: #333333 !important;
    text-transform: none !important;
    text-align: left !important;
    margin: 10px 0 15px !important;
    display: block !important;
}
.archive-page-header .col {
    text-align: left !important;
}

/* Triệt tiêu hoàn toàn is-divider trong blog & archive loop */
.post-item .is-divider,
.box-blog-post .is-divider,
.blog-archive .is-divider,
#post-list .is-divider,
.archive .post-item .is-divider,
.archive.category .is-divider {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    visibility: hidden !important;
}

/* ==========================================================================
   HEADER MOBILE - CHUẨN HÓA THEO THIẾT KẾ BAOHOANVIET.VN
   (Zero-Conflict: Không code lại header, tùy biến chính xác bằng CSS)
   ========================================================================== */

@media (max-width: 849px) {
    /* 1. Header Main Container */
    #masthead.header-main,
    #masthead,
    #masthead.stuck {
        background-color: #3085e8 !important;
        height: 62px !important;
        min-height: 62px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    #masthead .header-inner {
        height: 62px !important;
        min-height: 62px !important;
        padding: 0 5px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    #masthead .top-divider {
        display: none !important;
    }

    /* 2. Hamburger Menu Button (Left) */
    #masthead .flex-col.show-for-medium.flex-left {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    #masthead .mobile-nav.nav-left {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    #masthead .mobile-nav.nav-left li.nav-icon {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #masthead .mobile-nav.nav-left li.nav-icon > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #ffffff !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #masthead .mobile-nav.nav-left .icon-menu {
        color: #ffffff !important;
        font-size: 22px !important;
        line-height: 1 !important;
        margin: 0 !important;
        display: inline-block !important;
        transition: transform 0.2s ease !important;
    }

    /* Khi menu drawer đang mở: Đổi icon hamburger ☰ thành icon ✕ đóng */
    html.has-off-canvas #masthead .mobile-nav.nav-left a[data-open="#main-menu"] .icon-menu::before,
    #masthead .mobile-nav.nav-left a.current-lightbox-clicked[data-open="#main-menu"] .icon-menu::before {
        content: "\2715" !important;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
        font-weight: 700 !important;
        font-size: 20px !important;
    }

    /* 3. Mobile Logo (Center) */
    #masthead #logo {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    #masthead #logo a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        margin: 0 auto !important;
    }

    #masthead #logo img.header_logo,
    #masthead #logo img.header-logo-dark {
        display: none !important;
    }

    #masthead #logo img.header_logo_mobile {
        display: block !important;
        max-height: 46px !important;
        width: auto !important;
        max-width: 195px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* 4. Right Actions: Cart & User Account */
    #masthead .flex-col.show-for-medium.flex-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    #masthead .mobile-nav.nav-right {
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    #masthead .mobile-header-actions {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding-right: 0 !important;
    }

    #masthead .mobile-header-actions .header__action--cart {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px !important;
        height: 30px !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none !important;
    }

    #masthead .mobile-header-actions .mobile-cart-icon {
        width: 28px !important;
        height: 28px !important;
        display: block !important;
        object-fit: contain !important;
    }

    #masthead .mobile-header-actions .cart-count-mobi {
        position: absolute !important;
        top: -6px !important;
        left: -10px !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        background-color: #c70100 !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        padding: 0 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
        z-index: 2 !important;
    }

    #masthead .mobile-header-actions .user-menu.btn-user-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 29px !important;
        height: 24px !important;
        text-decoration: none !important;
        background: transparent !important;
        border: none !important;
        color: #ffffff !important;
    }

    #masthead .mobile-header-actions .user-menu.btn-user-menu i,
    #masthead .mobile-header-actions .user-menu.btn-user-menu svg {
        font-size: 24px !important;
        color: #ffffff !important;
        stroke: #ffffff !important;
        line-height: 24px !important;
        display: inline-block !important;
    }

    /* 5. Header Bottom Search Row */
    #wide-nav,
    #wide-nav.header-bottom {
        background-color: #ffffff !important;
        height: auto !important;
        min-height: 60px !important;
        padding: 8px 0 10px 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        box-shadow: none !important;
    }

    #wide-nav .container,
    #wide-nav .flex-row.container {
        padding: 0 25px !important;
        max-width: 100% !important;
    }

    #wide-nav .flex-col.show-for-medium.flex-grow {
        padding: 0 !important;
        margin: 0 !important;
    }

    #wide-nav ul.header-bottom-nav.nav-center,
    #wide-nav ul.header-bottom-nav,
    #wide-nav ul.mobile-nav,
    #wide-nav .nav-center.mobile-nav {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: stretch !important;
    }

    #wide-nav .header-search-form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 1 1 100% !important;
    }

    #wide-nav .header-search-form-wrapper,
    #wide-nav .searchform-wrapper {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #wide-nav .searchform {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #wide-nav .searchform .flex-row,
    #wide-nav .searchform .flex-row:focus-within {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 5px !important;
        box-shadow: none !important;
        outline: none !important;
    }


    #wide-nav .searchform .flex-col.flex-grow {
        flex: 1 1 auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #wide-nav .searchform input[type="search"],
    #wide-nav .searchform .search-field {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        background-color: #ffffff !important;
        border: 1px solid #b4b4b4 !important;
        border-right: none !important;
        border-radius: 5px 0 0 5px !important;
        padding: 0 10px !important;
        font-size: 14px !important;
        color: #212529 !important;
        box-shadow: none !important;
        margin: 0 !important;
        outline: none !important;
        width: 100% !important;
        line-height: 36px !important;
    }

    #wide-nav .searchform input[type="search"]:focus,
    #wide-nav .searchform input[type="search"]:focus-visible,
    #wide-nav .searchform .search-field:focus,
    #wide-nav .searchform .search-field:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    #wide-nav .searchform input[type="search"]::placeholder,
    #wide-nav .searchform .search-field::placeholder {
        color: #757575 !important;
        font-size: 14px !important;
    }

    #wide-nav .searchform .flex-col:not(.flex-grow) {
        flex: 0 0 38px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #wide-nav .searchform button[type="submit"],
    #wide-nav .searchform .ux-search-submit {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        background-color: #3085e8 !important;
        border: 1px solid #3085e8 !important;
        border-radius: 0 5px 5px 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: none !important;
        cursor: pointer !important;
        line-height: 1 !important;
    }

    #wide-nav .searchform button[type="submit"]:hover,
    #wide-nav .searchform .ux-search-submit:hover {
        background-color: #2173d1 !important;
        border-color: #2173d1 !important;
    }

    #wide-nav .searchform button[type="submit"] i,
    #wide-nav .searchform button[type="submit"] .icon-search {
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}




/* ==========================================================================
   MOBILE MENU DRAWER — DƯỚI HEADER & TRƯỢT TỪ TRÁI SANG (CHUẨN BẢO HỘ AN VIỆT)
   ========================================================================== */
@media screen and (max-width: 849px) {
    /* 1. Header & Masthead luôn cố định và nằm trên cùng */
    #masthead {
        background-color: #3085e8 !important;
        position: relative !important;
        z-index: 1050 !important;
        height: 62px !important;
    }

    #masthead .header-inner {
        height: 62px !important;
        min-height: 62px !important;
    }

    /* Khi mở menu drawer off-canvas, thanh tìm kiếm dưới masthead được che mờ bởi drawer/backdrop */
    html.has-off-canvas .header-bottom,
    html.has-off-canvas #header .header-bottom {
        z-index: 1 !important;
    }

    html.has-off-canvas #header {
        z-index: 1050 !important;
    }

    html.has-off-canvas #masthead {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1051 !important;
    }

    /* Ẩn các nút Zalo / Gọi nổi khi mở menu drawer để tránh che khuất danh mục */
    html.has-off-canvas #button-contact-vr,
    html.has-off-canvas .contact-button-wrapper,
    html.has-off-canvas .quick-call-button,
    html.has-off-canvas .zalo-chat-widget,
    html.has-off-canvas [class*="zalo"],
    html.has-off-canvas [class*="hotline"],
    html.has-off-canvas .phonering-alo-phone,
    html.has-off-canvas .back-to-top {
        z-index: 1 !important;
        opacity: 0.3 !important;
        pointer-events: none !important;
    }

    /* 2. Lớp phủ Backdrop bắt đầu ngay DƯỚI masthead (top: 62px) */
    .mfp-bg.off-canvas,
    .mfp-bg.main-menu-overlay {
        top: 62px !important;
        height: calc(100vh - 62px) !important;
        background: rgba(0, 0, 0, 0.5) !important;
        -webkit-backdrop-filter: blur(2px) !important;
        backdrop-filter: blur(2px) !important;
        z-index: 1040 !important;
    }

    /* 3. Khung bao Magnific Popup bắt đầu từ top: 62px */
    .mfp-wrap.off-canvas-left {
        top: 62px !important;
        height: calc(100vh - 62px) !important;
        z-index: 1042 !important;
    }

    .mfp-wrap.off-canvas-left .mfp-container {
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        position: absolute !important;
    }

    /* 4. Khối Drawer menu: 100% Full Width trượt từ trái sang, nền trắng đặc */
    .off-canvas-left .mfp-content {
        top: 62px !important;
        bottom: 0 !important;
        height: calc(100vh - 62px) !important;
        width: 100% !important;
        max-width: 100% !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        transform: translateX(-100%) !important;
        transition: transform 0.22s ease-in-out !important;
        z-index: 1043 !important;
    }

    /* Khi mở -> trượt ra vị trí 0 */
    .off-canvas-left.mfp-ready .mfp-content {
        transform: translateX(0) !important;
        opacity: 1 !important;
    }

    /* Khi đóng -> trượt mượt về bên trái */
    .off-canvas-left.mfp-removing .mfp-content {
        transform: translateX(-100%) !important;
        opacity: 0.8 !important;
    }

    /* Ẩn nút close mặc định của Magnific popup (nằm ngoài content) */
    .off-canvas-left .mfp-close {
        display: none !important;
    }

    /* 5. Nút "✕ Đóng" tùy chỉnh bên trong #main-menu - Luôn ghim cố định ở đầu khi cuộn */
    .sidebar-menu-header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 50 !important;
        background-color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 8px 16px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
    }

    .sidebar-menu-close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        background: transparent !important;
        border: none !important;
        padding: 4px 8px !important;
        margin: 0 !important;
        color: #777777 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-transform: none !important;
        cursor: pointer !important;
        opacity: 0.9 !important;
        font-family: inherit !important;
        outline: none !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .sidebar-menu-close:hover {
        opacity: 1 !important;
        color: #e21a22 !important;
    }

    .sidebar-menu-close .close-icon {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    /* 6. Căn lề bên trong #main-menu */
    .off-canvas-left #main-menu {
        padding-top: 0 !important;
        background-color: #ffffff !important;
        min-height: 100% !important;
        width: 100% !important;
        overflow: visible !important;
    }

    .off-canvas-left .sidebar-menu {
        padding: 0 !important;
        width: 100% !important;
    }

    /* 7. Định dạng danh sách Category items - Đường line giữa các li & Nút toggle chuẩn gốc */
    .off-canvas-left .nav-sidebar,
    .off-canvas-left .nav-sidebar > li {
        width: 100% !important;
        border-bottom: 1px solid #f0f0f0 !important;
        border-top: none !important;
        margin: 0 !important;
        position: relative !important;
    }

    .off-canvas-left .nav-sidebar > li > a {
        width: 100% !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        color: #333333 !important;
        padding: 6px 14px !important;
        min-height: 34px !important;
        height: 34px !important;
        line-height: 22px !important;
        display: flex !important;
        align-items: center !important;
        border-bottom: none !important;
        letter-spacing: normal !important;
    }

    .off-canvas-left .nav-sidebar > li > a:hover,
    .off-canvas-left .nav-sidebar > li.has-child.active > a {
        color: #3085e8 !important;
        background-color: #f8f9fa !important;
    }

    /* Icon danh mục */
    .off-canvas-left .nav-sidebar > li img.ux-sidebar-menu-icon {
        width: 20px !important;
        height: 20px !important;
        margin-right: 10px !important;
        object-fit: contain !important;
        flex-shrink: 0 !important;
    }

    /* Nút mũi tên caret toggle bên phải: Neo cố định trên hàng đầu tiên (không bị trôi khi xổ menu) */
    .off-canvas-left .nav-sidebar > li.has-child > .toggle {
        position: absolute !important;
        right: 12px !important;
        top: 0 !important;
        height: 34px !important;
        width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: none !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 5 !important;
        cursor: pointer !important;
    }

    /* Icon tam giác đặc chuẩn bản gốc: fas fa-caret-down */
    .off-canvas-left .nav-sidebar > li.has-child > .toggle i.icon-angle-down {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        line-height: 1 !important;
        font-size: 13px !important;
        color: #888888 !important;
        transition: transform 0.2s ease !important;
    }

    .off-canvas-left .nav-sidebar > li.has-child > .toggle i.icon-angle-down::before {
        content: "\f0d7" !important; /* FontAwesome solid caret-down */
        font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
        font-weight: 900 !important;
        font-style: normal !important;
        font-size: 13px !important;
        color: #888888 !important;
        display: inline-block !important;
        line-height: 1 !important;
    }

    /* Khi xổ xuống (active): Đổi thành mũi tên hướng lên (fas fa-caret-up) để bấm thu lại */
    .off-canvas-left .nav-sidebar > li.has-child.active > .toggle i.icon-angle-down::before,
    .off-canvas-left .nav-sidebar > li.has-child > .toggle.active i.icon-angle-down::before {
        content: "\f0d8" !important; /* FontAwesome solid caret-up */
        color: #888888 !important;
    }

    /* Submenu cấp 2 có đường line phân tách giữa các li con */
    .off-canvas-left .nav-sidebar .sub-menu,
    .off-canvas-left .nav-sidebar .children {
        background-color: #ffffff !important;
        padding: 0 !important;
        margin: 0 !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    .off-canvas-left .nav-sidebar .sub-menu li,
    .off-canvas-left .nav-sidebar .children li {
        border-bottom: 1px solid #eeeeee !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .off-canvas-left .nav-sidebar .sub-menu li:last-child,
    .off-canvas-left .nav-sidebar .children li:last-child {
        border-bottom: none !important;
    }

    .off-canvas-left .nav-sidebar .sub-menu li a,
    .off-canvas-left .nav-sidebar .children li a {
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        color: #444444 !important;
        padding: 7px 16px 7px 30px !important;
        display: block !important;
        line-height: 20px !important;
        border: none !important;
    }

    .off-canvas-left .nav-sidebar .sub-menu li a:hover,
    .off-canvas-left .nav-sidebar .children li a:hover {
        color: #3085e8 !important;
        background-color: #f8f9fa !important;
    }

    /* 8. Khối "Tất cả các danh mục" ở đáy menu */
    .sidebar-menu-all-cate {
        width: 100% !important;
        padding: 10px 14px 20px !important;
        text-align: center !important;
        margin-top: 4px !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    .sidebar-menu-all-cate a {
        color: #333333 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        display: block !important;
    }

    .sidebar-menu-all-cate a:hover {
        color: #3085e8 !important;
    }
}