/* ============================================
       WISHLIST FIX - Button AFTER Date
       Keep original button style
       ============================================ */

    /* Make the cell a flex container */
    .wishlist_table .product-add-to-cart,
    .wishlist_table td.product-add-to-cart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px 10px !important;
    }

    /* Date FIRST - order 1 */
    .wishlist_table .product-add-to-cart span.dateadded {
        order: 1 !important;
        display: block !important;
        position: static !important;
        margin-bottom: 15px !important;
        font-size: 13px !important;
        color: #666 !important;
        text-align: center !important;
    }

    /* Button with text - order 2 (appears AFTER date) */
    .wishlist_table .product-add-to-cart a,
    .wishlist_table .product-add-to-cart a.button,
    .wishlist_table .product-add-to-cart a.add_to_cart_button {
        order: 2 !important;
        /* Remove absolute positioning */
        position: static !important;
        top: unset !important;
        bottom: unset !important;
        left: unset !important;
        right: unset !important;
        /* Show text button */
        font-size: 14px !important;
        font-weight: 600 !important;
        font-family: Inter, sans-serif !important;
        background: #000 !important;
        color: #fff !important;
        padding: 10px 25px !important;
        margin: 0 !important;
        display: inline-block !important;
        width: auto !important;
        border-radius: 5px !important;
        text-decoration: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        transition: background 0.3s ease !important;
    }

    .wishlist_table .product-add-to-cart a:hover {
        background: #dd9933 !important;
        color: #fff !important;
    }

    /* Hide the cart icon */
    .wishlist_table .product-add-to-cart a::after,
    .wishlist_table .product-add-to-cart a:after {
        content: none !important;
        display: none !important;
    }

    /* ============================================
       FEATURED PRODUCTS LAYOUT
       Mobile: 2 columns (42% each)
       Desktop/Laptop: 1 column
       ============================================ */

    /* MOBILE - 2 columns at 42% */
    @media screen and (max-width: 767px) {
        #featured-product .row {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 5px !important;
            gap: 8px !important;
        }

        #featured-product .product-content,
        #featured-product .col-12.product-content,
        #featured-product .col-lg-3,
        #featured-product .tab-pane .row > div {
            flex: 0 0 42% !important;
            max-width: 42% !important;
            width: 42% !important;
            padding: 5px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        #featured-product .product-image img {
            width: 100% !important;
            height: auto !important;
        }

        #featured-product .product-details {
            padding: 8px 5px !important;
            text-align: center !important;
        }

        #featured-product .product-details h5 {
            font-size: 12px !important;
            line-height: 1.3 !important;
        }

        #featured-product .product-price {
            font-size: 13px !important;
            justify-content: center !important;
            display: flex !important;
        }
    }

    /* TABLET (768px - 1023px) - 2 columns */
    @media screen and (min-width: 768px) and (max-width: 1023px) {
        #featured-product .row {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

        #featured-product .product-content,
        #featured-product .col-lg-3,
        #featured-product .col-md-6,
        #featured-product .tab-pane .row > div {
            flex: 0 0 45% !important;
            max-width: 45% !important;
            width: 45% !important;
            margin-bottom: 20px !important;
        }
    }

    /* LAPTOP & DESKTOP (1024px+) - 4 columns */
    @media screen and (min-width: 1024px) {
        #featured-product .row {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            gap: 20px !important;
        }

        #featured-product .product-content,
        #featured-product .col-lg-3,
        #featured-product .col-md-6,
        #featured-product .tab-pane .row > div {
            flex: 0 0 22% !important;
            max-width: 22% !important;
            width: 22% !important;
            margin-bottom: 20px !important;
        }
    }

    /* LARGE DESKTOP (1440px+) - 4 columns with more space */
    @media screen and (min-width: 1440px) {
        #featured-product .row {
            gap: 25px !important;
        }

        #featured-product .product-content,
        #featured-product .col-lg-3,
        #featured-product .col-md-6,
        #featured-product .tab-pane .row > div {
            flex: 0 0 21% !important;
            max-width: 21% !important;
            width: 21% !important;
        }
    }

    /* ============================================
       BEST CATEGORY LAYOUT
       Mobile: 2 columns (42% each)
       Desktop/Laptop: 1 column
       ============================================ */

    /* MOBILE - 2 columns at 42% */
    @media screen and (max-width: 767px) {
        #category-section .grid-container {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 5px !important;
            gap: 10px !important;
        }

        #category-section .grid-container .item {
            flex: 0 0 42% !important;
            max-width: 42% !important;
            width: 42% !important;
            padding: 5px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            text-align: center !important;
            overflow: hidden !important;
        }

        #category-section .grid-container .item img,
        #category-section .grid-container .item .cat-image {
            width: 100% !important;
            max-width: 100% !important;
            height: auto !important;
            border-radius: 8px !important;
            object-fit: contain !important;
        }

        #category-section .grid-container .item .category {
            font-size: 12px !important;
            margin-top: 8px !important;
        }

        #category-section .grid-container .item .items-num {
            font-size: 10px !important;
        }
    }

    /* TABLET (768px - 1023px) - 1 column */
    @media screen and (min-width: 768px) and (max-width: 1023px) {
        #category-section .grid-container {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        #category-section .grid-container .item {
            flex: 0 0 100% !important;
            max-width: 400px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
            text-align: center !important;
        }

        #category-section .grid-container .item img,
        #category-section .grid-container .item .cat-image {
            max-width: 100% !important;
            height: auto !important;
        }
    }

    /* LAPTOP & DESKTOP (1024px+) - 4 columns */
    @media screen and (min-width: 1024px) {
        #category-section .grid-container {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            align-items: flex-start !important;
            gap: 20px !important;
            padding: 0 20px !important;
        }

        #category-section .grid-container .item {
            flex: 0 0 22% !important;
            max-width: 22% !important;
            width: 22% !important;
            margin-bottom: 20px !important;
            text-align: center !important;
        }

        #category-section .grid-container .item img,
        #category-section .grid-container .item .cat-image {
            max-width: 100% !important;
            height: auto !important;
            border-radius: 10px !important;
        }
    }

    /* LARGE DESKTOP (1440px+) - 4 columns with more space */
    @media screen and (min-width: 1440px) {
        #category-section .grid-container {
            gap: 30px !important;
            padding: 0 50px !important;
        }

        #category-section .grid-container .item {
            flex: 0 0 21% !important;
            max-width: 21% !important;
            width: 21% !important;
        }
    }

    /* ============================================
       RELATED PRODUCTS LAYOUT (Product Details Page)
       Mobile: 2 columns (42% each)
       Desktop/Laptop: 1 column
       ============================================ */

    /* MOBILE - 2 columns at 42% */
    @media screen and (max-width: 767px) {
        .related.products ul.products,
        section.related.products ul.products {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 5px !important;
            gap: 10px !important;
            list-style: none !important;
        }

        .related.products ul.products li.product,
        section.related.products ul.products li.product {
            flex: 0 0 42% !important;
            max-width: 42% !important;
            width: 42% !important;
            padding: 5px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            text-align: center !important;
        }

        .related.products ul.products li.product img,
        section.related.products ul.products li.product img {
            width: 100% !important;
            height: auto !important;
        }

        .related.products ul.products li.product .woocommerce-loop-product__title,
        section.related.products ul.products li.product .woocommerce-loop-product__title {
            font-size: 12px !important;
            line-height: 1.3 !important;
        }

        .related.products ul.products li.product .price,
        section.related.products ul.products li.product .price {
            font-size: 12px !important;
        }
    }

    /* DESKTOP/LAPTOP - 1 column */
    @media screen and (min-width: 768px) {
        .related.products ul.products,
        section.related.products ul.products {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            list-style: none !important;
        }

        .related.products ul.products li.product,
        section.related.products ul.products li.product {
            flex: 0 0 100% !important;
            max-width: 400px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
            text-align: center !important;
        }

        .related.products ul.products li.product img,
        section.related.products ul.products li.product img {
            max-width: 100% !important;
            height: auto !important;
        }
    }

    /* ============================================
       CART PAGE - Better UX with margins
       ============================================ */
    @media screen and (max-width: 767px) {
        .woocommerce-cart .woocommerce,
        .woocommerce-cart .site-content,
        .woocommerce-cart .content-area {
            padding: 0 15px !important;
            margin: 0 !important;
        }

        .woocommerce-cart .shop_table_responsive tr,
        .woocommerce-cart .cart_item {
            padding: 15px !important;
            margin-bottom: 15px !important;
            background: #fff !important;
            border-radius: 8px !important;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
        }

        .woocommerce-cart .cart-collaterals {
            padding: 15px !important;
            margin-top: 20px !important;
        }
    }

    /* ============================================
       QUANTITY BUTTONS: [ - ] qty [ + ]
       Simple clean design like reference image
       Cart & Product Detail - All versions
       ============================================ */

    /* Main wrapper - horizontal flex */
    .qib-button-wrapper,
    .quantity,
    .woocommerce .qib-button-wrapper,
    .woocommerce .quantity,
    .woocommerce-cart .qib-button-wrapper,
    .woocommerce-page .qib-button-wrapper,
    .single-product .qib-button-wrapper,
    .single-product .quantity,
    body .qib-button-wrapper,
    table.cart .qib-button-wrapper,
    .shop_table .qib-button-wrapper {
        display: inline-flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        gap: 10px !important;
    }

    /* Center quantity in table cells */
    .woocommerce table.cart td.product-quantity,
    table.shop_table td.product-quantity,
    .single-product .summary .quantity {
        text-align: center !important;
    }

    /* All quantity buttons - clean square style */
    .qib-button-wrapper .minus,
    .qib-button-wrapper .plus,
    .quantity .minus,
    .quantity .plus,
    .qib-button-wrapper > .minus,
    .qib-button-wrapper > .plus,
    .qib-button-wrapper > button.minus,
    .qib-button-wrapper > button.plus,
    .woocommerce .qib-button-wrapper .minus,
    .woocommerce .qib-button-wrapper .plus,
    .woocommerce .quantity .minus,
    .woocommerce .quantity .plus,
    .single-product .quantity .minus,
    .single-product .quantity .plus,
    body .qib-button-wrapper .minus,
    body .qib-button-wrapper .plus,
    body .quantity .minus,
    body .quantity .plus,
    button.minus,
    button.plus,
    input.minus,
    input.plus {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        border-radius: 8px !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        color: #333 !important;
        font-size: 20px !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.15s ease !important;
        box-shadow: none !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Quantity first (left), then minus */
    .qib-button-wrapper .minus,
    .quantity .minus,
    body .qib-button-wrapper .minus,
    body .quantity .minus {
        order: 2 !important;
        -webkit-order: 2 !important;
    }

    /* Plus button - ORDER 3 (right) */
    .qib-button-wrapper .plus,
    .quantity .plus,
    body .qib-button-wrapper .plus,
    body .quantity .plus {
        order: 3 !important;
        -webkit-order: 3 !important;
    }

    /* Hover effect */
    .qib-button-wrapper .minus:hover,
    .qib-button-wrapper .plus:hover,
    .quantity .minus:hover,
    .quantity .plus:hover {
        background: #f8f8f8 !important;
        border-color: #ccc !important;
    }

    /* Quantity container - ORDER 1 (left) */
    .qib-button-wrapper > .quantity,
    .qib-button-wrapper > .wqpmb_quantity,
    .qib-button-wrapper > div.quantity,
    body .qib-button-wrapper > .quantity,
    .woocommerce .qib-button-wrapper .quantity {
        order: 1 !important;
        -webkit-order: 1 !important;
        margin: 0 !important;
        width: auto !important;
        flex-shrink: 0 !important;
        background: transparent !important;
        border: none !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* Hide the plain input span */
    .qib-button-wrapper .wqpmb_plain_input {
        display: none !important;
    }

    /* Input - clean number in middle */
    .qib-button-wrapper .quantity input,
    .qib-button-wrapper input.qty,
    .qib-button-wrapper input[type="number"],
    .quantity input.qty,
    .quantity input[type="number"],
    body .qib-button-wrapper input,
    body .quantity input.qty,
    .woocommerce .qib-button-wrapper input,
    .woocommerce .quantity input.qty,
    .single-product .quantity input.qty {
        width: 40px !important;
        max-width: 40px !important;
        height: 36px !important;
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #333 !important;
        border: none !important;
        background: transparent !important;
        -moz-appearance: textfield !important;
        -webkit-appearance: none !important;
        padding: 0 !important;
        margin: 0 !important;
        order: 2 !important;
        -webkit-order: 2 !important;
    }

    /* Hide number spinners */
    .qib-button-wrapper input::-webkit-outer-spin-button,
    .qib-button-wrapper input::-webkit-inner-spin-button,
    .quantity input::-webkit-outer-spin-button,
    .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    /* ============================================
       WISHLIST - Same horizontal clean design
       ============================================ */
    .wishlist_table .quantity,
    .wishlist-items-wrapper .quantity,
    .wishlist_table .qib-button-wrapper,
    .wishlist-items-wrapper .qib-button-wrapper {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 auto !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }

    /* Wishlist buttons - same clean style */
    .wishlist_table .quantity .minus,
    .wishlist_table .quantity .plus,
    .wishlist-items-wrapper .quantity .minus,
    .wishlist-items-wrapper .quantity .plus {
        width: 30px !important;
        height: 30px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 6px !important;
        background: #fff !important;
        border: 1px solid #e0e0e0 !important;
        cursor: pointer !important;
        text-align: center !important;
        color: #333 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .wishlist_table .quantity .minus,
    .wishlist-items-wrapper .quantity .minus {
        order: 1 !important;
    }

    .wishlist_table .quantity .plus,
    .wishlist-items-wrapper .quantity .plus {
        order: 3 !important;
    }

    /* Input in MIDDLE */
    .wishlist_table .quantity input.qty,
    .wishlist-items-wrapper .quantity input.qty {
        order: 2 !important;
        width: 35px !important;
        height: 30px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        -moz-appearance: textfield !important;
    }

    .wishlist_table .quantity input::-webkit-outer-spin-button,
    .wishlist_table .quantity input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    .wishlist_table .quantity .plus:hover,
    .wishlist_table .quantity .minus:hover {
        background: #f5f5f5 !important;
        border-color: #ccc !important;
    }

    /* ============================================
       MOBILE - Same clean design
       ============================================ */
    @media screen and (max-width: 767px) {
        .qib-button-wrapper,
        .quantity,
        .woocommerce-cart .qib-button-wrapper,
        .single-product .qib-button-wrapper,
        .single-product .quantity {
            gap: 8px !important;
        }

        .qib-button-wrapper .minus,
        .qib-button-wrapper .plus,
        .quantity .minus,
        .quantity .plus,
        .woocommerce-cart .qib-button-wrapper .minus,
        .woocommerce-cart .qib-button-wrapper .plus,
        .single-product .qib-button-wrapper .minus,
        .single-product .qib-button-wrapper .plus,
        .single-product .quantity .minus,
        .single-product .quantity .plus {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            max-width: 32px !important;
            font-size: 18px !important;
            font-weight: 300 !important;
            border-radius: 8px !important;
            background: #fff !important;
            border: 1px solid #ddd !important;
            color: #333 !important;
        }

        .qib-button-wrapper input,
        .quantity input.qty,
        .woocommerce-cart .qib-button-wrapper input,
        .single-product .qib-button-wrapper input,
        .single-product .quantity input.qty {
            width: 36px !important;
            height: 32px !important;
            font-size: 15px !important;
            font-weight: 500 !important;
            text-align: center !important;
            border: none !important;
            background: transparent !important;
        }

        /* Wishlist mobile - same clean style */
        .wishlist_table .quantity .plus,
        .wishlist_table .quantity .minus {
            width: 32px !important;
            height: 32px !important;
            font-size: 16px !important;
            border-radius: 8px !important;
            background: #fff !important;
            border: 1px solid #ddd !important;
            color: #333 !important;
        }

        .wishlist_table .quantity input.qty {
            width: 36px !important;
            height: 32px !important;
            font-size: 14px !important;
        }
    }

    /* ============================================
       CART PAGE - Disable Scroll Animations
       ============================================ */
    .woocommerce-cart .wow,
    .woocommerce-cart .animated,
    .woocommerce-cart [class*="wow"],
    .woocommerce-cart .fadeIn,
    .woocommerce-cart .fadeInUp,
    .woocommerce-cart .fadeInDown,
    .woocommerce-cart .zoomIn,
    .woocommerce-cart .slideInUp,
    .woocommerce-cart .slideInDown {
        animation: none !important;
        -webkit-animation: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: none !important;
    }

    /* Disable sticky effects on cart mobile */
    @media screen and (max-width: 767px) {
        .woocommerce-cart .sticky-header,
        .woocommerce-cart .fixed-header,
        .woocommerce-cart #site-sticky-menu.sticky {
            position: relative !important;
            top: auto !important;
        }
    }

    /* ============================================
       SCROLLUP BUTTON - Fix overlap with Cart Totals
       ============================================ */
    .scrollup,
    .scroll-to-top,
    a.scrollup {
        z-index: 999 !important;
    }

    @media screen and (max-width: 767px) {
        .woocommerce-cart .scrollup,
        .woocommerce-cart .scroll-to-top,
        .woocommerce-cart a.scrollup {
            bottom: 20px !important;
            right: 15px !important;
            left: auto !important;
            width: 40px !important;
            height: 40px !important;
        }

        /* Add padding to cart totals so scrollup doesn't overlap */
        .woocommerce-cart .cart-collaterals,
        .woocommerce-cart .cart_totals {
            padding-left: 50px !important;
        }

        .woocommerce-cart .cart_totals h2,
        .woocommerce-cart .cart-collaterals h2 {
            padding-left: 0 !important;
        }
    }

    /* ============================================
       TRENDING PRODUCTS LAYOUT
       Mobile only: 2 columns (42% each)
       Desktop: Let owl carousel work normally
       ============================================ */

    /* MOBILE ONLY - 2 columns at 42% */
    @media screen and (max-width: 767px) {
        #trending_products .owl-carousel,
        #trending_products .product_block {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 5px !important;
            gap: 10px !important;
        }

        #trending_products .owl-carousel .owl-stage-outer,
        #trending_products .owl-carousel .owl-stage {
            display: flex !important;
            flex-wrap: wrap !important;
            width: 100% !important;
        }

        #trending_products .owl-carousel .owl-item,
        #trending_products .owl-carousel > .text-center,
        #trending_products .product_block > .text-center {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            width: 100% !important;
            padding: 5px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        #trending_products .flash_product {
            margin: 0 !important;
            padding: 0 !important;
        }

        #trending_products .trending_products-col img {
            width: 100% !important;
            height: auto !important;
        }

        #trending_products .product-details {
            padding: 8px 5px !important;
            text-align: center !important;
        }

        #trending_products .product-heads a {
            font-size: 12px !important;
            line-height: 1.3 !important;
        }

        #trending_products .price {
            font-size: 12px !important;
            justify-content: center !important;
        }

        #trending_products .mobile-add-to-cart {
            font-size: 10px !important;
        }

        #trending_products .trending-right-row {
            text-align: center !important;
            width: 100% !important;
        }
        #trending_products .trending-right-head {
            text-align: center !important;
            position: relative !important;
            padding-bottom: 20px !important;
            margin-bottom: 25px !important;
            display: block !important;
        }
        #trending_products .trending-right-head::after {
            position: absolute !important;
            content: '' !important;
            height: 4px !important;
            width: 50px !important;
            background: #dd9933 !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            bottom: 5px !important;
            top: auto !important;
            margin: 0 !important;
            display: block !important;
        }
        #trending_products .trending_products-col {
            display: flex !important;
            justify-content: center !important;
        }
        #trending_products .flash_product p#timer,
        #trending_products .flash_product p.countdown2 {
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            overflow: visible !important;
        }
        #trending_products p#timer div.numbers {
            min-width: 50px !important;
        }

        #trending_products .trending-right-row {
            text-align: center !important;
            width: 100% !important;
        }

        #trending_products .trending-right-head {
            text-align: center !important;
        }

        #trending_products .trending_products-col {
            display: flex !important;
            justify-content: center !important;
        }

        #trending_products .flash_product p#timer,
        #trending_products .flash_product p.countdown2 {
            display: flex !important;
            justify-content: center !important;
            width: 100% !important;
            overflow: visible !important;
        }

        #trending_products p#timer div.numbers {
            min-width: 50px !important;
        }
    }

    /* TABLET & DESKTOP - Let owl carousel work normally */
    @media screen and (min-width: 768px) {
        #trending_products .owl-carousel {
            display: block !important;
        }

        #trending_products .owl-carousel .owl-stage-outer {
            display: block !important;
            overflow: hidden !important;
        }

        #trending_products .owl-carousel .owl-stage {
            display: flex !important;
            flex-wrap: nowrap !important;
        }

        #trending_products .owl-carousel .owl-item {
            float: left !important;
            flex: none !important;
            width: auto !important;
            max-width: none !important;
        }

        #trending_products .flash_product {
            text-align: center !important;
        }

        #trending_products .trending_products-col {
            display: flex !important;
            justify-content: center !important;
        }

        #trending_products .trending_products-col img {
            max-width: 280px !important;
            max-height: 280px !important;
            width: auto !important;
            height: auto !important;
            object-fit: contain !important;
        }
        #trending_products .trending_products-col {
            height: 320px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        #trending_products .trending_products-col {
            display: flex !important;
            justify-content: center !important;
        }

        #trending_products .trending-right-row {
            text-align: center !important;
        }

        #trending_products .trending-right-head {
            text-align: center !important;
        }

        #trending_products .product-heads {
            text-align: center !important;
        }

        #trending_products .price {
            justify-content: center !important;
        }

        #trending_products .flash_product p#timer {
            justify-content: center !important;
        }

        #trending_products .trending-right-row {
            text-align: center !important;
        }

        #trending_products .trending-right-head {
            text-align: center !important;
        }

        #trending_products .product-heads {
            text-align: center !important;
        }

        #trending_products .price {
            justify-content: center !important;
            text-align: center !important;
        }

        #trending_products .flash_product p#timer {
            justify-content: center !important;
            gap: 10px !important;
        }
        #trending_products p#timer div.numbers {
            margin: 0 !important;
        }
    }

    /* ============================================
       MOBILE - Fix Right Margin/White Space
       Prevent horizontal overflow
       ============================================ */
    @media screen and (max-width: 767px) {
        html, body {
            overflow-x: hidden !important;
            width: 100% !important;
            max-width: 100vw !important;
        }

        body {
            position: relative !important;
        }

        /* Prevent any element from causing horizontal scroll - EXCEPT header */
        section,
        footer,
        #footer,
        #footer_box,
        .site-footer,
        .footer-widgets,
        .footer-bottom,
        #content,
        .site-content,
        .content-area,
        main,
        #main {
            max-width: 100vw !important;
            overflow-x: hidden !important;
        }

        /* Fix slider and carousel overflow */
        .slider,
        .slick-slider,
        .owl-carousel,
        .carousel,
        .swiper-container {
            max-width: 100% !important;
            overflow: hidden !important;
        }

        /* Fix any absolute positioned elements */
        .wow,
        .animated {
            max-width: 100% !important;
        }
    }

    

    /* Desktop: Keep normal layout */
    @media screen and (min-width: 768px) {
        .topmenu-boxx,
        .icons-container,
        #top-header .icons-container {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            overflow: visible !important;
        }

        .icons-container a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            visibility: visible !important;
            opacity: 1 !important;
            margin: 0 10px !important;
        }

        .icons-container a img {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            width: auto !important;
            height: 24px !important;
            max-width: none !important;
        }

        .icons-container .wishlist-counter,
        .icons-container .cart-counter {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            visibility: visible !important;
            background: #000 !important;
            color: #fff !important;
            font-size: 10px !important;
            font-weight: 600 !important;
            min-width: 18px !important;
            height: 18px !important;
            border-radius: 50% !important;
            padding: 0 !important;
            line-height: 1 !important;
        }
    }

    /* ============================================
       SHOP / SALES / CATEGORY PAGE LAYOUT
       Mobile: 2 columns (42% each)
       Tablet: 2 columns (45% each)
       Desktop: 3-4 columns (default WooCommerce)
       ============================================ */

    /* MOBILE - 2 columns at 42% */
    @media screen and (max-width: 767px) {
        .shop-page ul.products,
        .woocommerce ul.products,
        .tax-product_cat ul.products {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            margin: 0 !important;
            padding: 0 5px !important;
            gap: 8px !important;
        }

        .woocommerce ul.products li.product,
        .woocommerce ul.products.columns-3 li.product,
        .woocommerce ul.products[class*=columns-] li.product,
        .woocommerce-page ul.products[class*=columns-] li.product,
        .shop-page ul.products li.product,
        .tax-product_cat ul.products li.product {
            flex: 0 0 42% !important;
            max-width: 42% !important;
            width: 42% !important;
            padding: 5px !important;
            margin: 0 !important;
            float: none !important;
            box-sizing: border-box !important;
        }

        .shop-page ul.products li.product img,
        .tax-product_cat ul.products li.product img {
            width: 100% !important;
            height: auto !important;
        }

        .shop-page ul.products li.product .woocommerce-loop-product__title,
        .tax-product_cat ul.products li.product .woocommerce-loop-product__title {
            font-size: 12px !important;
            line-height: 1.3 !important;
        }

        .shop-page ul.products li.product .price,
        .tax-product_cat ul.products li.product .price {
            font-size: 13px !important;
        }
    }

    /* TABLET (768px - 1023px) - 2 columns */
    @media screen and (min-width: 768px) and (max-width: 1023px) {
        .shop-page ul.products,
        .woocommerce ul.products,
        .tax-product_cat ul.products {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
        }

        .woocommerce ul.products li.product,
        .woocommerce ul.products[class*=columns-] li.product,
        .woocommerce-page ul.products[class*=columns-] li.product,
        .shop-page ul.products li.product,
        .tax-product_cat ul.products li.product {
            flex: 0 0 45% !important;
            max-width: 45% !important;
            width: 45% !important;
            margin-bottom: 20px !important;
            float: none !important;
        }
    }


            



    

    

    

    /* ============================================
       CART PAGE MOBILE - quantity buttons + cart totals
       ============================================ */

    @media screen and (max-width: 767px) {
        /* Cart totals - full width, no left margin */
        .woocommerce-cart .cart-collaterals,
        .woocommerce-cart .cart_totals {
            width: 100% !important;
            max-width: 100% !important;
            float: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .woocommerce-cart .cart_totals table {
            width: 100% !important;
        }
        .woocommerce-cart .cart_totals .shop_table th,
        .woocommerce-cart .cart_totals .shop_table td {
            padding: 10px !important;
        }
        .woocommerce-cart button[name="apply_coupon"] {
            margin-top: 2px !important;
        }
        .woocommerce-cart .wc-proceed-to-checkout {
            text-align: center !important;
            padding: 0 !important;
        }
        .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
            width: 100% !important;
            display: block !important;
        }
    }

    /* ============================================
       QUANTITY BUTTONS FINAL OVERRIDE - - 1 +
       ============================================ */

    .qib-button-wrapper,
    .woocommerce-cart .qib-button-wrapper,
    body.cart .qib-button-wrapper,
    table.cart .qib-button-wrapper,
    .product-quantity .qib-button-wrapper {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        margin: 0 auto !important;
        gap: 5px !important;
    }
    .qib-button-wrapper .quantity,
    .qib-button-wrapper .wqpmb_quantity,
    .qib-button-wrapper > .quantity {
        order: 1 !important;
    }
    .qib-button-wrapper .minus,
    .qib-button-wrapper button.minus {
        order: 2 !important;
    }
    .qib-button-wrapper .plus,
    .qib-button-wrapper button.plus {
        order: 3 !important;
    }
    @media screen and (max-width: 767px) {
        .woocommerce-cart .product-quantity {
            text-align: center !important;
        }
    }

    /* ============================================
       CART QUANTITY INPUT LEFT (wpc-product-quantity)
       ============================================ */

    .woocommerce-cart .product-quantity .quantity {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 5px !important;
    }
    .woocommerce-cart .product-quantity .quantity input.qty,
    .woocommerce-cart .product-quantity .quantity input.input-text {
        order: 1 !important;
        -webkit-order: 1 !important;
        float: left !important;
    }
    .woocommerce-cart .product-quantity .quantity .qty-btn.qty-minus,
    .woocommerce-cart .product-quantity .quantity button.qty-minus {
        order: 2 !important;
        -webkit-order: 2 !important;
    }
    .woocommerce-cart .product-quantity .quantity .qty-btn.qty-plus,
    .woocommerce-cart .product-quantity .quantity button.qty-plus {
        order: 3 !important;
        -webkit-order: 3 !important;
    }


/* ============================================
   CHECKOUT PAYMENT METHOD ICONS - Size constraint
   Fixes oversized MonCash logo on checkout
   ============================================ */
.woocommerce-checkout ul.payment_methods li img,
.woocommerce-checkout .wc_payment_method img,
.woocommerce ul.payment_methods li.wc_payment_method label img {
    max-height: 28px !important;
    width: auto !important;
    max-width: 140px !important;
    height: auto !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    display: inline-block !important;
    float: none !important;
}

.woocommerce-checkout ul.payment_methods li.payment_method_moncash img,
.woocommerce-checkout li.wc_payment_method img[src*="MC_button"] {
    max-height: 28px !important;
    max-width: 140px !important;
    width: auto !important;
    height: auto !important;
}

.woocommerce-checkout ul.payment_methods li label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}