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

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

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

.absolute-footer {
    display: none;
}

/* ==========================================================================
   FOOTER SECTION (.xc-footer) - Cloned to match original design
   ========================================================================== */

/* Section base & Typography */
.xc-footer {
    background-color: #ffffff;
    color: #777;
}

.xc-footer p {
    font-size: 14px;
    line-height: 1.6;
    color: #777;
    margin-bottom: 12px;
}

.xc-footer p strong {
    color: #242424;
    font-weight: 600;
}

/* Column 1: Logo */
.xc-footer .row-info .col:first-child .img:first-child {
    max-width: 220px;
    margin-bottom: 15px;
}

/* Widget Titles */
.xc-footer .widget-title {
    font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-transform: none;
    letter-spacing: normal;
    margin-bottom: 15px;
    position: static;
    border-bottom: none;
    padding-bottom: 0;
}

.xc-footer .widget-title p {
    display: none;
}

.xc-footer .widget-title:after,
.xc-footer .widget-title:before {
    display: none;
}

/* Social Icons (Col 1) */
.xc-footer .social-icons.xc-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.xc-footer .social-icons.xc-social .button.circle {
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 50%;
    color: #ffffff !important;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.xc-footer .social-icons.xc-social .button.circle:hover {
    opacity: 0.88;
    transform: translateY(-2px);
}

.xc-footer .social-icons.xc-social .button.circle i {
    font-size: 14px;
    line-height: 1;
    margin: 0;
}

.xc-footer .social-icons.xc-social .facebook { background-color: #365493 !important; }
.xc-footer .social-icons.xc-social .instagram { background-color: #774430 !important; }
.xc-footer .social-icons.xc-social .twitter { background-color: #33CCFF !important; }
.xc-footer .social-icons.xc-social .email { background-color: #ea4335 !important; }
.xc-footer .social-icons.xc-social .youtube { background-color: #CB2027 !important; }
.xc-footer .social-icons.xc-social .pinterest { background-color: #CB2027 !important; }
.xc-footer .social-icons.xc-social .tiktok { background-color: #010101 !important; }

/* Menu Navigation Links (UX Menu) */
.xc-footer .ux-menu {
    gap: 0;
}

.xc-footer .ux-menu .ux-menu-link {
    border: none !important;
    padding: 0;
    margin: 0;
}

.xc-footer .ux-menu-link__link {
    padding: 6px 0 !important;
    font-size: 14px;
    color: #848484 !important;
    line-height: 1.4;
    transition: color 0.25s ease;
}

.xc-footer .ux-menu-link__link:hover {
    color: #242424 !important;
}

.xc-footer .ux-menu-link__text {
    font-weight: 400;
}

/* Copyright Row */
.xc-footer .row-copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 20px;
    margin-top: 20px;
    align-items: center;
}

.xc-footer .row-copyright p {
    font-size: 14px;
    color: #777;
    margin-bottom: 0;
}

.xc-footer .row-copyright p strong {
    color: #333;
    font-weight: 600;
}

.xc-footer .row-copyright .col:last-child .col-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.xc-footer .xc-dmca,
.xc-footer .xc-dmca img {
    width: auto !important;
    max-width: 121px;
    height: auto !important;
    max-height: 24px;
    display: inline-block;
}

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

    .xc-footer .row-copyright {
        text-align: center;
    }

    .xc-footer .row-copyright p {
        text-align: center;
        margin-bottom: 12px;
    }

    .xc-footer .row-copyright .col:last-child .col-inner {
        justify-content: center;
    }
}

/* ==========================================================================
   HERO / SLIDER SECTION (.xc-home-hero) - Cloned to match original design
   ========================================================================== */

/* Section Spacing */
.xc-home-hero {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
}

.xc-home-hero > .section-content > .row {
    align-items: stretch;
}

.xc-home-hero > .section-content > .row > .col {
    padding-bottom: 0 !important;
}

/* Base Image Wrapper & Border Radius */
.xc-home-hero .img,
.xc-home-hero .img-inner {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

/* Hover Zoom & Image Fit */
.xc-home-hero .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform 0.8s cubic-bezier(0, 0, 0.44, 1.18) !important;
}

.xc-home-hero .img:hover img,
.xc-home-hero .img.hover-x:hover img {
    transform: scale(1.07) !important;
}

/* Hover Inset Border Effect (Giống 100% Woodmart banner-hover-border) */
.xc-home-hero .img .img-inner:after {
    content: "";
    position: absolute;
    inset: 15px;
    border: 4px solid rgba(255, 255, 255, 0.25);
    border-radius: 6px;
    opacity: 0;
    transform: scale(0.5);
    transition: transform 0.35s cubic-bezier(0.05, 0.2, 0.1, 1), opacity 0.35s cubic-bezier(0.05, 0.2, 0.1, 1);
    pointer-events: none;
    z-index: 3;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.xc-home-hero .img:hover .img-inner:after {
    opacity: 1;
    transform: scale(1);
}

/* Left Column: Slider (Desktop Height: 460px) */
.xc-home-hero .slider-wrapper,
.xc-home-hero .slider,
.xc-home-hero .flickity-viewport {
    height: 460px !important;
    border-radius: 8px;
    overflow: hidden;
}

.xc-home-hero .slider .img,
.xc-home-hero .slider .img-inner {
    height: 460px !important;
    width: 100% !important;
}

.xc-home-hero .slider .img img {
    height: 460px !important;
    width: 100%;
    object-fit: cover;
}

/* Slider Dots & Navigation Arrows */
.xc-home-hero .flickity-page-dots {
    bottom: 12px !important;
}

.xc-home-hero .flickity-page-dots .dot {
    width: 9px;
    height: 9px;
    margin: 0 4px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    background-color: transparent;
    opacity: 0.7;
    transition: all 0.25s ease;
}

.xc-home-hero .flickity-page-dots .dot.is-selected {
    background-color: #ffffff;
    border-color: #ffffff;
    opacity: 1;
}

.xc-home-hero .flickity-prev-next-button {
    width: 36px;
    height: 36px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.xc-home-hero .flickity-prev-next-button:hover {
    background: rgba(0, 0, 0, 0.55);
}

/* Right Column: Banners */
.xc-home-hero > .section-content > .row > .col:last-child > .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Top Banner (Mega Sale) - Height: 260px */
.xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .img:first-child {
    height: 260px;
    margin-bottom: 15px !important;
}

.xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .img:first-child .img-inner {
    height: 260px;
}

/* Bottom 2 Banners Row - Height: 185px (260px + 15px + 185px = 460px khớp Slider) */
.xc-home-hero .row-small .row-small {
    margin-left: -5px;
    margin-right: -5px;
}

.xc-home-hero .row-small .row-small > .col {
    padding: 0 5px !important;
}

.xc-home-hero .row-small .row-small .img,
.xc-home-hero .row-small .row-small .img-inner {
    height: 185px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .xc-home-hero .slider-wrapper,
    .xc-home-hero .slider,
    .xc-home-hero .flickity-viewport,
    .xc-home-hero .slider .img,
    .xc-home-hero .slider .img-inner,
    .xc-home-hero .slider .img img {
        height: 380px !important;
    }

    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .img:first-child,
    .xc-home-hero > .section-content > .row > .col:last-child > .col-inner > .img:first-child .img-inner {
        height: 215px;
        margin-bottom: 15px !important;
    }

    .xc-home-hero .row-small .row-small .img,
    .xc-home-hero .row-small .row-small .img-inner {
        height: 150px;
    }
}

/* Mobile (<= 767px) - Khớp bản gốc: Ẩn cột phải, tối ưu slider */
@media screen and (max-width: 767px) {
    .xc-home-hero {
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

    .xc-home-hero > .section-content > .row > .col:last-child {
        display: none !important;
    }

    .xc-home-hero > .section-content > .row > .col:first-child {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .xc-home-hero .slider-wrapper,
    .xc-home-hero .slider,
    .xc-home-hero .flickity-viewport,
    .xc-home-hero .slider .img,
    .xc-home-hero .slider .img-inner,
    .xc-home-hero .slider .img img {
        height: calc((100vw - 30px) * 0.75) !important;
        min-height: 240px !important;
        max-height: 380px !important;
    }
}

/* ==========================================================================
   PRODUCT CARD (.product-small) - Cloned 100% to match original design
   ========================================================================== */

/* Product Card Container */
.product-small .col-inner {
    background: #ffffff;
    border: 1px solid #e5edf7;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
    overflow: hidden;
    position: relative;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.product-small:hover .col-inner,
.product-small.col:hover .col-inner {
    transform: translateY(-3px);
    border-color: #cfe0ff;
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.13);
}

/* Product Info Box (.box-text) - Đệm lề bên trong thẻ */
.product-small .box-text,
.product-small .box-text.box-text-products {
    padding: 14px 14px 16px 14px !important;
    text-align: left !important;
    position: relative !important;
}

/* Product Image Box & Hover */
.product-small .box-image {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    background: #f8fbff;
}

.product-small .box-image img {
    transition: transform 0.25s ease !important;
}

.product-small:hover .box-image img,
.product-small.col:hover .box-image img {
    transform: scale(1.035) !important;
}

/* Badge Sale Pill */
.product-small .badge-container {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 5;
    pointer-events: none;
}

.product-small .badge,
.product-small .badge-frame {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.product-small .badge-inner,
.product-small .badge-inner.secondary.on-sale {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background-color: #ff5a55 !important;
    box-shadow: 0 8px 18px rgba(255, 90, 85, 0.28) !important;
    border: none !important;
    text-transform: none !important;
}

.product-small .badge-inner .onsale {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Product Title - CỐ ĐỊNH CHIỀU CAO 2 DÒNG */
.product-small .title-wrapper p.product-title,
.product-small .title-wrapper .product-title a,
.product-small .woocommerce-LoopProduct-link {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 21px !important;
    color: #1f2b45 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 42px !important;
    word-break: break-word !important;
    transition: color 0.2s ease !important;
}

.product-small .title-wrapper a:hover,
.product-small .product-title a:hover {
    color: #2d9347 !important;
}

/* Rating & Social Proof */
.product-small .star-rating,
.product-small .star-rating--inline {
    display: none !important;
}

.product-small .ktk-grid-social-proof,
.ktk-grid-social-proof {
    display: none !important;
}

.product-small .ktk-grid-stars {
    color: #f6b21a !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
}

.product-small .ktk-grid-rating {
    color: #1f2b45 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin-right: auto !important;
    padding-left: 2px !important;
}

.product-small .ktk-grid-sold {
    color: #64748b !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    margin-left: auto !important;
    text-align: right !important;
}

/* Price Section */
.product-small .price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 0 4px !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    font-size: 0 !important;
}

/* Hàng 1: Tiền tố 'Chỉ từ' */
.product-type-variable .product-small .price::before,
.product-small .price::before {
    content: "Chỉ từ";
    display: inline-block;
    color: #1f2b45 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-right: 3px;
    order: 0;
}

.product-type-simple .product-small .price::before {
    display: none !important;
}

/* Hàng 1: Giá KM / Giá bán chính (đỏ) */
.product-small .price ins,
.product-small .price > .amount:first-of-type,
.product-small .price ins .amount {
    color: #e53935 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    order: 1;
    display: inline-block !important;
}

/* Hàng 2: Giá thường (gốc) gạch ngang tách thành 1 hàng riêng ở dưới */
.product-small .price del,
.product-small .price del .amount {
    display: block !important;
    width: 100% !important;
    flex-basis: 100% !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
    order: 2;
    margin-top: 2px !important;
    line-height: 1.2 !important;
}

/* Ẩn mức giá trần thứ 2 khi là khoảng giá variable (chỉ giữ mức giá thấp nhất) */
.product-small .price > .amount:nth-of-type(n+2),
.product-small .price > ins:nth-of-type(n+2),
.product-small .price > del:nth-of-type(n+2) {
    display: none !important;
}

.product-small .price .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Stock Progress Bar (Còn x/y suất) - Mặc định ẨN ở mọi nơi */
.product-small .ktk-stock-progress-bar {
    display: none !important;
}

/* CHỈ HIỂN THỊ KHI NẰM TRONG SECTION CHA .xc-home-sale */
.xc-home-sale .product-small .ktk-stock-progress-bar {
    position: relative;
    width: 100%;
    height: 28px;
    background-color: #d1d9e2 !important;
    border-radius: 999px !important;
    overflow: hidden;
    margin: 8px 0 2px 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.xc-home-sale .product-small .ktk-stock-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(90deg, #fbc02d 0%, #f59e0b 100%) !important;
    border-radius: 999px !important;
    transition: width 0.4s ease;
    z-index: 1;
}

.xc-home-sale .product-small .ktk-stock-progress-text {
    position: relative;
    z-index: 2;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
}

/* Button 'Mua ngay' / Add to Cart Button Container Fix */
.product-small .add-to-cart-button,
.product-small .image-tools.grid-tools,
.product-small .grid-tools {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Button link/element */
.product-small a.button,
.product-small .add-to-cart-button a,
.product-small a.add_to_cart_button,
.product-small .grid-tools a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    background: #eaf8ee !important;
    background-color: #eaf8ee !important;
    color: #2d9347 !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

/* Ẩn text cũ & icon */
.product-small a.button span:not(.screen-reader-text),
.product-small a.button i,
.product-small a.button::before {
    display: none !important;
}

/* Hiển thị chữ 'Mua ngay' */
.product-small a.button::after,
.product-small .add-to-cart-button a::after,
.product-small a.add_to_cart_button::after,
.product-small .grid-tools a::after {
    content: "Mua ngay" !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: inherit !important;
    display: inline-block !important;
    visibility: visible !important;
}

.product-small a.button:hover,
.product-small .add-to-cart-button a:hover,
.product-small a.add_to_cart_button:hover,
.product-small .grid-tools a:hover {
    background: #2d9347 !important;
    background-color: #2d9347 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* Product Responsive Styles */
@media screen and (max-width: 768px) {
    .product-small .col-inner {
        border-radius: 14px;
    }

    .product-small .box-text,
    .product-small .box-text.box-text-products {
        padding: 10px 10px 12px 10px !important;
    }

    .product-small .box-image {
        border-radius: 14px 14px 0 0;
    }

    .product-small .badge-inner,
    .product-small .badge-inner.secondary.on-sale {
        padding: 4px 8px !important;
    }

    .product-small .badge-inner .onsale {
        font-size: 10px !important;
    }

    .product-small .title-wrapper p.product-title,
    .product-small .title-wrapper .product-title a,
    .product-small .woocommerce-LoopProduct-link {
        font-size: 14px !important;
        line-height: 19px !important;
        min-height: 38px !important;
    }

    .product-small .price ins,
    .product-small .price > .amount,
    .product-small .price ins .amount {
        font-size: 14px !important;
    }

    .product-small .price del,
    .product-small .price del .amount {
        font-size: 11px !important;
    }

    .xc-home-sale .product-small .ktk-stock-progress-bar {
        height: 24px !important;
        margin-top: 6px !important;
    }

    .xc-home-sale .product-small .ktk-stock-progress-text {
        font-size: 11px !important;
    }

    .product-small a.button,
    .product-small .add-to-cart-button a,
    .product-small a.add_to_cart_button,
    .product-small .grid-tools a {
        min-height: 34px !important;
        border-radius: 10px !important;
        padding: 6px 12px !important;
    }

    .product-small a.button::after,
    .product-small .add-to-cart-button a::after,
    .product-small a.add_to_cart_button::after,
    .product-small .grid-tools a::after {
        font-size: 13px !important;
    }
}

/* ==========================================================================
   CATEGORY SECTION TITLE (.xc-section-title-1 / .xc-sub0-title)
   Cloned to match Woodmart bordered title design
   ========================================================================== */

/* Main Heading Title */
.xc-section-title-1,
h2.xc-section-title-1 {
    display: flex !important;
    align-items: center !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #2d9347 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
}

/* Đường kẻ viền bên phải tiêu đề (Woodmart Bordered Style) */
.xc-section-title-1::after,
h2.xc-section-title-1::after {
    content: "" !important;
    display: block !important;
    flex: 1 1 auto !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.105) !important;
    margin-left: 20px !important;
}

/* Subtitle / Phụ đề bên dưới */
.xc-sub0-title,
p.xc-sub0-title {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    line-height: 1.4 !important;
    margin: 0 0 20px 0 !important;
}

/* Responsive Title */
@media screen and (max-width: 576px) {
    .xc-section-title-1,
    h2.xc-section-title-1 {
        font-size: 20px !important;
    }

    .xc-section-title-1::after,
    h2.xc-section-title-1::after {
        margin-left: 12px !important;
    }

    .xc-sub0-title,
    p.xc-sub0-title {
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }
}

/* ==========================================================================
   FLATSOME RELAY: XEM THÊM & THU GỌN BUTTONS (LOAD MORE / LOAD LESS)
   Cloned 100% to match original design (Smart Flash Sale / Woodmart)
   ========================================================================== */

.ux-relay__control {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Nút 'Xem thêm (x)' */
.ux-relay__button.ux-relay__load-more-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    min-width: 162px !important;
    max-width: 240px !important;
    min-height: 40px !important;
    padding: 0 20px !important;
    border-radius: 999px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: 1px solid #bbf7d0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #edfbf0 100%) !important;
    color: #247d3c !important;
    box-shadow: 0 8px 22px rgba(45, 147, 71, 0.12) !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
    margin: 0 !important;
}

.ux-relay__button.ux-relay__load-more-button:hover {
    background: linear-gradient(180deg, #ffffff 0%, #dcfce7 100%) !important;
    border-color: #86efac !important;
    color: #247d3c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(45, 147, 71, 0.18) !important;
}

/* Nút 'Thu gọn' */
.ux-relay__button.ux-relay__load-less-button {
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.2 !important;
    min-width: 126px !important;
    max-width: 200px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: 1px solid #e5e7eb !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #64748b !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
    margin: 0 !important;
}

.ux-relay__button.ux-relay__load-less-button:hover {
    background: #ffffff !important;
    border-color: #cfd8e3 !important;
    color: #475569 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .ux-relay__control {
        gap: 10px !important;
        margin-top: 14px !important;
    }

    .ux-relay__button.ux-relay__load-more-button {
        min-width: 150px !important;
        min-height: 38px !important;
        font-size: 14px !important;
    }

    .ux-relay__button.ux-relay__load-less-button {
        min-width: 118px !important;
        min-height: 36px !important;
        font-size: 13px !important;
    }
}

@media screen and (max-width: 420px) {
    .ux-relay__button.ux-relay__load-more-button {
        min-width: 138px !important;
        min-height: 36px !important;
        font-size: 13px !important;
        padding: 0 16px !important;
    }

    .ux-relay__button.ux-relay__load-less-button {
        min-width: 110px !important;
        min-height: 34px !important;
        font-size: 12px !important;
        padding: 0 14px !important;
    }
}

/* ==========================================================================
   CAM KẾT TỪ KHO TÀI KHOẢN (.xc-home-commit) - Cloned to match original
   ========================================================================== */

/* Section Spacing & Container */
.xc-home-commit {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

.xc-home-commit .row {
    max-width: 1100px !important;
}

/* Section Title */
.xc-home-commit h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 26px;
    color: #111;
}

/* Columns Padding & Gap */
.xc-home-commit .row:last-of-type .col {
    padding: 0 10px 20px;
}

/* Commit Card (.col-inner) */
.xc-home-commit .row:last-of-type .col-inner {
    background: #ffffff;
    border-radius: 14px;
    padding: 22px 16px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.xc-home-commit .row:last-of-type .col-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

/* Reset if using Icon Box */
.xc-home-commit .icon-box {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.xc-home-commit .icon-box .icon-box-text {
    text-align: center;
    padding: 0;
}

/* Commit Number (01, 02, 03, 04) */
.xc-home-commit .row:last-of-type h3 {
    font-size: 28px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 6px;
    background: linear-gradient(90deg, #2d9347, #3ec45f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* Commit Heading */
.xc-home-commit .row:last-of-type h4 {
    font-weight: 600;
    font-size: 15px;
    color: #111;
    margin-top: 0;
    margin-bottom: 4px;
    text-align: center;
}

/* Commit Description */
.xc-home-commit .row:last-of-type p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 0;
    text-align: center;
}

/* Responsive */
@media (max-width: 549px) {
    .xc-home-commit {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }

    .xc-home-commit h2 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .xc-home-commit .row:last-of-type .col {
        padding: 0 6px 12px;
    }

    .xc-home-commit .row:last-of-type .col-inner {
        padding: 16px 10px;
        border-radius: 12px;
    }

    .xc-home-commit .row:last-of-type h3 {
        font-size: 22px;
        margin-bottom: 4px;
    }

    .xc-home-commit .row:last-of-type h4 {
        font-size: 13px;
        margin-bottom: 3px;
    }

    .xc-home-commit .row:last-of-type p {
        font-size: 11px;
    }
}

/* ==========================================================================
   BESTSELLER SECTION (.xc-home-bestseller) - Cloned to match original design
   ========================================================================== */

/* Section Background & Spacing */
.xc-home-bestseller {
    background-image: url("assets/images/Blue-Gradient-Modern-Coming-Soon-Banner.gif") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding-top: 50px !important;
    padding-bottom: 45px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

@media (min-width: 1025px) {
    .xc-home-bestseller {
        background-attachment: fixed !important;
    }
}

/* Khoảng cách các cột sản phẩm */
.xc-home-bestseller .row.equalize-box,
.xc-home-bestseller .row-small {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.xc-home-bestseller .row.equalize-box > .col,
.xc-home-bestseller .row-small > .col {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 16px !important;
}

/* Section Title */
.xc-home-bestseller .xc-section-title-2,
.xc-home-bestseller h2.xc-section-title-2,
.xc-home-bestseller h2 {
    display: flex !important;
    align-items: center !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.35 !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.xc-home-bestseller .xc-section-title-2::after,
.xc-home-bestseller h2.xc-section-title-2::after {
    display: none !important;
}

/* Pagination (.ux-relay__pagination / .nav-pagination) */
.xc-home-bestseller .ux-relay__control {
    margin-top: 24px !important;
    padding-bottom: 10px !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li {
    display: inline-block !important;
    margin: 0 !important;
    list-style: none !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li .page-number,
.xc-home-bestseller .ux-relay__pagination.nav-pagination li a,
.xc-home-bestseller .ux-relay__pagination.nav-pagination li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    background: #ffffff !important;
    color: #1f2b45 !important;
    border: 1px solid #e5edf7 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li .page-number.current,
.xc-home-bestseller .ux-relay__pagination.nav-pagination li span.current {
    background: #2d9347 !important;
    color: #ffffff !important;
    border-color: #2d9347 !important;
    box-shadow: 0 4px 14px rgba(45, 147, 71, 0.35) !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li a.page-number:hover {
    background: #eaf8ee !important;
    color: #2d9347 !important;
    border-color: #bbf7d0 !important;
    transform: translateY(-1px) !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li .page-number.dots,
.xc-home-bestseller .ux-relay__pagination.nav-pagination li span.dots {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    min-width: 20px !important;
}

.xc-home-bestseller .ux-relay__pagination.nav-pagination li .next.page-number i,
.xc-home-bestseller .ux-relay__pagination.nav-pagination li .prev.page-number i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Responsive */
@media screen and (max-width: 1024px) {
    .xc-home-bestseller {
        padding-top: 40px !important;
        padding-bottom: 35px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .xc-home-bestseller {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 30px !important;
    }

    .xc-home-bestseller .row.equalize-box,
    .xc-home-bestseller .row-small {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }

    .xc-home-bestseller .row.equalize-box > .col,
    .xc-home-bestseller .row-small > .col {
        padding-left: 4px !important;
        padding-right: 4px !important;
        padding-bottom: 8px !important;
    }

    .xc-home-bestseller .xc-section-title-2,
    .xc-home-bestseller h2.xc-section-title-2,
    .xc-home-bestseller h2 {
        font-size: 18px !important;
        margin-bottom: 14px !important;
    }

    .xc-home-bestseller .ux-relay__pagination.nav-pagination li .page-number,
    .xc-home-bestseller .ux-relay__pagination.nav-pagination li a,
    .xc-home-bestseller .ux-relay__pagination.nav-pagination li span {
        min-width: 32px !important;
        height: 32px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
}

/* ==========================================================================
   CUSTOMER SOCIAL PROOF SECTION (.xc-home-customer)
   Cloned 100% to match original design (Elementor / Woodmart)
   ========================================================================== */

/* Keyframe for glowing dot in Eyebrow */
@keyframes ktk-pulse {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(27, 97, 231, 0.14);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(27, 97, 231, 0.06);
    }
}

/* Section Wrapper */
.xc-home-customer {
    background-color: transparent !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Background Card trên Row chính của Section */
.xc-home-customer > .section-content > .row {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(145deg, #f0f6ff 0%, #e8f0fe 45%, #fff4ec 100%) !important;
    border: 1px solid rgba(27, 97, 231, 0.08);
    box-shadow: 0 20px 60px rgba(27, 97, 231, 0.09), 0 4px 12px rgba(27, 97, 231, 0.04);
    padding: clamp(32px, 4vw, 48px) clamp(20px, 3vw, 32px) clamp(24px, 3vw, 36px) !important;
}

/* Hai đốm sáng trang trí mờ (Radial glow) trên Row chính */
.xc-home-customer > .section-content > .row::before,
.xc-home-customer > .section-content > .row::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.xc-home-customer > .section-content > .row::before {
    width: 280px;
    height: 280px;
    top: -100px;
    left: -80px;
    background: radial-gradient(circle, rgba(27, 97, 231, 0.13) 0%, transparent 70%);
}

.xc-home-customer > .section-content > .row::after {
    width: 260px;
    height: 260px;
    right: -80px;
    bottom: -100px;
    background: radial-gradient(circle, rgba(249, 115, 22, 0.11) 0%, transparent 70%);
}

/* Bỏ khoảng cách đệm thừa của cột cha */
.xc-home-customer > .section-content > .row > .col {
    padding-bottom: 0 !important;
}

/* Eyebrow Badge Pill */
.xc-home-customer .sub-title {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content !important;
    width: fit-content !important;
    gap: 8px;
    margin: 0 auto 14px auto !important;
    padding: 7px 16px !important;
    border-radius: 999px;
    background: rgba(45, 147, 71, 0.07);
    border: 1px solid rgba(45, 147, 71, 0.15);
    color: #2d9347 !important;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}

.xc-home-customer .sub-title::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2d9347, #f97316);
    box-shadow: 0 0 0 3px rgba(45, 147, 71, 0.14);
    flex-shrink: 0;
    animation: ktk-pulse 2s ease-in-out infinite;
}

/* Main Heading Title */
.xc-home-customer h3:not(.icon-box h3) {
    margin: 0 auto !important;
    max-width: 780px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: clamp(22px, 2.8vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
    color: #0f172a !important;
    text-align: center !important;
    position: relative;
    z-index: 1;
}

/* Subtitle Description */
.xc-home-customer p:not(.sub-title):not(.icon-box p) {
    margin: 10px auto 30px auto !important;
    max-width: 600px;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    text-align: center !important;
    position: relative;
    z-index: 1;
}

/* Card Base (.icon-box) */
.xc-home-customer .icon-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    gap: 14px !important;
    padding: 18px 20px !important;
    min-height: 96px;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    position: relative;
    z-index: 1;
}

.xc-home-customer .icon-box:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(45, 147, 71, 0.2) !important;
    box-shadow: 0 12px 32px rgba(45, 147, 71, 0.12) !important;
}

/* Card Icon Box ::before */
.xc-home-customer .icon-box::before {
    content: '' !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 14px !important;
    display: block !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 26px 26px !important;
    transition: transform 0.2s ease;
}

.xc-home-customer .icon-box:hover::before {
    transform: scale(1.05);
}

/* 4 Icon SVG & Background Gradients */
/* 1. Bag (Khách hàng đã mua) */
.xc-home-customer .col:nth-child(1) .icon-box::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d9347' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center / 26px 26px no-repeat, linear-gradient(135deg, #dcfce7, #f0fdf4) !important;
    box-shadow: 0 4px 14px rgba(45, 147, 71, 0.16) !important;
}

/* 2. Gear (Đơn mỗi tháng) */
.xc-home-customer .col:nth-child(2) .icon-box::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") center / 26px 26px no-repeat, linear-gradient(135deg, #fef3c7, #fffbeb) !important;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.15) !important;
}

/* 3. Star (Đánh giá khách hàng) */
.xc-home-customer .col:nth-child(3) .icon-box::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23db2777'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") center / 26px 26px no-repeat, linear-gradient(135deg, #fce7f3, #fdf2f8) !important;
    box-shadow: 0 4px 14px rgba(219, 39, 119, 0.13) !important;
}

/* 4. Flash (Giao tài khoản) */
.xc-home-customer .col:nth-child(4) .icon-box::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E") center / 26px 26px no-repeat, linear-gradient(135deg, #d1fae5, #ecfdf5) !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.14) !important;
}

/* Card Text Content */
.xc-home-customer .icon-box .icon-box-text {
    flex: 1 1 auto;
    padding-left: 0 !important;
    text-align: left !important;
}

.xc-home-customer .icon-box h3 {
    margin: 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
    background: linear-gradient(135deg, #2d9347 0%, #3ec45f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left !important;
}

.xc-home-customer .icon-box h4 {
    margin: 3px 0 0 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.xc-home-customer .icon-box p {
    margin: 1px 0 0 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

/* Responsive */
@media screen and (max-width: 640px) {
    .xc-home-customer > .section-content > .row {
        border-radius: 20px;
        padding: 24px 14px 18px !important;
    }

    .xc-home-customer p:not(.sub-title):not(.icon-box p) {
        margin-bottom: 20px !important;
        font-size: 14px !important;
    }

    .xc-home-customer .icon-box {
        padding: 12px 10px !important;
        gap: 10px !important;
        border-radius: 16px !important;
        min-height: auto;
    }

    .xc-home-customer .icon-box::before {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
        background-size: 20px 20px !important;
    }

    .xc-home-customer .icon-box h3 {
        font-size: clamp(18px, 5vw, 22px) !important;
    }

    .xc-home-customer .icon-box h4 {
        font-size: 12px !important;
    }

    .xc-home-customer .icon-box p {
        font-size: 11px !important;
    }
}

/* ==========================================================================
   AI TOOLS DISCOVERY SECTION (.xc-home-discovery)
   Cloned 100% to match original design (Elementor / Woodmart)
   ========================================================================== */

/* Section Spacing (Không can thiệp background section) */
.xc-home-discovery {
    padding-top: 15px !important;
    padding-bottom: 20px !important;
    margin-bottom: 30px !important;
    background: transparent !important;
}

/* Card Container trên Row */
.xc-home-discovery > .section-content > .row {
    background-color: #FFFFFF !important;
    border-radius: 12px !important;
    max-width: 1140px !important;
    padding: 15px 15px !important;
    align-items: center !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Cột con bên trong */
.xc-home-discovery > .section-content > .row > .col {
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
}

/* Image Widget (Cột Trái) */
.xc-home-discovery .img,
.xc-home-discovery .img-inner {
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.xc-home-discovery .img img {
    border-radius: 8px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Typography (Cột Phải) */
.xc-home-discovery h2 {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #111827 !important;
    margin: 0 0 10px 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    max-width: 445px !important;
}

.xc-home-discovery p:not(.sub-title) {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #1f2937 !important;
    margin: 0 0 18px 0 !important;
    max-width: 445px !important;
}

.xc-home-discovery p strong {
    font-weight: 700 !important;
    color: #111827 !important;
}

/* Buttons Container: Grid 2 cột tự co giãn theo nội dung */
.xc-home-discovery .row .row .col-inner {
    display: grid !important;
    grid-template-columns: repeat(2, max-content) !important;
    gap: 10px 12px !important;
    justify-content: start !important;
    align-items: center !important;
}

/* All Buttons Base: Không full width, vừa vặn nội dung */
.xc-home-discovery a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    justify-self: start !important;
    background-color: #2d9347 !important;
    border: 1px solid #2d9347 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 7px 16px !important;
    min-height: 38px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.xc-home-discovery a.button:hover {
    background-color: #247d3c !important;
    border-color: #247d3c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(45, 147, 71, 0.35) !important;
}

/* Button Icon */
.xc-home-discovery a.button i,
.xc-home-discovery a.button .icon-checkmark {
    font-size: 13px !important;
    margin-right: 6px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    top: 0 !important;
}

/* Hàng 1: Button 1 (1 mình 1 hàng, không full width) */
.xc-home-discovery a.button:nth-of-type(1) {
    grid-column: 1 / -1 !important;
}

/* Hàng 2: Button 2 và Button 3 (chung 1 hàng) */
.xc-home-discovery a.button:nth-of-type(2) {
    grid-column: 1 !important;
}

.xc-home-discovery a.button:nth-of-type(3) {
    grid-column: 2 !important;
}

/* Hàng 3: Button 4 (1 mình 1 hàng, không full width) */
.xc-home-discovery a.button:nth-of-type(4),
.xc-home-discovery a.button:nth-of-type(5) {
    grid-column: 1 / -1 !important;
}

/* Responsive */
@media screen and (max-width: 1024px) {
    .xc-home-discovery h2 {
        font-size: 30px !important;
    }

    .xc-home-discovery p:not(.sub-title) {
        font-size: 14px !important;
    }

    .xc-home-discovery > .section-content > .row {
        padding: 20px 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .xc-home-discovery {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin-bottom: 20px !important;
    }

    .xc-home-discovery > .section-content > .row {
        padding: 16px 12px !important;
        border-radius: 10px !important;
    }

    .xc-home-discovery > .section-content > .row > .col {
        padding-bottom: 15px !important;
    }

    .xc-home-discovery > .section-content > .row > .col:last-child {
        padding-bottom: 0 !important;
    }

    .xc-home-discovery h2 {
        font-size: 22px !important;
        margin-bottom: 8px !important;
    }

    .xc-home-discovery p:not(.sub-title) {
        font-size: 13.5px !important;
        margin-bottom: 14px !important;
    }

    /* Mobile: Mỗi button 1 hàng, không full width, căn trái */
    .xc-home-discovery .row .row .col-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .xc-home-discovery a.button {
        width: auto !important;
        max-width: 100% !important;
        font-size: 12.5px !important;
        padding: 6px 14px !important;
        min-height: 34px !important;
    }
}

/* ==========================================================================
   PROCESS / STEPS SECTION (.xc-home-process)
   Cloned 100% to match original design (Elementor / Woodmart)
   ========================================================================== */

/* Section Base */
.xc-home-process {
    background-color: #f9fafb !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.xc-home-process > .section-content > .row {
    max-width: 1100px !important;
}

/* Header Row (Title & Subtitle) */
.xc-home-process .row:first-child h2 {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 8px 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.xc-home-process .row:first-child p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    color: #666666 !important;
    margin: 0 auto 40px auto !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

/* Steps Row & Columns */
.xc-home-process .row:nth-child(2) {
    align-items: stretch !important;
}

.xc-home-process .row:nth-child(2) > .col {
    display: flex !important;
    padding-bottom: 0 !important;
}

.xc-home-process .row:nth-child(2) > .col .col-inner {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Step Card */
.xc-home-process .icon-box {
    background: #ffffff !important;
    padding: 26px 22px !important;
    border-radius: 16px !important;
    text-align: center !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    border: none !important;
    margin: 0 !important;
}

.xc-home-process .icon-box:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08) !important;
}

.xc-home-process .icon-box .icon-box-text {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Step Number (Circle Gradient) */
.xc-home-process .icon-box h3 {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    margin: 0 auto 12px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #ffffff !important;
    background: linear-gradient(90deg, #2d9347, #3ec45f) !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(45, 147, 71, 0.25) !important;
}

/* Step Title */
.xc-home-process .icon-box h4 {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    margin: 0 0 6px 0 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Step Description */
.xc-home-process .icon-box p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* Mobile (<= 767px): Vertical Timeline */
@media screen and (max-width: 767px) {
    .xc-home-process {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .xc-home-process .row:first-child h2 {
        font-size: 22px !important;
        margin-bottom: 6px !important;
    }

    .xc-home-process .row:first-child p {
        font-size: 14px !important;
        margin-bottom: 24px !important;
    }

    /* Timeline Row */
    .xc-home-process .row:nth-child(2) {
        position: relative !important;
    }

    /* Vertical connecting line */
    .xc-home-process .row:nth-child(2)::before {
        content: "" !important;
        position: absolute !important;
        left: 28px !important;
        top: 20px !important;
        bottom: 30px !important;
        width: 2px !important;
        background: #e5e7eb !important;
        z-index: 1 !important;
    }

    .xc-home-process .row:nth-child(2) > .col {
        padding-left: 28px !important;
        padding-right: 15px !important;
        padding-bottom: 18px !important;
    }

    .xc-home-process .row:nth-child(2) > .col:last-child {
        padding-bottom: 0 !important;
    }

    /* Mobile Step Card */
    .xc-home-process .icon-box {
        text-align: left !important;
        padding: 16px 16px 16px 34px !important;
        border-radius: 12px !important;
        position: relative !important;
        align-items: flex-start !important;
        z-index: 2 !important;
    }

    .xc-home-process .icon-box:hover {
        transform: none !important;
    }

    .xc-home-process .icon-box .icon-box-text {
        text-align: left !important;
        align-items: flex-start !important;
    }

    /* Number badge nhỏ lại và nằm đè lên line timeline */
    .xc-home-process .icon-box h3 {
        position: absolute !important;
        left: -13px !important;
        top: 16px !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        font-size: 13px !important;
        margin: 0 !important;
        z-index: 3 !important;
        box-shadow: 0 2px 8px rgba(69, 111, 232, 0.3) !important;
    }

    .xc-home-process .icon-box h4 {
        font-size: 15px !important;
        margin-bottom: 4px !important;
        text-align: left !important;
    }

    .xc-home-process .icon-box p {
        font-size: 13px !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }
}

/* ==========================================================================
   TESTIMONIALS SECTION (.xc-home-testimonial) - Cloned to match original design
   ========================================================================== */

/* Section Spacing */
.xc-home-testimonial {
    padding-top: 35px !important;
    padding-bottom: 45px !important;
}

/* Section Title & Subtitle */
.xc-home-testimonial .section-title-container {
    margin-bottom: 6px !important;
}

.xc-home-testimonial .section-title-main {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.xc-home-testimonial .section-title-center b {
    border-top: 1px solid rgba(0, 0, 0, 0.105) !important;
    opacity: 1 !important;
}

.xc-home-testimonial .row:first-child .text p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    color: #6b7280 !important;
    margin-top: 4px !important;
    margin-bottom: 25px !important;
    line-height: 1.5 !important;
}

/* Testimonial Cards Layout */
.xc-home-testimonial .row-xc-slider,
.xc-home-testimonial .align-equal {
    align-items: stretch !important;
}

/* Testimonial Box Component */
.xc-home-testimonial .testimonial-box {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 30px 25px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.xc-home-testimonial .testimonial-box:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

.xc-home-testimonial .testimonial-box .icon-box-text {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Hide Empty Avatar Image */
.xc-home-testimonial .testimonial-image,
.xc-home-testimonial .icon-box-img {
    display: none !important;
}

/* Star Rating */
.xc-home-testimonial .star-rating {
    display: inline-block !important;
    float: none !important;
    margin: 0 auto 12px auto !important;
    font-size: 14px !important;
    color: #eabe12 !important;
    letter-spacing: 2px !important;
}

.xc-home-testimonial .star-rating span {
    color: #eabe12 !important;
}

.xc-home-testimonial .star-rating::before {
    color: #e2e8f0 !important;
    letter-spacing: 2px !important;
}

.xc-home-testimonial .star-rating span::before {
    color: #eabe12 !important;
    letter-spacing: 2px !important;
}

/* Testimonial Content Text */
.xc-home-testimonial .testimonial-text {
    font-style: normal !important;
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
}

.xc-home-testimonial .testimonial-text p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    color: #1f2937 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Author Meta Info */
.xc-home-testimonial .testimonial-meta {
    margin-top: auto !important;
    padding-top: 14px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.xc-home-testimonial .testimonial-name {
    color: #111827 !important;
    font-weight: 600 !important;
    display: inline !important;
}

.xc-home-testimonial .testimonial-name-divider {
    display: none !important;
}

.xc-home-testimonial .testimonial-company {
    color: #6b7280 !important;
    font-weight: 400 !important;
    display: inline !important;
}

.xc-home-testimonial .testimonial-company::before {
    content: " - " !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
}

/* Slider Pagination Dots & Arrows (If using Flickity slider) */
.xc-home-testimonial .row-xc-slider {
    position: relative !important;
    padding-bottom: 25px !important;
}

.xc-home-testimonial .row-xc-slider.flickity-enabled .flickity-viewport {
    padding-top: 8px !important;
    padding-bottom: 12px !important;
}

.xc-home-testimonial .flickity-page-dots {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -5px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center !important;
    line-height: 1 !important;
    z-index: 10 !important;
}

.xc-home-testimonial .flickity-page-dots .dot {
    width: 10px !important;
    height: 10px !important;
    border: 2px solid #cbd5e1 !important;
    background: transparent !important;
    opacity: 1 !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.xc-home-testimonial .flickity-page-dots .dot.is-selected {
    border-color: #1f2937 !important;
    background-color: #1f2937 !important;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
    .xc-home-testimonial {
        padding-top: 25px !important;
        padding-bottom: 30px !important;
    }

    .xc-home-testimonial .section-title-main {
        font-size: 19px !important;
    }

    .xc-home-testimonial .testimonial-box {
        padding: 22px 18px !important;
    }

    .xc-home-testimonial .testimonial-text p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .xc-home-testimonial .testimonial-meta {
        font-size: 13.5px !important;
    }
}

/* ==========================================================================
   TOP TOOLS & ARTICLES SECTION (.xc-top-tools) - Cloned to match original design
   ========================================================================== */

/* Section Spacing */
.xc-top-tools {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Headings: Row 1 & Row 3 */
.xc-top-tools .row:nth-child(1) p:first-child strong,
.xc-top-tools .row:nth-child(3) p:first-child strong {
    display: block;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}

.xc-top-tools .row:nth-child(1) p:nth-child(2) {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    color: #475569 !important;
    line-height: 1.7 !important;
    margin-bottom: 20px !important;
}

.xc-top-tools .row:nth-child(3) {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

/* Equal Height Rows & Columns for Tool Cards & Post Cards */
.xc-top-tools .row:nth-child(2),
.xc-top-tools .row:nth-child(4) {
    align-items: stretch !important;
}

.xc-top-tools .row:nth-child(2) > .col,
.xc-top-tools .row:nth-child(4) > .col {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
}

.xc-top-tools .row:nth-child(2) > .col > .col-inner,
.xc-top-tools .row:nth-child(4) > .col > .col-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Card Box Container (.icon-box.box-tool) */
.xc-top-tools .icon-box.box-tool {
    padding: 20px !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    margin: 0 !important;
}

.xc-top-tools .icon-box.box-tool:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
    border-color: #cfe0ff !important;
}

.xc-top-tools .icon-box.box-tool .icon-box-text {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
    text-align: left !important;
}

/* Category Chip / Badge (.sub-title) */
.xc-top-tools .box-tool .sub-title {
    display: inline-flex !important;
    align-self: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Card Title (h3) */
.xc-top-tools .box-tool h3 {
    display: block !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #0f172a !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.xc-top-tools .box-tool h3 a {
    color: #0f172a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.xc-top-tools .box-tool h3 a:hover {
    color: #1d4ed8 !important;
}

/* Card Description Text */
.xc-top-tools .box-tool p:not(.sub-title) {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #475569 !important;
    margin: 0 0 12px 0 !important;
    flex-grow: 1 !important;
}

/* Detail Button / Action Link (.btn-detail) */
.xc-top-tools .box-tool .btn-detail,
.xc-top-tools .box-tool a.button {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: auto 0 0 0 !important;
    color: #1d4ed8 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: unset !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    text-align: left !important;
}

.xc-top-tools .box-tool .btn-detail:hover,
.xc-top-tools .box-tool a.button:hover {
    color: #1e40af !important;
    transform: translateX(3px) !important;
    text-decoration: underline !important;
}

.xc-top-tools .box-tool .btn-detail span {
    color: inherit !important;
}

/* Bottom CTA Banner Box (Row 5 / Last Row) */
.xc-top-tools .row:last-child {
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.xc-top-tools .row:last-child .col-inner {
    padding: 22px 26px !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #f0f7ff 0%, #f8fbff 100%) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.05) !important;
}

.xc-top-tools .row:last-child p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    margin-bottom: 0 !important;
}

.xc-top-tools .row:last-child p strong,
.xc-top-tools .row:last-child strong {
    display: block !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}

.xc-top-tools .row:last-child p a,
.xc-top-tools .row:last-child a {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.xc-top-tools .row:last-child p a:hover,
.xc-top-tools .row:last-child a:hover {
    color: #1e40af !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .xc-top-tools .row:nth-child(2) > .col,
    .xc-top-tools .row:nth-child(4) > .col {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }
}

/* Mobile (<= 767px) */
@media screen and (max-width: 767px) {
    .xc-top-tools {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .xc-top-tools .row:nth-child(1) p:first-child strong,
    .xc-top-tools .row:nth-child(3) p:first-child strong {
        font-size: 18px !important;
    }

    .xc-top-tools .row:nth-child(2) > .col,
    .xc-top-tools .row:nth-child(4) > .col {
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
    }

    .xc-top-tools .icon-box.box-tool {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .xc-top-tools .box-tool h3 {
        font-size: 17px !important;
    }

    .xc-top-tools .box-tool p:not(.sub-title) {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
    }

    .xc-top-tools .row:last-child .col-inner {
        padding: 16px 18px !important;
        border-radius: 16px !important;
    }

    .xc-top-tools .row:last-child p strong,
    .xc-top-tools .row:last-child strong {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   CATEGORY TOP HEADER & SHOP LOOP TOOLBAR (Khớp 100% bản gốc Woodmart)
   ========================================================================== */

/* Breadcrumb & Result Count bar at the top */
.shop-page-title.category-page-title,
.shop-page-title {
    background-color: transparent !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.shop-page-title .breadcrumbs,
.shop-page-title .woocommerce-breadcrumb,
.woocommerce-breadcrumb {
    text-transform: none !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    color: #64748b !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.shop-page-title .woocommerce-breadcrumb a,
.woocommerce-breadcrumb a {
    color: #64748b !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.shop-page-title .woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:hover {
    color: #1e293b !important;
}

.shop-page-title .woocommerce-breadcrumb .divider,
.woocommerce-breadcrumb .divider {
    color: #94a3b8 !important;
    margin: 0 6px !important;
    font-weight: 300 !important;
}

.shop-page-title .woocommerce-result-count,
p.woocommerce-result-count {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    color: #64748b !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

/* Category Description Paragraphs */
.term-description {
    margin-top: 16px !important;
    margin-bottom: 24px !important;
}

.term-description p {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    margin-bottom: 12px !important;
}

.term-description p:last-child {
    margin-bottom: 0 !important;
}

/* Toolbar Header Bar above Shop Loop (.ktk-shop-loop-header) */
.ktk-shop-loop-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 22px !important;
    padding-bottom: 0 !important;
}

/* Left: Title */
.ktk-shop-loop-header .ktk-shop-header-left {
    display: flex !important;
    align-items: center !important;
}

.ktk-shop-loop-header h1.ktk-shop-title,
.ktk-shop-loop-header .ktk-shop-title {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Right: Tools container */
.ktk-shop-loop-header .ktk-shop-header-right {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    margin-left: auto !important;
}

/* Per-Page variation ('Xem : 9 / 12 / 18 / 24') */
.ktk-products-per-page,
.wd-products-per-page {
    display: inline-flex !important;
    align-items: center !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1 !important;
}

.ktk-products-per-page .per-page-title,
.wd-products-per-page .per-page-title {
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-right: 4px !important;
}

.ktk-products-per-page .per-page-title:after,
.wd-products-per-page .per-page-title:after {
    content: ' :' !important;
}

.ktk-products-per-page .per-page-variation,
.wd-products-per-page .per-page-variation {
    display: inline-block !important;
    padding: 0 6px !important;
    color: #64748b !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.ktk-products-per-page .per-page-variation:hover,
.wd-products-per-page .per-page-variation:hover {
    color: #1e293b !important;
}

.ktk-products-per-page .per-page-variation.current-variation,
.wd-products-per-page .per-page-variation.current-variation {
    color: #1e293b !important;
    font-weight: 700 !important;
}

.ktk-products-per-page .per-page-border,
.wd-products-per-page .per-page-border {
    display: inline-block !important;
}

.ktk-products-per-page .per-page-border:after,
.wd-products-per-page .per-page-border:after {
    content: "/" !important;
    color: #94a3b8 !important;
    margin: 0 1px !important;
}

/* View Switcher icons (List, Grid 3, Grid 4) */
.ktk-products-shop-view,
.wd-products-shop-view {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    line-height: 1 !important;
}

.ktk-products-shop-view a.shop-view,
.wd-products-shop-view a.shop-view {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #cbd5e1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    padding: 2px !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.ktk-products-shop-view a.shop-view:hover,
.wd-products-shop-view a.shop-view:hover {
    color: #64748b !important;
}

.ktk-products-shop-view a.shop-view.current-variation,
.wd-products-shop-view a.shop-view.current-variation {
    color: #1e293b !important;
    cursor: default !important;
}

.ktk-products-shop-view a.shop-view svg,
.wd-products-shop-view a.shop-view svg {
    display: block !important;
}

/* Orderby Dropdown */
.ktk-shop-ordering,
.wd-shop-ordering,
.woocommerce-ordering {
    margin: 0 !important;
    padding: 0 !important;
}

.ktk-shop-ordering select.orderby,
.wd-shop-ordering select.orderby,
.woocommerce-ordering select.orderby,
select.orderby {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 36px 0 14px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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 12px center !important;
    background-size: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    margin: 0 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ktk-shop-ordering select.orderby:focus,
.wd-shop-ordering select.orderby:focus,
.woocommerce-ordering select.orderby:focus,
select.orderby:focus {
    border-color: #2d9347 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(45, 147, 71, 0.12) !important;
}

/* ==========================================================================
   PRODUCTS LIST VIEW (Dạng Danh Sách Ngang Chuẩn Đẹp)
   ========================================================================== */
.products.row.products-list-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.products.row.products-list-view .product-small.col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 0 16px 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
}

.products.row.products-list-view .product-small .col-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    min-height: 180px !important;
    height: auto !important;
    background: #ffffff !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.products.row.products-list-view .product-small .col-inner:hover {
    transform: translateY(-2px) !important;
    border-color: #cfe0ff !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.11) !important;
}

.products.row.products-list-view .product-small .box {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
}

/* Image container - Reset padding-top của Flatsome equal-box-heights */
.products.row.products-list-view .product-small .box-image,
.products.row.products-list-view.has-equal-box-heights .product-small .box-image,
.products.row.products-list-view .has-equal-box-heights .box-image {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: auto !important;
    min-height: 180px !important;
    padding-top: 0 !important;
    margin: 0 !important;
    position: relative !important;
    border-radius: 16px 0 0 16px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #f8fbff !important;
}

.products.row.products-list-view .product-small .box-image .image-zoom,
.products.row.products-list-view .product-small .box-image .image-zoom a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
}

.products.row.products-list-view .product-small .box-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px 0 0 16px !important;
}

/* Text box & Information */
.products.row.products-list-view .product-small .box-text,
.products.row.products-list-view .product-small .box-text.box-text-products {
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    padding: 20px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
}

.products.row.products-list-view .product-small .title-wrapper {
    width: 100% !important;
    margin-bottom: 6px !important;
}

.products.row.products-list-view .product-small .title-wrapper p.product-title,
.products.row.products-list-view .product-small .title-wrapper .product-title a,
.products.row.products-list-view .product-small .woocommerce-LoopProduct-link {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    min-height: unset !important;
    height: auto !important;
    -webkit-line-clamp: 2 !important;
}

.products.row.products-list-view .product-small .ktk-grid-social-proof {
    margin: 4px 0 8px 0 !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

.products.row.products-list-view .product-small .ktk-grid-sold {
    margin-left: 12px !important;
}

.products.row.products-list-view .product-small .price-wrapper {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.products.row.products-list-view .product-small .price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
}

.products.row.products-list-view .product-small .add-to-cart-button,
.products.row.products-list-view .product-small .grid-tools {
    width: auto !important;
    max-width: 220px !important;
    margin-top: 4px !important;
}

.products.row.products-list-view .product-small a.button,
.products.row.products-list-view .product-small .add-to-cart-button a {
    min-width: 130px !important;
    width: auto !important;
    height: 38px !important;
}

.products.row.products-list-view .product-small .badge-container {
    top: 8px !important;
    left: 8px !important;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
    .ktk-shop-loop-header h1.ktk-shop-title,
    .ktk-shop-loop-header .ktk-shop-title {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 768px) {
    .ktk-shop-loop-header {
        margin-top: 5px !important;
        margin-bottom: 16px !important;
    }

    .ktk-shop-loop-header h1.ktk-shop-title,
    .ktk-shop-loop-header .ktk-shop-title {
        font-size: 20px !important;
    }

    .ktk-shop-ordering select.orderby,
    .wd-shop-ordering select.orderby,
    .woocommerce-ordering select.orderby,
    select.orderby {
        height: 36px !important;
        line-height: 34px !important;
        font-size: 13px !important;
        padding: 0 30px 0 10px !important;
    }

    .products.row.products-list-view .product-small .box-image,
    .products.row.products-list-view.has-equal-box-heights .product-small .box-image,
    .products.row.products-list-view .has-equal-box-heights .box-image {
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        min-height: 140px !important;
    }

    .products.row.products-list-view .product-small .box-text,
    .products.row.products-list-view .product-small .box-text.box-text-products {
        padding: 12px 16px !important;
    }

    .products.row.products-list-view .product-small .title-wrapper p.product-title,
    .products.row.products-list-view .product-small .title-wrapper .product-title a {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}

@media screen and (max-width: 480px) {
    .products.row.products-list-view .product-small .box-image,
    .products.row.products-list-view.has-equal-box-heights .product-small .box-image,
    .products.row.products-list-view .has-equal-box-heights .box-image {
        width: 115px !important;
        min-width: 115px !important;
        max-width: 115px !important;
        min-height: 115px !important;
    }

    .products.row.products-list-view .product-small .box-text,
    .products.row.products-list-view .product-small .box-text.box-text-products {
        padding: 10px 12px !important;
    }

    .products.row.products-list-view .product-small a.button,
    .products.row.products-list-view .product-small .add-to-cart-button a {
        min-width: 100px !important;
        height: 32px !important;
        font-size: 12px !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT PAGE (.single-product)
   ========================================================================== */

/* Single Product Title H1 */
.single-product h1.product-title,
.single-product h1.entry-title,
.single-product .product-info h1.product-title,
.single-product .product_title.entry-title,
.single-product .product_title {
    font-family: "Be Vietnam Pro", Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    line-height: 31px !important;
    color: rgb(51, 51, 51) !important;
    margin-top: 0;
    margin-bottom: 12px;
}

/* Ẩn gạch phân cách (is-divider small) chỉ ở trang Single Product */
.single-product .is-divider.small,
.single-product .product-info .is-divider,
.single-product .product-main .is-divider {
    display: none !important;
}

/* Responsive cho Single Product Title */
@media screen and (max-width: 768px) {
    .single-product h1.product-title,
    .single-product h1.entry-title,
    .single-product .product_title {
        font-size: 22px !important;
        line-height: 28px !important;
    }
}

@media screen and (max-width: 480px) {
    .single-product h1.product-title,
    .single-product h1.entry-title,
    .single-product .product_title {
        font-size: 20px !important;
        line-height: 26px !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT: Social Proof (Stars, Reviews, Sold Count, Highly Rated Badge)
   ========================================================================== */
.single-product .woocommerce-product-rating.ktk-single-social-proof,
.woocommerce-product-rating.ktk-single-social-proof {
    display: none !important;
}

.single-product .ktk-single-stars {
    color: #f59e0b !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
    display: inline-block;
}

.single-product .ktk-single-rating-score {
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin-left: 4px !important;
    margin-right: 2px !important;
}

.single-product .ktk-single-review-link {
    color: #247d3c !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

.single-product .ktk-single-review-link:hover {
    color: #1a5e2c !important;
    text-decoration: underline !important;
}

.single-product .ktk-single-sep {
    color: #94a3b8 !important;
    font-weight: bold !important;
    margin: 0 6px !important;
    font-size: 14px !important;
}

.single-product .ktk-single-sold {
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.single-product .ktk-badge-highly-rated {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #e6f9f0 !important;
    color: #059669 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    margin-left: 8px !important;
    white-space: nowrap !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Buyer Ticker (Fake người mua trượt từ dưới lên)
   ========================================================================== */
.ktk-buyer-ticker-wrapper {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    margin: 8px 0 16px 0 !important;
    height: 48px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.ktk-buyer-ticker-content {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.38s ease !important;
    transform: translateY(0);
    opacity: 1;
}

.ktk-buyer-ticker-content.slide-out-up {
    transform: translateY(-120%) !important;
    opacity: 0 !important;
}

.ktk-buyer-ticker-content.slide-in-bottom {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    transition: none !important;
}

/* Avatar & Verified Badge */
.ktk-buyer-avatar {
    position: relative !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.ktk-buyer-badge {
    position: absolute !important;
    bottom: -1px !important;
    right: -2px !important;
    width: 13px !important;
    height: 13px !important;
    background-color: #10b981 !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
}

.ktk-buyer-badge svg {
    width: 8px !important;
    height: 8px !important;
    display: block !important;
}

/* Buyer Info Text */
.ktk-buyer-info {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ktk-buyer-name {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.ktk-buyer-action {
    color: #475569 !important;
    font-weight: 400 !important;
}

.ktk-buyer-dot {
    color: #94a3b8 !important;
    margin: 0 4px !important;
    font-weight: bold !important;
}

.ktk-buyer-time {
    color: #64748b !important;
    font-size: 13px !important;
}

@media screen and (max-width: 480px) {
    .single-product .woocommerce-product-rating.ktk-single-social-proof {
        gap: 4px 6px !important;
    }
    
    .single-product .ktk-badge-highly-rated {
        margin-left: 0 !important;
        margin-top: 4px !important;
    }

    .ktk-buyer-ticker-wrapper {
        padding: 6px 10px !important;
        height: 44px !important;
    }

    .ktk-buyer-info {
        font-size: 12px !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT: Price (Giá thường gạch ngang - Giá khuyến mại đỏ)
   ========================================================================== */
.single-product .price-wrapper,
.single-product .product-info .price-wrapper {
    margin: 10px 0 14px 0 !important;
}

.single-product .price.product-page-price,
.single-product .product-info .price,
.single-product .product-info .price-wrapper .price,
.single-product .woocommerce-variation-price .price {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 4px 10px !important;
    margin: 0 !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    line-height: 1.25 !important;
}

/* Giá thường (gạch ngang, xám) - Thu nhỏ vừa vặn */
.single-product .price.product-page-price del,
.single-product .product-info .price del,
.single-product .woocommerce-variation-price .price del,
.single-product .price del .amount,
.single-product .price del bdi {
    color: #94a3b8 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
    order: 1 !important;
    display: inline-block !important;
    opacity: 0.85;
}

/* Giá khuyến mại / Giá bán chính (Đỏ tươi nổi bật, kích thước cân đối) */
.single-product .price.product-page-price ins,
.single-product .product-info .price ins,
.single-product .woocommerce-variation-price .price ins,
.single-product .price.product-page-price ins .amount,
.single-product .product-info .price ins .amount,
.single-product .price.product-page-price > .amount,
.single-product .product-info .price > .amount,
.single-product .price.product-page-price ins bdi,
.single-product .product-info .price ins bdi {
    color: #e53935 !important; /* Đỏ chuẩn e-commerce */
    font-size: 22px !important; /* Thu nhỏ từ 28px xuống 22px cân đối */
    font-weight: 700 !important;
    text-decoration: none !important;
    order: 2 !important;
    display: inline-block !important;
}

.single-product .price.product-page-price .woocommerce-Price-currencySymbol,
.single-product .product-info .price .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Ẩn dấu gạch nối khoảng giá cũ */
.single-product .price.product-page-price > span[aria-hidden="true"]:not(.amount) {
    display: none !important;
}

/* Responsive giá trên Mobile */
@media screen and (max-width: 480px) {
    .single-product .price.product-page-price del,
    .single-product .product-info .price del,
    .single-product .price del .amount {
        font-size: 14px !important;
    }

    .single-product .price.product-page-price ins,
    .single-product .product-info .price ins,
    .single-product .price.product-page-price ins .amount,
    .single-product .price.product-page-price > .amount {
        font-size: 19px !important;
    }
}

/* ==========================================================================
   Ẩn Tooltip trên trang Single Product (Tippy, Tipso, Flatsome Tooltips)
   ========================================================================== */
.single-product .tooltip,
.single-product .tipso_bubble,
.single-product .tooltipster-base,
.single-product .tippy-popper,
.single-product .tippy-box,
.tippy-popper,
.tippy-box,
.tooltipster-base {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Banner Ưu Đãi Đang Áp Dụng (Flash Sale Countdown)
   ========================================================================== */
.ktk-deal-banner {
    background: linear-gradient(135deg, #ff4c4c 0%, #f43f5e 50%, #ea2a4a 100%) !important;
    border-radius: 14px !important;
    padding: 12px 16px 10px 16px !important;
    margin: 12px 0 16px 0 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(234, 42, 74, 0.22) !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
}

.ktk-deal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

/* Viên thuốc ƯU ĐÃI ĐANG ÁP DỤNG */
.ktk-deal-badge {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 999px !important;
    padding: 3px 10px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Khối Đếm ngược KẾT THÚC SAU: */
.ktk-deal-countdown {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.ktk-countdown-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
    margin-right: 4px !important;
    white-space: nowrap !important;
}

.ktk-countdown-units {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}

/* Khối số trắng (04 NGÀY : 08 GIỜ : 13 PHÚT : 01 GIÂY) */
.ktk-countdown-unit {
    background: #ffffff !important;
    border-radius: 6px !important;
    width: 28px !important;
    height: 32px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}

.ktk-countdown-num {
    color: #ef4444 !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
}

.ktk-countdown-text {
    color: #64748b !important;
    font-size: 7.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.ktk-countdown-colon {
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    margin: 0 1px !important;
    line-height: 1 !important;
}

/* Thanh tiến trình % đã bán */
.ktk-deal-progress {
    background: rgba(0, 0, 0, 0.16) !important;
    height: 7px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

.ktk-deal-progress-fill {
    background: #ffeedb !important;
    height: 100% !important;
    border-radius: 999px !important;
    transition: width 0.4s ease !important;
}

/* Footer: Đã bán 93% - Còn 91 */
.ktk-deal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Variation Buttons / Swatches (Active / Inactive Styles)
   ========================================================================== */
.single-product table.variations {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 15px !important;
    border: none !important;
    display: table !important;
}

.single-product table.variations tbody,
.single-product table.variations tr {
    border: none !important;
}

.single-product table.variations tr {
    display: block !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

.single-product table.variations td.label {
    display: block !important;
    padding: 0 0 6px 0 !important;
    text-align: left !important;
    width: 100% !important;
}

.single-product table.variations td.label label {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
}

.single-product table.variations td.value {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

.single-product .ux-swatches,
.single-product .variations .value .ux-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    margin: 0 !important;
}

/* Swatch Item - Không Active: rgba(245, 255, 255, 1) */
.single-product .ux-swatches .ux-swatch,
.single-product .ux-swatch,
.single-product .variations_form .swatch,
.single-product .variations .swatch,
.single-product .variations .button,
.single-product .variations td.value a,
.single-product .variations td.value .ux-swatch {
    opacity: 1 !important;
    background-color: rgba(245, 255, 255, 1) !important;
    background: rgba(245, 255, 255, 1) !important;
    color: #334155 !important;
    border: 1px solid #dcebf8 !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    min-height: 38px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
}

/* Hover trên biến thể chưa chọn */
.single-product .ux-swatches .ux-swatch:hover,
.single-product .ux-swatch:hover,
.single-product .variations td.value a:hover,
.single-product .variations td.value .ux-swatch:hover {
    opacity: 1 !important;
    border-color: rgba(45, 147, 71, 0.6) !important;
    color: #2d9347 !important;
    background-color: #f0fdf4 !important;
}

/* Swatch Item - ACTIVE: #2d9347 */
.single-product .ux-swatches .ux-swatch.selected,
.single-product .ux-swatches .ux-swatch.active,
.single-product .ux-swatch.selected,
.single-product .ux-swatch.active,
.single-product .ux-swatch.ux-swatch--selected,
.single-product .variations .swatch.selected,
.single-product .variations td.value a.selected,
.single-product .variations td.value a.active,
.single-product .variations td.value .ux-swatch.selected,
.single-product .variations td.value .ux-swatch.active {
    opacity: 1 !important;
    background-color: #2d9347 !important;
    background: #2d9347 !important;
    color: #ffffff !important;
    border-color: #2d9347 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(45, 147, 71, 0.28) !important;
}

.single-product .ux-swatches .ux-swatch.selected:hover,
.single-product .ux-swatch.selected:hover {
    opacity: 1 !important;
    background-color: #2d9347 !important;
    color: #ffffff !important;
    border-color: #2d9347 !important;
}

/* Biến thể không khả dụng / hết hàng (Disabled - Gạch chéo chữ X màu đỏ) */
.single-product .ux-swatches .ux-swatch.disabled,
.single-product .ux-swatches .ux-swatch--disabled,
.single-product .ux-swatch.disabled,
.single-product .variations .swatch.disabled,
.single-product .variations td.value a.disabled,
.single-product .variations td.value .ux-swatch.disabled,
.single-product .variations_form .ux-swatch.disabled,
.single-product .variations_form .swatch.disabled {
    opacity: 0.55 !important;
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    position: relative !important;
    cursor: not-allowed !important;
    overflow: hidden !important;
}

/* Đường chéo 1: Tạo nhánh thứ nhất của chữ X */
.single-product .ux-swatches .ux-swatch.disabled::before,
.single-product .ux-swatches .ux-swatch--disabled::before,
.single-product .ux-swatch.disabled::before,
.single-product .variations .swatch.disabled::before,
.single-product .variations td.value a.disabled::before,
.single-product .variations td.value .ux-swatch.disabled::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -10% !important;
    right: -10% !important;
    height: 1.5px !important;
    background-color: #ef4444 !important;
    transform: translateY(-50%) rotate(22deg) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* Đường chéo 2: Tạo nhánh thứ hai của chữ X */
.single-product .ux-swatches .ux-swatch.disabled::after,
.single-product .ux-swatches .ux-swatch--disabled::after,
.single-product .ux-swatch.disabled::after,
.single-product .variations .swatch.disabled::after,
.single-product .variations td.value a.disabled::after,
.single-product .variations td.value .ux-swatch.disabled::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -10% !important;
    right: -10% !important;
    height: 1.5px !important;
    background-color: #ef4444 !important;
    transform: translateY(-50%) rotate(-22deg) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Add to Cart Row, Flatsome Buy Now Button & Quantity
   ========================================================================== */
.single-product .woocommerce-variation-add-to-cart,
.single-product .single_variation_wrap .woocommerce-variation-add-to-cart,
.single-product form.cart:not(.variations_form) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 16px 0 16px 0 !important;
}

/* Quantity Box Segmented Control */
.single-product .quantity {
    display: inline-flex !important;
    margin: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    vertical-align: middle !important;
    opacity: 1 !important;
}

.single-product .quantity .button,
.single-product .quantity input.qty {
    height: 46px !important;
    min-height: 46px !important;
    border: none !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

.single-product .quantity input.qty {
    width: 44px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    text-align: center !important;
    padding: 0 !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
}

.single-product .quantity .button {
    width: 36px !important;
    background: #ffffff !important;
    color: #475569 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.single-product .quantity .button:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

/* Nút Thêm vào giỏ hàng (Xanh dương, không viết hoa, opacity 1) */
.single-product button.single_add_to_cart_button,
.single-product .single_add_to_cart_button.button,
.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button.wc-variation-selection-needed {
    flex: 1 1 auto !important;
    min-width: 160px !important;
    height: 46px !important;
    min-height: 46px !important;
    opacity: 1 !important;
    background-color: #2d9347 !important;
    background: #2d9347 !important;
    color: #ffffff !important;
    border: 1px solid #2d9347 !important;
    border-radius: 8px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    padding: 0 18px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(45, 147, 71, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.single-product button.single_add_to_cart_button:hover {
    background-color: #247d3c !important;
    border-color: #247d3c !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    opacity: 1 !important;
}

/* Nút Mua ngay của Flatsome (Đỏ tươi, không viết hoa, opacity 1) */
.single-product .ux-buy-now-button,
.single-product button.ux-buy-now-button,
.single-product button[name="ux-buy-now"],
.single-product .buy_now_button,
.single-product button.buy_now_button,
.single-product .single_buy_now,
.single-product .ux-buy-now-button.disabled {
    flex: 1 1 auto !important;
    min-width: 130px !important;
    height: 46px !important;
    min-height: 46px !important;
    opacity: 1 !important;
    background-color: #e54646 !important;
    background: #e54646 !important;
    color: #ffffff !important;
    border: 1px solid #e54646 !important;
    border-radius: 8px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(229, 70, 70, 0.2) !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.single-product .ux-buy-now-button:hover,
.single-product button.ux-buy-now-button:hover,
.single-product button[name="ux-buy-now"]:hover,
.single-product .buy_now_button:hover {
    background-color: #cb3535 !important;
    border-color: #cb3535 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    opacity: 1 !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Row 4 Icon Box Cam kết & Bảo hành
   ========================================================================== */
.ktk-trust-badges-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    margin: 16px 0 20px 0 !important;
    width: 100% !important;
    clear: both !important;
}

.ktk-trust-badge-item {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.ktk-trust-badge-item:hover {
    transform: translateY(-2px);
    border-color: #cfe0ff !important;
}

.ktk-trust-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 8px !important;
    background: #f0fdf4 !important;
    color: #247d3c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ktk-trust-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.ktk-trust-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    line-height: 1.25 !important;
}

.ktk-trust-title {
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.ktk-trust-desc {
    color: #64748b !important;
    font-size: 11.5px !important;
    white-space: nowrap !important;
}

/* Responsive cho Tablet & Mobile */
@media screen and (max-width: 900px) {
    .ktk-trust-badges-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
}

@media screen and (max-width: 480px) {
    .single-product .woocommerce-variation-add-to-cart,
    .single-product form.cart:not(.variations_form) {
        flex-direction: column !important;
    }

    .single-product .quantity,
    .single-product button.single_add_to_cart_button,
    .single-product .ux-buy-now-button {
        width: 100% !important;
        min-width: 100% !important;
    }

    .ktk-trust-badges-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    .ktk-trust-badge-item {
        padding: 8px 10px !important;
        gap: 8px !important;
    }

    .ktk-trust-title {
        font-size: 12.5px !important;
    }

    .ktk-trust-desc {
        font-size: 11px !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT: Đảm bảo bố cục 2 cột (Ảnh bên trái - Thông tin bên phải)
   ========================================================================== */
@media screen and (min-width: 850px) {
    .single-product .product-main > .row,
    .single-product .product-main .row.content-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        width: 100% !important;
    }

    .single-product .product-gallery,
    .single-product .product-main .product-gallery.col {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        display: block !important;
    }

    .single-product .product-info,
    .single-product .product-main .product-info.col,
    .single-product .product-info.entry-summary {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        padding-left: 28px !important;
        display: block !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT: Badge Giảm Giá (-xx% / On-Sale Badge)
   ========================================================================== */
.single-product .badge-container {
    top: 16px !important;
    left: 16px !important;
    z-index: 10 !important;
    margin: 0 !important;
}

.single-product .badge-container .badge,
.single-product .badge-container .callout.badge,
.single-product .badge-container .badge-frame {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-left: 5px !important;
    height: auto !important;
}


.single-product .badge-container .badge-inner,
.single-product .badge-container .badge-inner.secondary,
.single-product .badge-container .badge-inner.on-sale {
    background: linear-gradient(135deg, #3ec45f 0%, #2d9347 100%) !important;
    background-color: #2d9347 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 5px 12px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(45, 147, 71, 0.32) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    min-width: auto !important;
    height: auto !important;
}

.single-product .badge-container .badge-inner .onsale {
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Khung Lưu Ý Khi Mua Sản Phẩm (WYSIWYG List + Tick Cam)
   ========================================================================== */
.ktk-product-notes-box {
    background: #fffcf6 !important;
    border: 1px solid #fde68a !important;
    border-left: 4.5px solid #f59e0b !important;
    border-radius: 12px !important;
    padding: 16px 20px 14px 20px !important;
    margin: 18px 0 22px 0 !important;
    box-shadow: 0 1px 4px rgba(245, 158, 11, 0.06) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    clear: both !important;
}

.ktk-product-notes-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}

.ktk-product-notes-icon {
    width: 20px !important;
    height: 20px !important;
    color: #d97706 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.ktk-product-notes-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.ktk-product-notes-title {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #92400e !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

.ktk-product-notes-body {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #334155 !important;
}

.ktk-product-notes-body p {
    margin-bottom: 8px !important;
}

.ktk-product-notes-body p:last-child {
    margin-bottom: 0 !important;
}

/* Danh sách List UL/LI với Icon Tick Cam */
.ktk-product-notes-body ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ktk-product-notes-body ul li {
    position: relative !important;
    padding-left: 28px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #fde68a !important;
    margin: 0 !important;
    color: #334155 !important;
    line-height: 1.55 !important;
}

.ktk-product-notes-body ul li:first-child {
    padding-top: 2px !important;
}

.ktk-product-notes-body ul li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Icon Tick tròn màu cam */
.ktk-product-notes-body ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background-color: #f59e0b !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 10px !important;
}

.ktk-product-notes-body ul li:first-child::before {
    top: 4px !important;
}

.ktk-product-notes-body strong,
.ktk-product-notes-body b {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.ktk-product-notes-body a {
    color: #b45309 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.ktk-product-notes-body a:hover {
    color: #d97706 !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Ẩn thanh Tab Bar (Mô tả), hiển thị trực tiếp Content
   ========================================================================== */
.single-product ul.product-tabs,
.single-product ul.wc-tabs,
.single-product .woocommerce-tabs ul.tabs,
.single-product .woocommerce-tabs > ul {
    display: none !important;
}

.single-product .woocommerce-tabs,
.single-product .woocommerce-tabs .tab-panels,
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description {
    display: block !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==========================================================================
   SINGLE PRODUCT: Sticky Bottom Product Bar (Thanh dính đáy màn hình)
   ========================================================================== */
.sticky-add-to-cart-wrapper:not(.ktk-sticky-product-bar-wrapper) {
    display: none !important;
}

.ktk-sticky-product-bar-wrapper {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    border-top: 1px solid #eef2f6 !important;
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.08) !important;
    z-index: 998 !important;
    padding: 10px 24px !important;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    box-sizing: border-box !important;
}

.ktk-sticky-product-bar-wrapper.is-visible {
    transform: translateY(0) !important;
}

.ktk-sticky-product-bar {
    max-width: 1220px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

/* Left Side: Thumbnail + Title + Stars */
.ktk-sticky-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.ktk-sticky-thumb {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #f1f5f9 !important;
    background: #f8fafc !important;
}

.ktk-sticky-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.ktk-sticky-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.ktk-sticky-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 380px !important;
}

.ktk-sticky-stars {
    color: #f59e0b !important;
    font-size: 12.5px !important;
    letter-spacing: 1.5px !important;
    line-height: 1 !important;
}

/* Right Side: Price + Saving Badge + Buttons + Wishlist */
.ktk-sticky-right {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

.ktk-sticky-price-wrap {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

.ktk-sticky-sale-price {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #2d9347 !important;
    line-height: 1 !important;
}

.ktk-sticky-sale-price .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
}

.ktk-sticky-reg-price {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
}

.ktk-sticky-saving-badge {
    background: #fff1f2 !important;
    border: 1px solid #fecaca !important;
    color: #e11d48 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* Nút Lựa Chọn (Xanh) */
.ktk-sticky-btn-select {
    background-color: #2d9347 !important;
    background: #2d9347 !important;
    color: #ffffff !important;
    border: 1px solid #2d9347 !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(45, 147, 71, 0.25) !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    margin: 0 !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ktk-sticky-btn-select:hover {
    background-color: #247d3c !important;
    transform: translateY(-1px);
}

/* Nút Mua Ngay (Đỏ) */
.ktk-sticky-btn-buy {
    background-color: #e54d4d !important;
    background: #e54d4d !important;
    color: #ffffff !important;
    border: 1px solid #e54d4d !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(229, 77, 77, 0.25) !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
    margin: 0 !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ktk-sticky-btn-buy:hover {
    background-color: #cb3535 !important;
    transform: translateY(-1px);
}

/* Nút Wishlist Tim */
.ktk-sticky-wishlist-btn {
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    padding: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    margin: 0 !important;
}

.ktk-sticky-wishlist-btn:hover {
    color: #e11d48 !important;
    transform: scale(1.1);
}

/* Responsive Sticky Bar trên Mobile */
@media screen and (max-width: 768px) {
    .ktk-sticky-product-bar-wrapper {
        padding: 8px 12px !important;
    }

    .ktk-sticky-title {
        max-width: 150px !important;
        font-size: 12.5px !important;
    }

    .ktk-sticky-stars,
    .ktk-sticky-saving-badge,
    .ktk-sticky-wishlist-btn {
        display: none !important;
    }

    .ktk-sticky-sale-price {
        font-size: 14.5px !important;
    }

    .ktk-sticky-reg-price {
        font-size: 12px !important;
    }

    .ktk-sticky-btn-select,
    .ktk-sticky-btn-buy {
        padding: 6px 12px !important;
        font-size: 13px !important;
        min-height: 34px !important;
    }
}

/* ==========================================================================
   SINGLE PRODUCT: Thông Báo & Khung "Thông Tin Cần Nâng Cấp" (Dùng Riêng)
   ========================================================================== */
.ktk-variation-dynamic-notice {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    margin: 12px 0 10px 0 !important;
}

.ktk-upgrade-info-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    margin: 14px 0 16px 0 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.ktk-upgrade-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.ktk-upgrade-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: #2d9347 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(45, 147, 71, 0.28) !important;
}

.ktk-upgrade-icon svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
}

.ktk-upgrade-title {
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.3 !important;
}

.ktk-upgrade-label {
    display: block !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 6px !important;
}

.ktk-upgrade-input-wrap {
    position: relative !important;
    margin-bottom: 10px !important;
}

.ktk-input-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
}

.ktk-input-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.ktk-upgrade-input {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px 0 38px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13.5px !important;
    color: #1e293b !important;
    background: #ffffff !important;
    box-shadow: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ktk-upgrade-input:focus {
    border-color: #2d9347 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(45, 147, 71, 0.12) !important;
    background: #ffffff !important;
}

.ktk-upgrade-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: "Be Vietnam Pro", Arial, sans-serif !important;
    font-size: 13px !important;
    color: #334155 !important;
    cursor: pointer !important;
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.ktk-upgrade-checkbox-label input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    accent-color: #2d9347 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.ktk-upgrade-checkbox-label strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

.ktk-help-badge {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 2px !important;
    cursor: help !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   XC TOP BAR (Thanh thông báo khuyến mãi đầu trang)
   ========================================================================== */
.xc-topbar {
    position: relative;
    width: 100%;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    padding: 8px 0;
    z-index: 1002;
    transition: all 0.3s ease;
}

.xc-topbar-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 40px;
}

.xc-topbar-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    text-align: center;
}

.xc-topbar-icon {
    display: inline-block;
    font-size: 14px;
}

.xc-topbar-text {
    display: inline-block;
}

.xc-topbar-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #ffffff !important;
    color: #2d9347 !important;
    padding: 2px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.xc-topbar-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.xc-topbar-close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    color: currentColor !important;
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    opacity: 0.75;
    transition: opacity 0.2s ease;
}

.xc-topbar-close:hover {
    opacity: 1;
}

/* ==========================================================================
   HEADER: FORM TÌM KIẾM SẢN PHẨM (Search Box)
   ========================================================================== */
.header-search-form {
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
}

.header-search-form-wrapper,
.header-search-form .searchform-wrapper {
    width: 100% !important;
    position: relative !important;
}

.header-search-form .searchform {
    position: relative !important;
    margin: 0 !important;
    width: 100% !important;
}

.header-search-form .searchform .flex-row {
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
}

.header-search-form .searchform input[type="search"],
.header-search-form .searchform .search-field {
    height: 46px !important;
    min-height: 46px !important;
    background-color: #f4f6f9 !important;
    border: 2px solid #2d9347 !important;
    border-radius: 6px !important;
    padding: 0 52px 0 18px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #0f172a !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.header-search-form .searchform input[type="search"]::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
}

.header-search-form .searchform input[type="search"]:focus {
    background-color: #ffffff !important;
    border-color: #2d9347 !important;
    box-shadow: 0 0 0 3px rgba(45, 147, 71, 0.15) !important;
}

/* Nút tìm kiếm (Submit button) */
.header-search-form .searchform .ux-search-submit,
.header-search-form .searchform .submit-button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    background-color: #2d9347 !important;
    border: 2px solid #2d9347 !important;
    border-radius: 0 5px 5px 0 !important;
    color: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.header-search-form .searchform .ux-search-submit:hover,
.header-search-form .searchform .submit-button:hover {
    background-color: #247d3c !important;
    border-color: #247d3c !important;
    box-shadow: none !important;
}

.header-search-form .searchform .ux-search-submit i,
.header-search-form .searchform .submit-button i {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    top: 0 !important;
}

/* ==========================================================================
   HEADER: CÁC NÚT HÀNH ĐỘNG (Wishlist, Account, Cart) - CHỈ DÀNH CHO DESKTOP
   ========================================================================== */
@media screen and (min-width: 850px) {
    .header-nav-main.nav-right {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    /* Nút Danh sách yêu thích (Wishlist) */
    .header .header-wishlist-icon {
        margin: 0 12px 0 0 !important;
    }

    .header .header-wishlist-icon .wishlist-link {
        background-color: #2d9347 !important;
        color: #ffffff !important;
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border-radius: 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 6px rgba(45, 147, 71, 0.25) !important;
        transition: all 0.25s ease !important;
        text-decoration: none !important;
    }

    .header .header-wishlist-icon .wishlist-link:hover {
        background-color: #247d3c !important;
        color: #ffffff !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 10px rgba(45, 147, 71, 0.35) !important;
    }

    .header .header-wishlist-icon .header-wishlist-title {
        display: none !important;
    }

    .header .header-wishlist-icon .wishlist-icon,
    .header .header-wishlist-icon i.icon-heart {
        font-size: 19px !important;
        color: #ffffff !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: 0 !important;
        margin: 0 !important;
    }

    /* Nút Tài khoản / Đăng nhập (Account) */
    .header .account-item {
        margin: 0 12px 0 0 !important;
    }

    .header .account-item .account-link,
    .header .account-item .account-login {
        background-color: #2d9347 !important;
        color: #ffffff !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        border-radius: 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: 0.03em !important;
        text-transform: uppercase !important;
        box-shadow: 0 2px 6px rgba(45, 147, 71, 0.25) !important;
        transition: all 0.25s ease !important;
        text-decoration: none !important;
    }

    .header .account-item .account-link:hover {
        background-color: #247d3c !important;
        color: #ffffff !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 10px rgba(45, 147, 71, 0.35) !important;
    }

    .header .account-item .header-account-title {
        color: #ffffff !important;
        order: 1 !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        font-size: 13px !important;
    }

    .header .account-item .account-link::after {
        content: "";
        width: 22px;
        height: 22px;
        border: 1.5px solid rgba(255, 255, 255, 0.75);
        border-radius: 50%;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M20 21a8 8 0 1 0-16 0'/%3E%3C/svg%3E");
        background-size: 13px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        order: 2;
        margin-left: 2px;
        flex-shrink: 0;
    }

    /* Giỏ hàng desktop */
    .header .cart-item {
        margin: 0 !important;
    }

    .header .cart-item .header-cart-link {
        background-color: #ffffff !important;
        border: 1.5px solid rgba(1, 15, 28, 0.14) !important;
        color: #0f172a !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 14px !important;
        border-radius: 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        position: relative !important;
        text-decoration: none !important;
        transition: all 0.25s ease !important;
    }

    .header .cart-item .header-cart-link:hover {
        border-color: #2d9347 !important;
        color: #2d9347 !important;
    }

    .header .cart-item .header-cart-title {
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        color: #0f172a !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        line-height: 1 !important;
    }

    .header .cart-item .header-cart-title .cart-price {
        font-weight: 700 !important;
        color: #2d9347 !important;
        margin-left: 3px !important;
    }

    .header .cart-item .header-cart-link .cart-icon.image-icon {
        position: relative !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .header .cart-item .header-cart-link .cart-icon::before {
        content: "";
        width: 22px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.48626 20.5H14.8341C17.9004 20.5 20.2528 19.3924 19.5847 14.9348L18.8066 8.89359C18.3947 6.66934 16.976 5.81808 15.7311 5.81808H5.55262C4.28946 5.81808 2.95308 6.73341 2.4771 8.89359L1.69907 14.9348C1.13157 18.889 3.4199 20.5 6.48626 20.5Z' stroke='%23010f1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.34902 5.5984C6.34902 3.21232 8.28331 1.27803 10.6694 1.27803V1.27803C11.8184 1.27316 12.922 1.72619 13.7362 2.53695C14.5504 3.3477 15.0081 4.44939 15.0081 5.5984V5.5984' stroke='%23010f1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70365 10.1018H7.74942' stroke='%23010f1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5343 10.1018H13.5801' stroke='%23010f1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
    }

    .header .cart-item .header-cart-link:hover .cart-icon::before {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.48626 20.5H14.8341C17.9004 20.5 20.2528 19.3924 19.5847 14.9348L18.8066 8.89359C18.3947 6.66934 16.976 5.81808 15.7311 5.81808H5.55262C4.28946 5.81808 2.95308 6.73341 2.4771 8.89359L1.69907 14.9348C1.13157 18.889 3.4199 20.5 6.48626 20.5Z' stroke='%232d9347' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.34902 5.5984C6.34902 3.21232 8.28331 1.27803 10.6694 1.27803V1.27803C11.8184 1.27316 12.922 1.72619 13.7362 2.53695C14.5504 3.3477 15.0081 4.44939 15.0081 5.5984V5.5984' stroke='%232d9347' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70365 10.1018H7.74942' stroke='%232d9347' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5343 10.1018H13.5801' stroke='%232d9347' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .header .cart-item .header-cart-link .cart-icon strong {
        position: absolute !important;
        top: -8px !important;
        right: -12px !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        border-radius: 50% !important;
        background-color: #2d9347 !important;
        border: 2px solid #ffffff !important;
        color: #ffffff !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
    }

    .header .cart-item .header-cart-link .cart-icon strong:after {
        display: none !important;
    }

    /* Mini Cart Dropdown */
    .header .cart-item .nav-dropdown {
        padding: 16px 20px !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 36px rgba(15, 23, 42, 0.12) !important;
        border: 1px solid #edf2f7 !important;
        min-width: 320px !important;
        max-width: 360px !important;
    }

    .header .cart-item .nav-dropdown .widget_shopping_cart {
        padding: 0 !important;
    }
}

/* ==========================================================================
   MINI CART WIDGET STYLES (Chung cho Dropdown & Popup)
   ========================================================================== */
.widget_shopping_cart ul.product_list_widget li {
    padding: 10px 30px 10px 70px !important;
    min-height: 70px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.widget_shopping_cart ul.product_list_widget li:last-child {
    border-bottom: none !important;
}

.widget_shopping_cart ul.product_list_widget li img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: 1px solid #e2e8f0 !important;
    top: 10px !important;
}

.widget_shopping_cart ul.product_list_widget li a:not(.remove) {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.35 !important;
    margin-bottom: 4px !important;
    transition: color 0.2s ease !important;
}

.widget_shopping_cart ul.product_list_widget li a:not(.remove):hover {
    color: #2d9347 !important;
}

.widget_shopping_cart ul.product_list_widget li a.remove {
    border: 1px solid #e2e8f0 !important;
    border-radius: 50% !important;
    color: #94a3b8 !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 18px !important;
    font-size: 15px !important;
    text-align: center !important;
    top: 10px !important;
    right: 0 !important;
    transition: all 0.2s ease !important;
}

.widget_shopping_cart ul.product_list_widget li a.remove:hover {
    background-color: #fee2e2 !important;
    color: #ef4444 !important;
    border-color: #fca5a5 !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item .quantity {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.widget_shopping_cart .woocommerce-mini-cart-item .quantity .amount {
    color: #2d9347 !important;
    font-weight: 700 !important;
}

.widget_shopping_cart p.total,
.widget_shopping_cart .woocommerce-mini-cart__total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: 1px solid #edf2f7 !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding: 12px 0 !important;
    margin: 12px 0 15px 0 !important;
    text-align: left !important;
}

.widget_shopping_cart p.total strong,
.widget_shopping_cart .woocommerce-mini-cart__total strong {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

.widget_shopping_cart p.total .amount,
.widget_shopping_cart .woocommerce-mini-cart__total .amount {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons,
.ux-mini-cart-footer .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout),
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
    background-color: #2d9347 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(53, 109, 241, 0.25) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover,
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
    background-color: #1f4ecb !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(53, 109, 241, 0.35) !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout,
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.button.checkout {
    background-color: #e53935 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.25) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button.checkout:hover,
.ux-mini-cart-footer .woocommerce-mini-cart__buttons a.button.checkout:hover {
    background-color: #d32f2f !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(229, 57, 53, 0.35) !important;
}

/* ==========================================================================
   RESPONSIVE: MOBILE STYLES (Đồng bộ 100% chiều cao và căn thẳng hàng)
   ========================================================================== */
@media screen and (max-width: 849px) {
    /* --------------------------------------------------------------------------
       1. XC Top Bar trên mobile (Gọn gàng 1 hàng)
       -------------------------------------------------------------------------- */
    .xc-topbar {
        font-family: "Be Vietnam Pro", sans-serif !important;
        padding: 7px 0 !important;
        line-height: 1.35 !important;
    }

    .xc-topbar-container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 32px 0 10px !important;
        position: relative !important;
    }

    .xc-topbar-content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px 6px !important;
        text-align: center !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.01em !important;
    }

    .xc-topbar-icon {
        display: none !important;
    }

    .xc-topbar-text {
        display: inline !important;
    }

    .xc-topbar-btn {
        background: transparent !important;
        color: #22c55e !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        display: inline !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .xc-topbar-close {
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #ffffff !important;
        font-size: 16px !important;
        opacity: 0.8 !important;
        line-height: 1 !important;
    }

    /* --------------------------------------------------------------------------
       2. Căn thẳng hàng và đồng đều chiều cao 35px cho các nút mobile
       -------------------------------------------------------------------------- */
    .header .mobile-nav.nav,
    .mobile-nav.nav,
    .mobile-nav.nav-right {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 35px !important;
    }

    .header .mobile-nav.nav > li,
    .mobile-nav.nav > li {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        vertical-align: middle !important;
    }

    /* 4 nút xanh: Kích thước tuyệt đối 35px x 35px */
    .header .mobile-nav .header-search-lightbox > a,
    .header .mobile-nav .header-wishlist-icon > a,
    .header .mobile-nav .header-wishlist-icon .wishlist-link,
    .header .mobile-nav .account-item > a,
    .header .mobile-nav .account-item .account-link-mobile,
    .header .mobile-nav .cart-item > a,
    .header .mobile-nav .cart-item > a.header-cart-link,
    .mobile-nav .header-search-lightbox > a,
    .mobile-nav .header-wishlist-icon > a,
    .mobile-nav .header-wishlist-icon .wishlist-link,
    .mobile-nav .account-item > a,
    .mobile-nav .account-item .account-link-mobile,
    .mobile-nav .cart-item > a,
    .mobile-nav .cart-item > a.header-cart-link {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        max-width: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        line-height: 35px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 6px !important;
        background-color: #2d9347 !important;
        background: #2d9347 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        box-shadow: 0 2px 6px rgba(45, 147, 71, 0.25) !important;
        text-decoration: none !important;
        position: relative !important;
        vertical-align: middle !important;
        color: #ffffff !important;
        transform: none !important;
    }

    .mobile-nav .header-search-lightbox > a i,
    .mobile-nav .header-wishlist-icon > a i,
    .mobile-nav .account-item > a i,
    .mobile-nav .header-wishlist-icon .wishlist-icon,
    .mobile-nav .header-wishlist-icon i.icon-heart {
        font-size: 16px !important;
        color: #ffffff !important;
        line-height: 1 !important;
        margin: 0 !important;
        top: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-nav .account-item .header-account-title,
    .mobile-nav .header-wishlist-title {
        display: none !important;
    }

    .mobile-nav .account-item .account-link::after {
        display: none !important;
    }

    .mobile-nav .cart-item .header-cart-link .cart-icon {
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
    }

    .mobile-nav .cart-item .header-cart-link .cart-icon::before {
        content: "" !important;
        width: 18px !important;
        height: 18px !important;
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.48626 20.5H14.8341C17.9004 20.5 20.2528 19.3924 19.5847 14.9348L18.8066 8.89359C18.3947 6.66934 16.976 5.81808 15.7311 5.81808H5.55262C4.28946 5.81808 2.95308 6.73341 2.4771 8.89359L1.69907 14.9348C1.13157 18.889 3.4199 20.5 6.48626 20.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.34902 5.5984C6.34902 3.21232 8.28331 1.27803 10.6694 1.27803V1.27803C11.8184 1.27316 12.922 1.72619 13.7362 2.53695C14.5504 3.3477 15.0081 4.44939 15.0081 5.5984V5.5984' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.70365 10.1018H7.74942' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5343 10.1018H13.5801' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        display: block !important;
    }

    .mobile-nav .cart-item .header-cart-link .cart-icon strong {
        position: absolute !important;
        top: -6px !important;
        right: -6px !important;
        width: 17px !important;
        height: 17px !important;
        min-width: 17px !important;
        max-width: 17px !important;
        min-height: 17px !important;
        max-height: 17px !important;
        border-radius: 50% !important;
        background-color: #2d9347 !important;
        border: 2px solid #ffffff !important;
        color: #ffffff !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 13px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    }

    .mobile-nav .cart-item .header-cart-link .cart-icon strong:after {
        display: none !important;
    }

    .header-cart-title {
        display: none !important;
    }

    /* Menu Hamburger [☰] */
    .mobile-nav .nav-icon a {
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        width: 28px !important;
        height: 35px !important;
        min-height: 35px !important;
        max-height: 35px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #010f1c !important;
    }

    .mobile-nav .nav-icon a i.icon-menu {
        font-size: 26px !important;
        color: #010f1c !important;
        line-height: 1 !important;
        margin: 0 !important;
        top: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* --------------------------------------------------------------------------
       3. DANH MỤC DỌC (DANH MỤC SẢN PHẨM) TRONG MOBILE MENU / DRAWER
       -------------------------------------------------------------------------- */
    /* Container Drawer & Nút đóng */
    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        background-color: #ffffff !important;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) !important;
    }

    .off-canvas .mfp-close {
        top: 14px !important;
        right: 14px !important;
        width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        line-height: 30px !important;
        background-color: #f1f5f9 !important;
        border-radius: 6px !important;
        color: #475569 !important;
        font-size: 22px !important;
        font-weight: 400 !important;
        text-align: center !important;
        mix-blend-mode: normal !important;
        opacity: 1 !important;
        position: absolute !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
    }

    .off-canvas .mfp-close:hover {
        background-color: #e2e8f0 !important;
        color: #0f172a !important;
    }

    #main-menu .sidebar-menu {
        padding: 55px 16px 20px 16px !important;
    }

    /* NÚT XANH DANH MỤC SẢN PHẨM TRÊN ĐẦU MENU DỌC (Dạng Accordion bấm đóng/mở) */
    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header {
        list-style: none !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header a.mobile-cat-opener {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        background-color: #2d9347 !important;
        color: #ffffff !important;
        border-radius: 6px !important;
        padding: 0 16px !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
        box-shadow: 0 2px 6px rgba(45, 147, 71, 0.25) !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        user-select: none !important;
        text-decoration: none !important;
        border: none !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header a.mobile-cat-opener i.icon-menu {
        font-size: 17px !important;
        color: #ffffff !important;
        line-height: 1 !important;
        margin-right: 10px !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header a.mobile-cat-opener span {
        flex: 1 !important;
        text-align: left !important;
        color: #ffffff !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header a.mobile-cat-opener i.icon-angle-down {
        font-size: 15px !important;
        color: #ffffff !important;
        line-height: 1 !important;
        transition: transform 0.25s ease !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header.is-open a.mobile-cat-opener i.icon-angle-down,
    #main-menu .sidebar-menu ul.nav-sidebar > li.mobile-cat-header a.mobile-cat-opener.is-open i.icon-angle-down {
        transform: rotate(180deg) !important;
    }

    /* Các mục Danh mục sản phẩm: MẶC ĐỊNH ẨN & KHÔNG CÓ BORDER LEFT */
    #main-menu .sidebar-menu ul.nav-sidebar > li.menu-item-object-product_cat {
        display: none;
        background: #f8fafc !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.menu-item-object-product_cat > a {
        padding: 11px 16px !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        color: #334155 !important;
        border-bottom: 1px solid #edf2f7 !important;
        border-left: none !important;
        display: block !important;
        text-transform: none !important;
        transition: all 0.2s ease !important;
    }

    #main-menu .sidebar-menu ul.nav-sidebar > li.menu-item-object-product_cat > a:hover {
        color: #2d9347 !important;
        background-color: #edfbf0 !important;
        padding-left: 20px !important;
    }

    /* Hỗ trợ thêm trường hợp header-vertical-menu nguyên bản */
    #main-menu .header-vertical-menu,
    .off-canvas #main-menu .header-vertical-menu {
        display: block !important;
        width: 100% !important;
        margin-bottom: 14px !important;
        list-style: none !important;
        position: relative !important;
    }

    #main-menu .header-vertical-menu__opener,
    .off-canvas #main-menu .header-vertical-menu__opener {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        background-color: #2d9347 !important;
        color: #ffffff !important;
        border-radius: 6px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 16px !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        cursor: pointer !important;
        box-shadow: 0 2px 6px rgba(45, 147, 71, 0.25) !important;
        transition: all 0.2s ease !important;
        user-select: none !important;
        box-sizing: border-box !important;
    }

    #main-menu .header-vertical-menu__opener .icon-menu,
    .off-canvas #main-menu .header-vertical-menu__opener .icon-menu {
        display: inline-block !important;
        font-size: 17px !important;
        color: #ffffff !important;
        margin-right: 10px !important;
        line-height: 1 !important;
    }

    #main-menu .header-vertical-menu__opener .header-vertical-menu__title,
    .off-canvas #main-menu .header-vertical-menu__opener .header-vertical-menu__title {
        display: inline-block !important;
        color: #ffffff !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
        flex: 1 !important;
        text-align: left !important;
    }

    #main-menu .header-vertical-menu__opener .icon-angle-down,
    .off-canvas #main-menu .header-vertical-menu__opener .icon-angle-down {
        display: inline-block !important;
        color: #ffffff !important;
        font-size: 15px !important;
        transition: transform 0.3s ease !important;
    }

    #main-menu .header-vertical-menu:hover .header-vertical-menu__opener .icon-angle-down,
    #main-menu .header-vertical-menu:focus-within .header-vertical-menu__opener .icon-angle-down {
        transform: rotate(180deg) !important;
    }

    #main-menu .header-vertical-menu__fly-out,
    #main-menu .header-vertical-menu__fly-out--open,
    .off-canvas #main-menu .header-vertical-menu__fly-out,
    .off-canvas #main-menu .header-vertical-menu__fly-out--open {
        display: none !important;
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 6px !important;
        margin-top: 8px !important;
        padding: 4px 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #main-menu .header-vertical-menu:hover .header-vertical-menu__fly-out,
    #main-menu .header-vertical-menu:focus-within .header-vertical-menu__fly-out,
    .off-canvas #main-menu .header-vertical-menu:hover .header-vertical-menu__fly-out,
    .off-canvas #main-menu .header-vertical-menu:focus-within .header-vertical-menu__fly-out {
        display: block !important;
    }

    /* Link menu chính (Trang chủ, Giới thiệu, Khóa học...) */
    #main-menu .nav-sidebar > li:not(.menu-item-object-product_cat):not(.header-vertical-menu) > a {
        padding: 12px 6px !important;
        font-family: "Be Vietnam Pro", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #1e293b !important;
        border-bottom: 1px solid #f1f5f9 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-transform: none !important;
        transition: all 0.2s ease !important;
    }

    #main-menu .nav-sidebar > li:not(.menu-item-object-product_cat):not(.header-vertical-menu):last-child > a {
        border-bottom: none !important;
    }

    #main-menu .nav-sidebar > li:not(.menu-item-object-product_cat):not(.header-vertical-menu) > a:hover,
    #main-menu .nav-sidebar > li:not(.menu-item-object-product_cat):not(.header-vertical-menu).active > a {
        color: #2d9347 !important;
        font-weight: 600 !important;
    }
}

/* Scroll Offset cho tiêu đề Đánh giá */
.wp-review-mh__title,
#wp-review-mh__title {
    scroll-margin-top: 10px !important;
}


/* =========================================================
   WOOCOMMERCE VARIATION BUTTONS
   Màu chủ đạo: #2D9347
   ========================================================= */


/*
 * Chỉ ẩn select khi JS đã hoạt động.
 *
 * Nếu JS lỗi / bị cache lỗi:
 * dropdown WooCommerce sẽ tự xuất hiện trở lại.
 */
.single-product
.variations_form.hita-variation-buttons-ready
.variations select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.single-product .hita-variation-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 5px 0 10px;
}


/* =========================================================
   BUTTON MẶC ĐỊNH
   ========================================================= */

.single-product
.hita-variation-buttons
.hita-variation-btn {
    appearance: none;
    -webkit-appearance: none;

    min-width: 90px;
    min-height: 42px;

    margin: 0;
    padding: 9px 18px;

    border: 1px solid #d5dce5;
    border-radius: 4px;

    background: #fff;
    color: #333;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;

    cursor: pointer;

    box-shadow: none;
    outline: none;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.single-product
.hita-variation-buttons
.hita-variation-btn:not(.is-disabled):hover {
    border-color: #2D9347;
    color: #2D9347;
    background: #f3faf5;
}


/* =========================================================
   FOCUS / ACCESSIBILITY
   ========================================================= */

.single-product
.hita-variation-buttons
.hita-variation-btn:focus-visible {
    border-color: #2D9347;
    box-shadow: 0 0 0 3px rgba(45, 147, 71, .16);
}


/* =========================================================
   ĐANG ĐƯỢC CHỌN
   ========================================================= */

.single-product
.hita-variation-buttons
.hita-variation-btn.is-selected {
    background: #2D9347;
    border-color: #2D9347;
    color: #fff;

    box-shadow:
        0 3px 10px
        rgba(45, 147, 71, .20);
}


/* Hover khi đang chọn */
.single-product
.hita-variation-buttons
.hita-variation-btn.is-selected:hover {
    background: #27813e;
    border-color: #27813e;
    color: #fff;
}


/* =========================================================
   OPTION KHÔNG HỢP LỆ / HẾT HÀNG
   ========================================================= */

.single-product
.hita-variation-buttons
.hita-variation-btn.is-disabled,
.single-product
.hita-variation-buttons
.hita-variation-btn:disabled {
    opacity: .42;

    cursor: not-allowed;

    background: #f4f5f7;
    border-color: #ddd;
    color: #999;

    box-shadow: none;
}


/* Không đổi màu khi hover option bị disable */
.single-product
.hita-variation-buttons
.hita-variation-btn.is-disabled:hover,
.single-product
.hita-variation-buttons
.hita-variation-btn:disabled:hover {
    background: #f4f5f7;
    border-color: #ddd;
    color: #999;
}


/* =========================================================
   FLATSOME / WOOCOMMERCE VARIATION TABLE
   Hiển thị label phía trên, button phía dưới
   ========================================================= */

.single-product
.variations_form
table.variations {
    margin-bottom: 12px;
}

.single-product
.variations_form
table.variations tr {
    display: block;
    margin-bottom: 14px;
}

.single-product
.variations_form
table.variations th.label {
    display: block;
    width: 100%;
    padding: 0 0 7px;
    text-align: left;
}

.single-product
.variations_form
table.variations th.label label {
    margin: 0;

    color: #222;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.single-product
.variations_form
table.variations td.value {
    display: block;
    width: 100%;
    padding: 0;
}


/* =========================================================
   RESET VARIATIONS
   ========================================================= */

.single-product
.variations_form
.reset_variations {
    display: inline-block;

    margin-top: 5px;

    color: #2D9347;

    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.single-product
.variations_form
.reset_variations:hover {
    color: #24783a;
    text-decoration: underline;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 549px) {

    .single-product .hita-variation-buttons {
        gap: 8px;
        margin: 4px 0 9px;
    }

    .single-product
    .hita-variation-buttons
    .hita-variation-btn {
        min-width: 76px;
        min-height: 40px;

        padding: 8px 13px;

        font-size: 14px;
    }

    .single-product
    .variations_form
    table.variations tr {
        margin-bottom: 12px;
    }

    .single-product
    .variations_form
    table.variations th.label label {
        font-size: 15px;
    }
}

/* --- CHẶN HIỂN THỊ DATE TRÊN GIAO DIỆN THEME FLATSOME --- */
.badge.post-date,
.posted-on,
.entry-date,
time.updated {
    display: none !important;
}