/* ==============================================================
   TRANG CỬA HÀNG & DANH MỤC SẢN PHẨM (WOOCOMMERCE SHOP & ARCHIVE)
   Bio Minh Long - Đồng bộ hoàn toàn kiểu dáng Card Sản Phẩm Section 06
   ============================================================== */

:root {
    --bml-dark: #0e382b;
    --bml-dark-deep: #07281c;
    --bml-dark-banner: #083824;
    --bml-lime: #cae88d;
    --bml-lime-vibrant: #c8ea66;
    --bml-font: 'Mulish', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --bml-radius-pill: 30px;
}

/* ==============================================================
   1. HERO / BANNER TIÊU ĐỀ TRANG CỬA HÀNG (LIGHT & CLEAN CHUẨN BIO MINH LONG)
   ============================================================== */
body.post-type-archive-product .shop-page-title.category-page-title,
body.tax-product_cat .shop-page-title.category-page-title,
body.tax-product_tag .shop-page-title.category-page-title,
body.woocommerce-shop .shop-page-title.category-page-title {
    position: relative !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(14, 56, 43, 0.08) !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 0 22px !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Ẩn các layer nền tối và parallax mặc định của Flatsome */
body.post-type-archive-product .page-title-bg,
body.tax-product_cat .page-title-bg,
body.tax-product_tag .page-title-bg,
body.woocommerce-shop .page-title-bg,
body.post-type-archive-product .title-overlay,
body.tax-product_cat .title-overlay,
body.tax-product_tag .title-overlay,
body.woocommerce-shop .title-overlay {
    display: none !important;
}

body.post-type-archive-product .page-title-inner,
body.tax-product_cat .page-title-inner,
body.tax-product_tag .page-title-inner,
body.woocommerce-shop .page-title-inner {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Tiêu đề H1 Cửa hàng */
body.post-type-archive-product h1.shop-page-title,
body.tax-product_cat h1.shop-page-title,
body.tax-product_tag h1.shop-page-title,
body.woocommerce-shop h1.shop-page-title {
    font-family: var(--bml-font) !important;
    font-size: clamp(22px, 2.4vw, 28px) !important;
    font-weight: 900 !important;
    color: #0e382b !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: -0.4px !important;
    text-transform: none !important;
    line-height: 1.25 !important;
}

/* Đường dẫn Breadcrumb */
body.post-type-archive-product .breadcrumbs,
body.tax-product_cat .breadcrumbs,
body.tax-product_tag .breadcrumbs,
body.woocommerce-shop .breadcrumbs {
    font-family: var(--bml-font) !important;
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

body.post-type-archive-product .breadcrumbs a,
body.tax-product_cat .breadcrumbs a,
body.tax-product_tag .breadcrumbs a,
body.woocommerce-shop .breadcrumbs a {
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

body.post-type-archive-product .breadcrumbs a:hover,
body.tax-product_cat .breadcrumbs a:hover,
body.tax-product_tag .breadcrumbs a:hover,
body.woocommerce-shop .breadcrumbs a:hover {
    color: #0e382b !important;
}

body.post-type-archive-product .breadcrumbs .divider,
body.tax-product_cat .breadcrumbs .divider,
body.tax-product_tag .breadcrumbs .divider,
body.woocommerce-shop .breadcrumbs .divider {
    color: #cbd5e1 !important;
    margin: 0 6px !important;
}

/* Số lượng sản phẩm & Ô Sắp xếp (Orderby) */
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count,
body.woocommerce-shop .woocommerce-result-count {
    color: #64748b !important;
    font-family: var(--bml-font) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    margin: 0 15px 0 0 !important;
}

body.post-type-archive-product form.woocommerce-ordering,
body.tax-product_cat form.woocommerce-ordering,
body.tax-product_tag form.woocommerce-ordering,
body.woocommerce-shop form.woocommerce-ordering {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body.post-type-archive-product form.woocommerce-ordering select.orderby,
body.tax-product_cat form.woocommerce-ordering select.orderby,
body.tax-product_tag form.woocommerce-ordering select.orderby,
body.woocommerce-shop form.woocommerce-ordering select.orderby {
    font-family: var(--bml-font) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0e382b !important;
    background-color: #ffffff !important;
    border: 1.5px solid rgba(14, 56, 43, 0.16) !important;
    border-radius: 50px !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: 36px !important;
    padding: 0 36px 0 16px !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(14, 56, 43, 0.04) !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    transition: all 0.2s ease !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230e382b' stroke-width='2.2' 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: calc(100% - 14px) center !important;
    background-size: 13px !important;
}

body.post-type-archive-product form.woocommerce-ordering select.orderby:hover,
body.tax-product_cat form.woocommerce-ordering select.orderby:hover,
body.tax-product_tag form.woocommerce-ordering select.orderby:hover,
body.woocommerce-shop form.woocommerce-ordering select.orderby:hover {
    border-color: #0e382b !important;
    box-shadow: 0 4px 12px rgba(14, 56, 43, 0.10) !important;
}

/* ==============================================================
   2. KHUNG NỘI DUNG CHÍNH (MAIN AREA & CATEGORY ROW)
   ============================================================== */
body.post-type-archive-product #main,
body.tax-product_cat #main,
body.tax-product_tag #main,
body.woocommerce-shop #main {
    background-color: #f8faf8 !important;
    padding-top: 35px !important;
    padding-bottom: 70px !important;
    font-family: var(--bml-font) !important;
}

body.post-type-archive-product .category-page-row,
body.tax-product_cat .category-page-row,
body.tax-product_tag .category-page-row,
body.woocommerce-shop .category-page-row {
    max-width: 1260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* ==============================================================
   3. DANH SÁCH SẢN PHẨM & CARD SẢN PHẨM (CHUẨN SECTION-06)
   ============================================================== */
body.post-type-archive-product .products.row,
body.tax-product_cat .products.row,
body.tax-product_tag .products.row,
body.woocommerce-shop .products.row {
    margin-left: -8px !important;
    margin-right: -8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Cột card sản phẩm */
body.post-type-archive-product .product-small.col,
body.tax-product_cat .product-small.col,
body.tax-product_tag .product-small.col,
body.woocommerce-shop .product-small.col {
    padding: 0 8px 20px !important;
    box-sizing: border-box !important;
}

body.post-type-archive-product .product-small.col .col-inner,
body.tax-product_cat .product-small.col .col-inner,
body.tax-product_tag .product-small.col .col-inner,
body.woocommerce-shop .product-small.col .col-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: 100% !important;
}

/* Thẻ Box bao bọc toàn bộ Card */
body.post-type-archive-product .product-small .box,
body.tax-product_cat .product-small .box,
body.tax-product_tag .product-small .box,
body.woocommerce-shop .product-small .box {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(14, 56, 43, 0.08) !important;
    box-shadow: 0 4px 16px rgba(14, 56, 43, 0.04) !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

body.post-type-archive-product .product-small.col:hover .box,
body.tax-product_cat .product-small.col:hover .box,
body.tax-product_tag .product-small.col:hover .box,
body.woocommerce-shop .product-small.col:hover .box {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(14, 56, 43, 0.10) !important;
    border-color: rgba(14, 56, 43, 0.16) !important;
}

/* Ảnh sản phẩm full 100% chiều ngang card */
body.post-type-archive-product .product-small .box-image,
body.tax-product_cat .product-small .box-image,
body.tax-product_tag .product-small .box-image,
body.woocommerce-shop .product-small .box-image {
    width: 100% !important;
    height: 195px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f1f7f4 !important;
}

body.post-type-archive-product .product-small .box-image .image-none,
body.post-type-archive-product .product-small .box-image a,
body.tax-product_cat .product-small .box-image a,
body.tax-product_tag .product-small .box-image a,
body.woocommerce-shop .product-small .box-image a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.post-type-archive-product .product-small .box-image img,
body.tax-product_cat .product-small .box-image img,
body.tax-product_tag .product-small .box-image img,
body.woocommerce-shop .product-small .box-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    transition: transform 0.4s ease !important;
    display: block !important;
}

body.post-type-archive-product .product-small.col:hover .box-image img,
body.tax-product_cat .product-small.col:hover .box-image img,
body.tax-product_tag .product-small.col:hover .box-image img,
body.woocommerce-shop .product-small.col:hover .box-image img {
    transform: scale(1.05) !important;
}

/* Phần Text bên dưới card */
body.post-type-archive-product .product-small .box-text,
body.tax-product_cat .product-small .box-text,
body.tax-product_tag .product-small .box-text,
body.woocommerce-shop .product-small .box-text {
    padding: 16px 18px 20px !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
}

body.post-type-archive-product .product-small .title-wrapper,
body.tax-product_cat .product-small .title-wrapper,
body.tax-product_tag .product-small .title-wrapper,
body.woocommerce-shop .product-small .title-wrapper {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* Tiêu đề sản phẩm */
body.post-type-archive-product .product-small .product-title,
body.tax-product_cat .product-small .product-title,
body.tax-product_tag .product-small .product-title,
body.woocommerce-shop .product-small .product-title {
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 42px !important;
}

body.post-type-archive-product .product-small .product-title a,
body.tax-product_cat .product-small .product-title a,
body.tax-product_tag .product-small .product-title a,
body.woocommerce-shop .product-small .product-title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.post-type-archive-product .product-small.col:hover .product-title a,
body.tax-product_cat .product-small.col:hover .product-title a,
body.tax-product_tag .product-small.col:hover .product-title a,
body.woocommerce-shop .product-small.col:hover .product-title a {
    color: #0e382b !important;
}

/* Click toàn bộ card để vào chi tiết sản phẩm */
body.post-type-archive-product .product-small .product-title a::before,
body.tax-product_cat .product-small .product-title a::before,
body.tax-product_tag .product-small .product-title a::before,
body.woocommerce-shop .product-small .product-title a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
}

/* --------------------------------------------------------------
   GIÁ BÁN SẢN PHẨM (.price-wrapper)
   -------------------------------------------------------------- */
body.post-type-archive-product .product-small .price-wrapper,
body.tax-product_cat .product-small .price-wrapper,
body.tax-product_tag .product-small .price-wrapper,
body.woocommerce-shop .product-small .price-wrapper {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin: 4px 0 12px 0 !important;
    min-height: 24px !important;
    line-height: 1.2 !important;
}

body.post-type-archive-product .product-small .price-wrapper .price,
body.tax-product_cat .product-small .price-wrapper .price,
body.tax-product_tag .product-small .price-wrapper .price,
body.woocommerce-shop .product-small .price-wrapper .price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

/* Giá hiện tại / Giá khuyến mãi */
body.post-type-archive-product .product-small .price-wrapper ins,
body.post-type-archive-product .product-small .price-wrapper .amount,
body.tax-product_cat .product-small .price-wrapper ins,
body.tax-product_cat .product-small .price-wrapper .amount,
body.tax-product_tag .product-small .price-wrapper ins,
body.tax-product_tag .product-small .price-wrapper .amount,
body.woocommerce-shop .product-small .price-wrapper ins,
body.woocommerce-shop .product-small .price-wrapper .amount {
    color: #0e382b !important;
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    letter-spacing: -0.2px !important;
}

/* Giá gốc khi có khuyến mãi */
body.post-type-archive-product .product-small .price-wrapper del,
body.post-type-archive-product .product-small .price-wrapper del .amount,
body.tax-product_cat .product-small .price-wrapper del,
body.tax-product_cat .product-small .price-wrapper del .amount,
body.tax-product_tag .product-small .price-wrapper del,
body.tax-product_tag .product-small .price-wrapper del .amount,
body.woocommerce-shop .product-small .price-wrapper del,
body.woocommerce-shop .product-small .price-wrapper del .amount {
    color: #94a3b8 !important;
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}

body.post-type-archive-product .product-small .price-wrapper .screen-reader-text,
body.tax-product_cat .product-small .price-wrapper .screen-reader-text,
body.tax-product_tag .product-small .price-wrapper .screen-reader-text,
body.woocommerce-shop .product-small .price-wrapper .screen-reader-text {
    display: none !important;
}

/* Trường hợp sản phẩm chưa set giá */
body.post-type-archive-product .product-small .price-wrapper:empty::before,
body.post-type-archive-product .product-small .price-wrapper:not(:has(.amount))::before,
body.tax-product_cat .product-small .price-wrapper:empty::before,
body.tax-product_cat .product-small .price-wrapper:not(:has(.amount))::before,
body.tax-product_tag .product-small .price-wrapper:empty::before,
body.tax-product_tag .product-small .price-wrapper:not(:has(.amount))::before,
body.woocommerce-shop .product-small .price-wrapper:empty::before,
body.woocommerce-shop .product-small .price-wrapper:not(:has(.amount))::before {
    content: "Giá: Liên hệ" !important;
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #476857 !important;
    line-height: 1.2 !important;
}

/* --------------------------------------------------------------
   NÚT MUA HÀNG / THÊM VÀO GIỎ (.add-to-cart-button)
   -------------------------------------------------------------- */
body.post-type-archive-product .product-small .add-to-cart-button,
body.tax-product_cat .product-small .add-to-cart-button,
body.tax-product_tag .product-small .add-to-cart-button,
body.woocommerce-shop .product-small .add-to-cart-button {
    display: block !important;
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: 0 !important;
}

body.post-type-archive-product .product-small .add-to-cart-button a.button,
body.tax-product_cat .product-small .add-to-cart-button a.button,
body.tax-product_tag .product-small .add-to-cart-button a.button,
body.woocommerce-shop .product-small .add-to-cart-button a.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: var(--bml-radius-pill, 30px) !important;
    background-color: #0e382b !important;
    border: 1.5px solid #0e382b !important;
    color: #ffffff !important;
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: 0 3px 10px rgba(14, 56, 43, 0.16) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

body.post-type-archive-product .product-small .add-to-cart-button a.button:hover,
body.tax-product_cat .product-small .add-to-cart-button a.button:hover,
body.tax-product_tag .product-small .add-to-cart-button a.button:hover,
body.woocommerce-shop .product-small .add-to-cart-button a.button:hover {
    background-color: #14532d !important;
    border-color: #14532d !important;
    color: #cae88d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(14, 56, 43, 0.25) !important;
}

/* Icon Giỏ Hàng cho nút Thêm vào giỏ */
body.post-type-archive-product .product-small .add-to-cart-button a.add_to_cart_button::before,
body.tax-product_cat .product-small .add-to-cart-button a.add_to_cart_button::before,
body.tax-product_tag .product-small .add-to-cart-button a.add_to_cart_button::before,
body.woocommerce-shop .product-small .add-to-cart-button a.add_to_cart_button::before {
    content: "" !important;
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
    transition: transform 0.2s ease !important;
}

body.post-type-archive-product .product-small .add-to-cart-button a.add_to_cart_button:hover::before,
body.tax-product_cat .product-small .add-to-cart-button a.add_to_cart_button:hover::before,
body.tax-product_tag .product-small .add-to-cart-button a.add_to_cart_button:hover::before,
body.woocommerce-shop .product-small .add-to-cart-button a.add_to_cart_button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cae88d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
    transform: scale(1.1) !important;
}

/* Nút phụ đối với sản phẩm chưa đặt giá (Đọc tiếp / Xem chi tiết) */
body.post-type-archive-product .product-small .add-to-cart-button a.button:not(.add_to_cart_button),
body.tax-product_cat .product-small .add-to-cart-button a.button:not(.add_to_cart_button),
body.tax-product_tag .product-small .add-to-cart-button a.button:not(.add_to_cart_button),
body.woocommerce-shop .product-small .add-to-cart-button a.button:not(.add_to_cart_button) {
    background-color: #f1f7f4 !important;
    border-color: rgba(14, 56, 43, 0.16) !important;
    color: #0e382b !important;
    box-shadow: none !important;
}

body.post-type-archive-product .product-small .add-to-cart-button a.button:not(.add_to_cart_button):hover,
body.tax-product_cat .product-small .add-to-cart-button a.button:not(.add_to_cart_button):hover,
body.tax-product_tag .product-small .add-to-cart-button a.button:not(.add_to_cart_button):hover,
body.woocommerce-shop .product-small .add-to-cart-button a.button:not(.add_to_cart_button):hover {
    background-color: #0e382b !important;
    border-color: #0e382b !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------
   HUY HIỆU GIẢM GIÁ (.badge-container)
   -------------------------------------------------------------- */
body.post-type-archive-product .badge-container,
body.tax-product_cat .badge-container,
body.tax-product_tag .badge-container,
body.woocommerce-shop .badge-container {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 4 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.post-type-archive-product .badge-container .badge,
body.tax-product_cat .badge-container .badge,
body.tax-product_tag .badge-container .badge,
body.woocommerce-shop .badge-container .badge {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.post-type-archive-product .badge-container .badge-inner,
body.tax-product_cat .badge-container .badge-inner,
body.tax-product_tag .badge-container .badge-inner,
body.woocommerce-shop .badge-container .badge-inner {
    background: #dc2626 !important;
    color: #ffffff !important;
    font-family: var(--bml-font, 'Mulish', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.3) !important;
}

/* Ẩn các icon quick view / divider thừa */
body.post-type-archive-product .image-tools,
body.post-type-archive-product .is-divider,
body.tax-product_cat .image-tools,
body.tax-product_cat .is-divider,
body.woocommerce-shop .image-tools,
body.woocommerce-shop .is-divider {
    display: none !important;
}

/* ==============================================================
   4. PHÂN TRANG (PAGINATION)
   ============================================================== */
body.post-type-archive-product .woocommerce-pagination,
body.tax-product_cat .woocommerce-pagination,
body.woocommerce-shop .woocommerce-pagination {
    margin-top: 40px !important;
    text-align: center !important;
}

body.post-type-archive-product .woocommerce-pagination ul.page-numbers,
body.tax-product_cat .woocommerce-pagination ul.page-numbers,
body.woocommerce-shop .woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.post-type-archive-product .woocommerce-pagination ul.page-numbers li,
body.tax-product_cat .woocommerce-pagination ul.page-numbers li,
body.woocommerce-shop .woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
}

body.post-type-archive-product .woocommerce-pagination ul.page-numbers li :is(a, span),
body.tax-product_cat .woocommerce-pagination ul.page-numbers li :is(a, span),
body.woocommerce-shop .woocommerce-pagination ul.page-numbers li :is(a, span) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    font-family: var(--bml-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0e382b !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(14, 56, 43, 0.12) !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(14, 56, 43, 0.05) !important;
}

body.post-type-archive-product .woocommerce-pagination ul.page-numbers li a:hover,
body.tax-product_cat .woocommerce-pagination ul.page-numbers li a:hover,
body.woocommerce-shop .woocommerce-pagination ul.page-numbers li a:hover {
    background: #0e382b !important;
    color: #cae88d !important;
    border-color: #0e382b !important;
    transform: translateY(-2px) !important;
}

body.post-type-archive-product .woocommerce-pagination ul.page-numbers li span.current,
body.tax-product_cat .woocommerce-pagination ul.page-numbers li span.current,
body.woocommerce-shop .woocommerce-pagination ul.page-numbers li span.current {
    background: #0e382b !important;
    color: #ffffff !important;
    border-color: #0e382b !important;
    box-shadow: 0 4px 14px rgba(14, 56, 43, 0.25) !important;
}

/* ==============================================================
   5. RESPONSIVE MOBILE & TABLET (ĐỒNG BỘ CHUẨN SECTION-06)
   ============================================================== */
@media (max-width: 767px) {
    /* Padding lề 10px mép màn hình */
    body.post-type-archive-product .category-page-row,
    body.tax-product_cat .category-page-row,
    body.tax-product_tag .category-page-row,
    body.woocommerce-shop .category-page-row {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.post-type-archive-product .col.large-12,
    body.tax-product_cat .col.large-12,
    body.tax-product_tag .col.large-12,
    body.woocommerce-shop .col.large-12 {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Mở rộng bù trừ lề âm 4px để card sát mép đúng 10px */
    body.post-type-archive-product .products.row,
    body.tax-product_cat .products.row,
    body.tax-product_tag .products.row,
    body.woocommerce-shop .products.row {
        padding: 0 !important;
        margin-left: -4px !important;
        margin-right: -4px !important;
        width: calc(100% + 8px) !important;
        max-width: calc(100% + 8px) !important;
    }

    /* 2 cột đều nhau trên Mobile: khoảng cách giữa 2 card là 8px */
    body.post-type-archive-product .products.row .product-small.col,
    body.tax-product_cat .products.row .product-small.col,
    body.tax-product_tag .products.row .product-small.col,
    body.woocommerce-shop .products.row .product-small.col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding: 0 4px 10px !important;
    }

    body.post-type-archive-product .product-small .box,
    body.tax-product_cat .product-small .box,
    body.tax-product_tag .product-small .box,
    body.woocommerce-shop .product-small .box {
        border-radius: 14px !important;
    }

    /* Chiều cao ảnh sản phẩm trên mobile */
    body.post-type-archive-product .product-small .box-image,
    body.tax-product_cat .product-small .box-image,
    body.tax-product_tag .product-small .box-image,
    body.woocommerce-shop .product-small .box-image {
        height: 165px !important;
    }

    /* Padding hộp chữ gọn gàng */
    body.post-type-archive-product .product-small .box-text,
    body.tax-product_cat .product-small .box-text,
    body.tax-product_tag .product-small .box-text,
    body.woocommerce-shop .product-small .box-text {
        padding: 10px 10px 12px !important;
    }

    body.post-type-archive-product .product-small .title-wrapper,
    body.tax-product_cat .product-small .title-wrapper,
    body.tax-product_tag .product-small .title-wrapper,
    body.woocommerce-shop .product-small .title-wrapper {
        margin: 0 0 6px 0 !important;
    }

    /* Font tiêu đề gọn gàng vừa vặn */
    body.post-type-archive-product .product-small .product-title,
    body.tax-product_cat .product-small .product-title,
    body.tax-product_tag .product-small .product-title,
    body.woocommerce-shop .product-small .product-title {
        font-size: 13.5px !important;
        line-height: 1.35 !important;
        min-height: 38px !important;
    }

    /* Giá bán trên Mobile */
    body.post-type-archive-product .product-small .price-wrapper,
    body.tax-product_cat .product-small .price-wrapper,
    body.tax-product_tag .product-small .price-wrapper,
    body.woocommerce-shop .product-small .price-wrapper {
        margin: 2px 0 8px 0 !important;
        min-height: 20px !important;
        gap: 4px !important;
    }

    body.post-type-archive-product .product-small .price-wrapper ins,
    body.post-type-archive-product .product-small .price-wrapper .amount,
    body.tax-product_cat .product-small .price-wrapper ins,
    body.tax-product_cat .product-small .price-wrapper .amount,
    body.tax-product_tag .product-small .price-wrapper ins,
    body.tax-product_tag .product-small .price-wrapper .amount,
    body.woocommerce-shop .product-small .price-wrapper ins,
    body.woocommerce-shop .product-small .price-wrapper .amount {
        font-size: 13.5px !important;
    }

    body.post-type-archive-product .product-small .price-wrapper del,
    body.post-type-archive-product .product-small .price-wrapper del .amount,
    body.tax-product_cat .product-small .price-wrapper del,
    body.tax-product_cat .product-small .price-wrapper del .amount,
    body.tax-product_tag .product-small .price-wrapper del,
    body.tax-product_tag .product-small .price-wrapper del .amount,
    body.woocommerce-shop .product-small .price-wrapper del,
    body.woocommerce-shop .product-small .price-wrapper del .amount {
        font-size: 11px !important;
    }

    body.post-type-archive-product .product-small .price-wrapper:empty::before,
    body.post-type-archive-product .product-small .price-wrapper:not(:has(.amount))::before,
    body.tax-product_cat .product-small .price-wrapper:empty::before,
    body.tax-product_cat .product-small .price-wrapper:not(:has(.amount))::before,
    body.tax-product_tag .product-small .price-wrapper:empty::before,
    body.tax-product_tag .product-small .price-wrapper:not(:has(.amount))::before,
    body.woocommerce-shop .product-small .price-wrapper:empty::before,
    body.woocommerce-shop .product-small .price-wrapper:not(:has(.amount))::before {
        font-size: 12px !important;
    }

    /* Nút bấm mua hàng trên mobile: chữ nằm gọn gàng trên 1 dòng */
    body.post-type-archive-product .product-small .add-to-cart-button a.button,
    body.tax-product_cat .product-small .add-to-cart-button a.button,
    body.tax-product_tag .product-small .add-to-cart-button a.button,
    body.woocommerce-shop .product-small .add-to-cart-button a.button {
        height: 34px !important;
        min-height: 34px !important;
        font-size: 12.5px !important;
        padding: 0 8px !important;
        letter-spacing: -0.2px !important;
        white-space: nowrap !important;
        gap: 4px !important;
    }

    body.post-type-archive-product .product-small .add-to-cart-button a.add_to_cart_button::before,
    body.tax-product_cat .product-small .add-to-cart-button a.add_to_cart_button::before,
    body.tax-product_tag .product-small .add-to-cart-button a.add_to_cart_button::before,
    body.woocommerce-shop .product-small .add-to-cart-button a.add_to_cart_button::before {
        width: 13px !important;
        height: 13px !important;
    }
}