/*
Theme Name: Flatsome Child
Theme URI: http://flatsome.uxthemes.com
Template: flatsome
Author: UX-Themes
Author URI: https://uxthemes.com
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.16.2.1741600431
Updated: 2025-03-10 16:53:51
*/

/* ==========================================================================
   CHÂN TRANG (FOOTER) - THUỐC GÀ ĐÁ HCM (CHUẨN SƯ KÊ - KHÔNG ICON AI)
   ========================================================================== */

#footer,
.footer-wrapper,
.footer-section,
.footer-section .section-bg {
    background-color: #16181d !important;
}

.footer-section {
    padding-top: 40px !important;
    padding-bottom: 25px !important;
    border-top: 3px solid #b30000 !important;
}

.footer-section h4 {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
    padding-bottom: 6px !important;
    border-bottom: 2px solid #b30000 !important;
    display: inline-block !important;
}

.footer-section p,
.footer-section span,
.footer-section li,
.footer-section div {
    color: #d1d5db !important;
    font-size: 13.5px !important;
    line-height: 1.8 !important;
}

.footer-section .info-label {
    color: #ffffff !important;
    font-weight: 600 !important;
    display: inline-block;
    min-width: 85px;
}

.footer-section a {
    color: #f59e0b !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.footer-section a:hover {
    color: #ffffff !important;
}

.footer-section .mst-box {
    background: #1f232b !important;
    padding: 10px 14px !important;
    border-radius: 4px !important;
    border-left: 3px solid #b30000 !important;
    margin-top: 14px !important;
}

.footer-section .mst-box .mst-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.footer-section .mst-box .mst-number {
    color: #f59e0b !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    letter-spacing: 0.5px;
}

.footer-section .mst-box em {
    color: #9ca3af !important;
    font-size: 12px !important;
    display: block;
    margin-top: 2px;
}

.footer-section ul {
    padding-left: 16px !important;
    margin: 0 !important;
}

.footer-section ul li {
    margin-bottom: 6px !important;
    color: #d1d5db !important;
    line-height: 1.7 !important;
}

/* --- NÚT BẤM KẾT NỐI CHUẨN SƯ KÊ (MẠNH MẼ, SANG TRỌNG, DÁNG PILL 30PX) --- */
.btn-suke {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 16px !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.footer-section a.btn-suke {
    color: #ffffff !important;
}

.btn-suke-hotline {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid #fcca24 !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.45) !important;
}

.btn-suke-hotline:hover {
    background: linear-gradient(135deg, #e50914 0%, #a00000 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(211, 47, 47, 0.6) !important;
}

.btn-suke-zalo {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.35) !important;
}

.btn-suke-zalo:hover {
    background: linear-gradient(135deg, #0284c7 0%, #0052cc 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(2, 132, 199, 0.55) !important;
}

.suke-note {
    font-size: 12px !important;
    color: #9ca3af !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Thanh chân trang bản quyền */
.absolute-footer {
    background-color: #0f1013 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 14px 0 !important;
}

.absolute-footer,
.absolute-footer p,
.absolute-footer div,
.absolute-footer .copyright-footer,
.absolute-footer .footer-text {
    color: #8b92a0 !important;
    font-size: 12.5px !important;
}

.absolute-footer strong {
    color: #ffffff !important;
}

/* ==========================================================================
   UI/UX NAM TÍNH - TỐI GIẢN - FONT CHỮ LỚN CHO ANH EM NUÔI GÀ ĐÁ (25 - 40 TUỔI)
   ========================================================================== */

/* 1. Header chuẩn nam tính (Đen than - Đỏ cờ - Vàng đồng) */
.header-main {
    background-color: #1a1d24 !important;
    border-bottom: 3px solid #b30000 !important;
}

.top-bar {
    background-color: #0f1115 !important;
    border-bottom: 1px solid #2a2e38 !important;
}

/* 2. Ô tìm kiếm cỡ lớn, rõ ràng */
.searchform-wrapper input[type=search] {
    font-size: 16px !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 2px solid #b30000 !important;
    border-radius: 4px 0 0 4px !important;
    color: #111 !important;
    background: #ffffff !important;
}

.searchform-wrapper .searchform .button.icon {
    height: 48px !important;
    width: 60px !important;
    background: #b30000 !important;
    border: 2px solid #b30000 !important;
    border-radius: 0 4px 4px 0 !important;
}

/* 3. Khối danh mục sản phẩm (Category Box) - Cỡ chữ lớn, rõ nét */
.product-category .box {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}

.product-category .box:hover {
    border-color: #b30000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(179,0,0,0.15) !important;
}

.product-category .box-image {
    padding: 10px !important;
    background: #ffffff !important;
    border-radius: 8px 8px 0 0 !important;
}

.product-category .box-image img {
    max-height: 140px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

.product-category .box-text {
    padding: 12px 6px !important;
    background: #f8f9fa !important;
    border-top: 1px solid #f1f5f9 !important;
    text-align: center !important;
}

.product-category h5 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* 4. Thẻ sản phẩm (Product Card) - Chữ to, giá đỏ nổi bật */
.product-small.box {
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
    margin-bottom: 20px !important;
}

.product-small.box:hover {
    border-color: #b30000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(179,0,0,0.12) !important;
}

.product-small.box .box-image {
    padding: 8px !important;
    background: #ffffff !important;
}

.product-small.box .box-image img {
    height: 180px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.product-small.box .box-text {
    padding: 14px 12px !important;
}

.product-small.box .product-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1a1a1a !important;
    height: 46px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.product-small.box .product-title a {
    color: #1a1a1a !important;
}

.product-small.box .product-title a:hover {
    color: #b30000 !important;
}

.product-small.box .price {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #b30000 !important;
    display: block !important;
    margin-top: 4px !important;
}

.product-small.box .price del {
    font-size: 14px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    margin-right: 6px !important;
}

.product-small.box .price ins {
    text-decoration: none !important;
}

.product-small.box .contact-price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #b30000 !important;
}

/* 5. Nút Mua Nhanh (DevVN Quick Buy) To Rõ */
.devvn_buy_now,
.devvn_buy_now_style {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    font-size: 16.5px !important;
    font-weight: 800 !important;
    padding: 14px 20px !important;
    border-radius: 30px !important;
    border: 1.5px solid #fcca24 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    display: block !important;
    margin-top: 10px !important;
    text-align: center !important;
    box-shadow: 0 4px 16px rgba(211, 47, 47, 0.4) !important;
    transition: all 0.25s ease !important;
}
.devvn_buy_now:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(211, 47, 47, 0.6) !important;
}
.single_add_to_cart_button.button {
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 11px 24px !important;
    transition: all 0.25s ease !important;
}

.devvn_buy_now:hover {
    background: #8e0000 !important;
}

.devvn_buy_now span {
    font-size: 13px !important;
    font-weight: 400 !important;
    display: block !important;
    text-transform: none !important;
    color: #ffe6e6 !important;
    margin-top: 2px !important;
}

/* 6. Floating buttons góc trái dưới màn hình */
.float-contact {
    position: fixed;
    bottom: 25px;
    left: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.float-btn {
    background: #b30000 !important;
    color: #ffffff !important;
    padding: 13px 20px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(179,0,0,0.45) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.25s ease !important;
}

.float-btn.zalo-btn {
    background: #0068ff !important;
    box-shadow: 0 4px 14px rgba(0,104,255,0.45) !important;
}

.float-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.1) !important;
}

/* ==========================================================================
   HERO BANNER TRANG CHỦ & NÚT BẤM CAO CẤP (XÓA KHOẢNG TRẮNG, CHUẨN SƯ KÊ)
   ========================================================================== */

/* 1. Xóa sạch khoảng trắng giữa Header/Menu và Banner */
.home #main,
.home #content,
.home .content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.home #content > p:first-child,
.home #content > br:first-child {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home .banner:first-child {
    margin-top: 0 !important;
}

/* 2. Khung Glassmorphism trong suốt bao bọc nội dung Banner */
.hero-glass-box {
    background: rgba(15, 18, 25, 0.78) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    padding: 26px 20px !important;
    width: 100% !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55) !important;
}

.hero-glass-badge {
    display: inline-block !important;
    background: #b30000 !important;
    border: 1px solid #fcca24 !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 5px 16px !important;
    border-radius: 20px !important;
    margin-bottom: 12px !important;
}

.hero-glass-title {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.hero-glass-desc {
    color: #f1f5f9 !important;
    font-size: 16.5px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
}

.hero-btn-group {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* 3. Nút bấm thể thao sang trọng (Pill buttons, gradient, viền vàng) */
.btn-hero {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    border-radius: 30px !important;
    font-size: 14.5px !important;
    white-space: nowrap !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

.btn-hero-call {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid #fcca24 !important;
    box-shadow: 0 4px 18px rgba(211, 47, 47, 0.45) !important;
}

.btn-hero-call:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(211, 47, 47, 0.6) !important;
    color: #ffffff !important;
}

.btn-hero-zalo {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.35) !important;
}

.btn-hero-zalo:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 22px rgba(2, 132, 199, 0.5) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   THIẾT KẾ LẠI KHU VỰC NÚT BẤM TRANG SẢN PHẨM (CHUẨN SƯ KÊ - SANG TRỌNG)
   ========================================================================== */

/* 1. Ẩn phần Wishlist tiếng Anh và chia sẻ mạng xã hội không cần thiết */
.yith-add-to-wishlist-button-block,
.yith-wcwl-add-to-wishlist,
.product-share,
.share-icons {
    display: none !important;
}

/* 2. Khung form mua hàng (Số lượng + Thêm giỏ hàng) */
form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap !important;
}

/* 3. Ô chọn số lượng (- 1 +) */
.product-info .quantity,
.product-summary .quantity {
    display: inline-flex !important;
    margin: 0 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    height: 48px !important;
    box-sizing: border-box !important;
}

.product-info .quantity .minus,
.product-info .quantity .plus {
    width: 40px !important;
    height: 48px !important;
    line-height: 48px !important;
    background: #f1f5f9 !important;
    color: #1e293b !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}

.product-info .quantity .minus:hover,
.product-info .quantity .plus:hover {
    background: #e2e8f0 !important;
    color: #b30000 !important;
}

.product-info .quantity .qty {
    width: 48px !important;
    height: 48px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    border: none !important;
    background: #ffffff !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Nút "THÊM VÀO GIỎ HÀNG" (Đồng bộ chiều cao 48px, dáng thể thao nam tính) */
.shop-container .product-info .single_add_to_cart_button,
.product-info .single_add_to_cart_button.button {
    height: 48px !important;
    line-height: 46px !important;
    background: linear-gradient(135deg, #1e2532 0%, #11151c 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid #475569 !important;
    border-radius: 8px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.shop-container .product-info .single_add_to_cart_button:hover,
.product-info .single_add_to_cart_button.button:hover {
    background: #0b0d12 !important;
    border-color: #fcca24 !important;
    color: #fcca24 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
}

/* 5. Nút "MUA HÀNG NHANH" (Chính diện, nổi bật, đẳng cấp) */
.devvn_buy_now,
.devvn_buy_now_style {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid #fcca24 !important;
    border-radius: 8px !important;
    padding: 13px 20px !important;
    width: 100% !important;
    display: block !important;
    margin: 12px 0 0 0 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.devvn_buy_now:hover {
    background: linear-gradient(135deg, #e50914 0%, #a00000 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(211, 47, 47, 0.55) !important;
}

.devvn_buy_now strong {
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    display: block !important;
    line-height: 1.3 !important;
}

.devvn_buy_now span {
    font-size: 13.5px !important;
    color: #fef08a !important;
    font-weight: 500 !important;
    display: block !important;
    margin-top: 3px !important;
}

/* 6. Hộp cam kết mua hàng ngay dưới nút (Trust Box) */
.product-buy-trust-box {
    margin-top: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #b30000 !important;
    border-radius: 6px !important;
    padding: 14px 16px !important;
}

.product-buy-trust-box .trust-item {
    font-size: 14px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

.product-buy-trust-box .trust-item:last-child {
    margin-bottom: 0 !important;
}

.product-buy-trust-box strong {
    color: #0f172a !important;
}

.product-buy-trust-box a {
    color: #b30000 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.product-buy-trust-box a:hover {
    text-decoration: underline !important;
}

/* 7. Đồng bộ giao diện Popup Mua Hàng Nhanh (DevVN Quick Buy) */
.devvn-popup-inner {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

.devvn-popup-title {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    border-bottom: 2px solid #fcca24 !important;
}

.popup-customer-info-group .devvn-order-btn {
    height: 50px !important;
    line-height: 50px !important;
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    border: 1.5px solid #fcca24 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.popup-customer-info-group .devvn-order-btn:hover {
    background: linear-gradient(135deg, #e50914 0%, #a00000 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(211, 47, 47, 0.55) !important;
}

.popup-customer-info-radio label input:checked ~ span:before,
.popup-customer-info-radio label input:checked ~ span:after,
.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked ~ label:before,
.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked ~ label:after {
    border-color: #d32f2f !important;
    background: #d32f2f !important;
}

/* ==========================================================================
   FIX LỖI CO RÚM CỘT SẢN PHẨM TƯƠNG TỰ (RELATED PRODUCTS FLICKITY SLIDER)
   ========================================================================== */

/* 1. Khung slider luôn chiếm đủ 100% bề rộng hàng chứa */
.related-products-wrapper,
.related-products-wrapper .product-section,
.related-products-wrapper .row-slider,
.product-section .row-slider,
.row-slider {
    width: 100% !important;
}

/* 2. Đặt kích thước chuẩn tuyệt đối theo số cột (tránh bị shrink-to-fit về 20px) */
.large-columns-4.slider .col,
.large-columns-4 .flickity-slider > .col,
.large-columns-4.row-slider > .col {
    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;
    flex-basis: 25% !important;
    flex: 0 0 25% !important;
    box-sizing: border-box !important;
}

.large-columns-3.slider .col,
.large-columns-3 .flickity-slider > .col,
.large-columns-3.row-slider > .col {
    width: 33.333333% !important;
    min-width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex-basis: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    box-sizing: border-box !important;
}

.large-columns-2.slider .col,
.large-columns-2 .flickity-slider > .col,
.large-columns-2.row-slider > .col {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
    flex-basis: 50% !important;
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
}

/* Tablet (Medium screens) */
@media (max-width: 849px) {
    .medium-columns-3.slider .col,
    .medium-columns-3 .flickity-slider > .col,
    .medium-columns-3.row-slider > .col {
        width: 33.333333% !important;
        min-width: 33.333333% !important;
        max-width: 33.333333% !important;
        flex-basis: 33.333333% !important;
        flex: 0 0 33.333333% !important;
    }

    .medium-columns-2.slider .col,
    .medium-columns-2 .flickity-slider > .col,
    .medium-columns-2.row-slider > .col {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
        flex: 0 0 50% !important;
    }
}

/* Mobile (Small screens) */
@media (max-width: 549px) {
    .small-columns-2.slider .col,
    .small-columns-2 .flickity-slider > .col,
    .small-columns-2.row-slider > .col {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
        flex: 0 0 50% !important;
    }

    .small-columns-1.slider .col,
    .small-columns-1 .flickity-slider > .col,
    .small-columns-1.row-slider > .col {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* 3. Đảm bảo cấu trúc bên trong thẻ sản phẩm hiển thị đầy đặn, không bị đè chữ */
.related-products-wrapper .product-small.box,
.product-section .product-small.box {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.related-products-wrapper .product-small.box .box-image,
.product-section .product-small.box .box-image {
    width: 100% !important;
    position: relative !important;
}

.related-products-wrapper .product-small.box .box-image img,
.product-section .product-small.box .box-image img {
    width: 100% !important;
    height: 175px !important;
    object-fit: contain !important;
    display: block !important;
}

/* 4. Huy hiệu giảm giá (Sale bubble) nằm ngay ngắn góc trên bên trái */
.related-products-wrapper .badge-container,
.product-section .badge-container {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 5 !important;
}

.related-products-wrapper .badge-inner,
.product-section .badge-inner {
    background-color: #f59e0b !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    border-radius: 50% !important;
    padding: 6px !important;
}

/* ==========================================================================
   THẺ SẢN PHẨM NHÚNG TRONG BÀI VIẾT (TỰ ĐỘNG CẬP NHẬT GIÁ LIVE TỪ WOOCOMMERCE)
   ========================================================================== */
.tgd-article-products-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
    gap: 16px !important;
    margin: 22px 0 !important;
}

.tgd-in-article-product {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.tgd-in-article-product:hover {
    border-color: #b30000 !important;
    box-shadow: 0 6px 18px rgba(179, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

.tgd-iap-thumb {
    width: 85px !important;
    height: 85px !important;
    flex-shrink: 0 !important;
    margin-right: 14px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
}

.tgd-iap-thumb a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.tgd-iap-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.tgd-iap-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.tgd-iap-badge {
    display: inline-block !important;
    background: #fef3c7 !important;
    color: #92400e !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important;
}

.tgd-iap-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 5px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.tgd-iap-title a {
    color: #0f172a !important;
    text-decoration: none !important;
}

.tgd-iap-title a:hover {
    color: #b30000 !important;
}

.tgd-iap-price {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #b30000 !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

.tgd-iap-price del {
    font-size: 13px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
    margin-right: 6px !important;
}

.tgd-iap-price ins {
    text-decoration: none !important;
}

.btn-iap-buy {
    display: inline-block !important;
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

.btn-iap-buy:hover {
    background: #000000 !important;
    color: #fcca24 !important;
}

/* ==========================================================================
   ẨN HOÀN TOÀN ENTRY-META & BOOKMARK CHÂN BÀI VIẾT BLOG
   ========================================================================== */
.single-post footer.entry-meta,
.single-post .entry-meta-footer {
    display: none !important;
}

/* ==========================================================================
   BỘ LỌC TABS SẢN PHẨM GIẢM GIÁ (SALE FILTER TABS)
   ========================================================================== */
.sale-filter-tabs {
    margin-bottom: 25px !important;
}

.sale-filter-tabs .nav-tabs-pills {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 auto 20px auto !important;
}

.sale-filter-tabs .nav-tabs-pills li.tab {
    margin: 0 !important;
}

.sale-filter-tabs .nav-tabs-pills li.tab a {
    display: inline-block !important;
    background: #ffffff !important;
    color: #475569 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 50px !important;
    padding: 8px 18px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.25s ease !important;
    line-height: 1.3 !important;
}

.sale-filter-tabs .nav-tabs-pills li.tab a:hover {
    color: #b30000 !important;
    border-color: #b30000 !important;
    background: #fff5f5 !important;
}

.sale-filter-tabs .nav-tabs-pills li.tab.active a {
    background: linear-gradient(135deg, #d32f2f 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    border-color: #b30000 !important;
    box-shadow: 0 4px 12px rgba(179, 0, 0, 0.35) !important;
}

.sale-filter-tabs .tab-panels {
    padding-top: 5px !important;
}

/* ==========================================================================
   DANH MỤC SẢN PHẨM SIDEBAR CAO CẤP (PREMIUM CATEGORY SIDEBAR CARD)
   ========================================================================== */

/* 1. Mở rộng độ rộng Sidebar để text dài không bị tràn hay ép dòng */
.archive .large-3 {
    flex-basis: 25% !important;
    max-width: 25% !important;
    padding-right: 15px !important;
}

.archive .large-9 {
    flex-basis: 75% !important;
    max-width: 75% !important;
    padding-left: 15px !important;
}

/* 2. Khung Card bao bọc toàn bộ Widget */
#shop-sidebar .widget_product_categories {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
}

/* 3. Header Tiêu đề danh mục: Nền đỏ đô sang trọng, viền vàng gold */
#shop-sidebar .widget_product_categories .widget-title,
#shop-sidebar .widget_product_categories span.widget-title {
    display: block !important;
    background: linear-gradient(135deg, #b30000 0%, #8e0000 100%) !important;
    color: #ffffff !important;
    padding: 13px 18px !important;
    margin: 0 !important;
    font-size: 15.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 2.5px solid #fcca24 !important;
}

#shop-sidebar .widget_product_categories .is-divider {
    display: none !important;
}

/* 4. Danh sách danh mục cha */
.widget_product_categories ul.product-categories {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.widget_product_categories ul.product-categories > li.cat-item {
    position: relative !important;
    padding: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    transition: background 0.2s ease !important;
}

.widget_product_categories ul.product-categories > li.cat-item:last-child {
    border-bottom: none !important;
}

.widget_product_categories ul.product-categories > li.cat-item:hover {
    background: #fafafa !important;
}

/* Link danh mục cha - Đệm lề phải 72px để KHÔNG BAO GIỜ đè lên badge số lượng và mũi tên toggle */
.widget_product_categories ul.product-categories > li.cat-item > a {
    display: block !important;
    padding: 12px 72px 12px 16px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    line-height: 1.35 !important;
    transition: color 0.2s ease !important;
}

.widget_product_categories ul.product-categories > li.cat-item:not(.cat-parent) > a {
    padding-right: 48px !important;
}

.widget_product_categories ul.product-categories > li.cat-item.current-cat > a,
.widget_product_categories ul.product-categories > li.cat-item > a:hover {
    color: #b30000 !important;
}

/* Highlight danh mục đang xem */
.widget_product_categories ul.product-categories > li.cat-item.current-cat {
    background: #fff9f9 !important;
    border-left: 3.5px solid #b30000 !important;
}

/* 5. Huy hiệu số lượng sản phẩm (Count Badge) */
.widget_product_categories ul.product-categories li.cat-item .count {
    position: absolute !important;
    right: 32px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
    padding: 2px 7px !important;
    border-radius: 12px !important;
    line-height: 1.2 !important;
    float: none !important;
    pointer-events: none !important;
}

.widget_product_categories ul.product-categories > li.cat-item:not(.cat-parent) .count {
    right: 14px !important;
}

/* 6. Nút Toggle Accordion xổ danh mục con */
.widget_product_categories ul.product-categories li.cat-parent > .toggle,
.widget_product_categories ul.product-categories li.cat-parent > button.toggle {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94a3b8 !important;
    cursor: pointer !important;
    padding: 0 !important;
    z-index: 2 !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.widget_product_categories ul.product-categories li.cat-parent > .toggle:hover,
.widget_product_categories ul.product-categories li.cat-parent > button.toggle:hover {
    color: #b30000 !important;
}

/* 7. Danh mục con (Subcategories) */
.widget_product_categories ul.product-categories ul.children {
    list-style: none !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    background: #f8fafc !important;
    border-top: 1px solid #edf2f7 !important;
}

.widget_product_categories ul.product-categories ul.children li.cat-item {
    position: relative !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.widget_product_categories ul.product-categories ul.children li.cat-item > a {
    display: block !important;
    padding: 7px 46px 7px 24px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    line-height: 1.35 !important;
    transition: all 0.2s ease !important;
}

.widget_product_categories ul.product-categories ul.children li.cat-item > a::before {
    content: "• " !important;
    color: #b30000 !important;
    margin-right: 4px !important;
    font-size: 14px !important;
}

.widget_product_categories ul.product-categories ul.children li.cat-item.current-cat > a,
.widget_product_categories ul.product-categories ul.children li.cat-item > a:hover {
    color: #b30000 !important;
    padding-left: 28px !important;
    font-weight: 700 !important;
}

.widget_product_categories ul.product-categories ul.children li.cat-item .count {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    padding: 1px 6px !important;
    background: #e2e8f0 !important;
    color: #475569 !important;
}