/* ============================================
       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 left-aligned (last odd item stays on the LEFT) */
    @media screen and (max-width: 767px) {
        #featured-product .row {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: flex-start !important;
            margin: 0 !important;
            padding: 0 8px !important;
            gap: 12px !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 calc(50% - 12px) !important;
            max-width: calc(50% - 12px) !important;
            width: calc(50% - 12px) !important;
            padding: 0 !important;
            margin: 0 0 20px 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: 14px !important;
            line-height: 1.3 !important;
        }

        #featured-product .product-price {
            font-size: 14px !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: flex-start !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: flex-start !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 CSS Grid (matches Shop layout, left-aligned) */
    @media screen and (max-width: 767px) {
        .related.products ul.products,
        section.related.products ul.products {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 8px !important;
            margin: 0 !important;
            padding: 0 8px !important;
            list-style: none !important;
            justify-content: flex-start !important;
        }
        .related.products ul.products::before,
        .related.products ul.products::after,
        section.related.products ul.products::before,
        section.related.products ul.products::after {
            display: none !important;
            content: none !important;
        }

        .related.products ul.products li.product,
        section.related.products ul.products li.product {
            width: auto !important;
            max-width: none !important;
            flex: none !important;
            margin: 0 0 16px 0 !important;
            padding: 0 !important;
            float: none !important;
            clear: none !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: 14px !important;
            line-height: 1.3 !important;
        }

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

    /* DESKTOP/LAPTOP - inline 4 columns (row layout) */
    @media screen and (min-width: 768px) {
        .related.products ul.products,
        section.related.products ul.products {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 20px !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .related.products ul.products::before,
        .related.products ul.products::after,
        section.related.products ul.products::before,
        section.related.products ul.products::after {
            display: none !important;
            content: none !important;
        }

        .related.products ul.products li.product,
        section.related.products ul.products li.product {
            flex: none !important;
            width: auto !important;
            max-width: none !important;
            margin: 0 0 20px 0 !important;
            padding: 0 !important;
            float: none !important;
            clear: none !important;
            text-align: center !important;
        }

        /* Tablet: 2 columns instead of 4 */
        @media screen and (max-width: 991px) {
            .related.products ul.products,
            section.related.products ul.products {
                grid-template-columns: repeat(2, 1fr) !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 - Let Owl Carousel do its native horizontal slide (items=1) */
    @media screen and (max-width: 767px) {
        #trending_products .owl-carousel {
            margin: 0 !important;
            padding: 0 5px !important;
        }

        #trending_products .owl-carousel .owl-item {
            padding: 5px !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: 14px !important;
            line-height: 1.3 !important;
        }

        #trending_products .price {
            font-size: 14px !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 - shop ul.products is now a Bootstrap .row (via filter), li gets .col-6
       Provide Sales-parity gutters: 8px padding around each col = 16px gap, 16px lateral */
    @media screen and (max-width: 767px) {
        .shop-page ul.products.row,
        .woocommerce ul.products.row,
        .tax-product_cat ul.products.row {
            margin-left: -8px !important;
            margin-right: -8px !important;
            padding: 0 16px !important;
        }

        .shop-page ul.products.row > li.product,
        .woocommerce ul.products.row > li.product,
        .tax-product_cat ul.products.row > li.product {
            padding-left: 8px !important;
            padding-right: 8px !important;
            margin: 0 0 20px 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: 14px !important;
            line-height: 1.3 !important;
        }

        .shop-page ul.products li.product .price,
        .tax-product_cat ul.products li.product .price {
            font-size: 14px !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;
}

/* ============================================
   PRODUCT CARD TYPOGRAPHY - Unified system
   Uses --fs-product-* vars and --font-heading
   Replaces 6+ scattered font-size rules
   ============================================ */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.shop-page ul.products li.product .woocommerce-loop-product__title,
.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
.related.products ul.products li.product .woocommerce-loop-product__title,
section.related.products ul.products li.product .woocommerce-loop-product__title,
.sales ul.products li.product .woocommerce-loop-product__title,
#featured-product .product-details h5,
#featured-product .product-details .woocommerce-loop-product__title,
#trending_products .product-heads,
#trending_products .product-heads a {
    font-family: var(--font-heading) !important;
    font-size: var(--fs-product-title) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

.woocommerce ul.products li.product .price,
.shop-page ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.related.products ul.products li.product .price,
section.related.products ul.products li.product .price,
.sales ul.products li.product .price,
#featured-product .price,
#trending_products .price,
#trending_products .flash_product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: var(--font-heading) !important;
    font-size: var(--fs-product-price) !important;
    font-weight: 600 !important;
    color: var(--accent-color) !important;
    line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price del,
.shop-page ul.products li.product .price del,
.tax-product_cat ul.products li.product .price del {
    font-weight: 400 !important;
    color: #a1a1a1 !important;
    opacity: 0.8 !important;
}

.woocommerce ul.products li.product a.add_to_cart_button,
.shop-page ul.products li.product a.add_to_cart_button,
.tax-product_cat ul.products li.product a.add_to_cart_button,
.sales li.product a.add_to_cart_button,
#featured-product .mobile-add-to-cart,
#trending_products .mobile-add-to-cart {
    font-family: var(--font-heading) !important;
    font-size: var(--fs-product-cta) !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

ul.products li.product .yith-wcwl-add-button a,
ul.products li.product .yith-wcwl-add-to-wishlist a {
    font-family: var(--font-body) !important;
    font-size: var(--fs-product-meta) !important;
}

/* ============================================
   READY MADE PRODUCTS - Mobile UX polish
   - Swipeable category tabs (nav-pills)
   - Tighter gap between cards
   - Touch-friendly tab buttons
   ============================================ */
@media screen and (max-width: 767px) {
    /* Swipeable tabs - horizontal scroll instead of wrap */
    #featured-product .product-tabs ul.nav.nav-pills {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        justify-content: flex-start !important;
        padding: 4px 8px !important;
        margin: 0 -8px 12px -8px !important;
    }

    /* Hide scrollbar visually but keep functionality */
    #featured-product .product-tabs ul.nav.nav-pills::-webkit-scrollbar {
        display: none !important;
    }
    #featured-product .product-tabs ul.nav.nav-pills {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #featured-product .product-tabs .nav-item {
        flex: 0 0 auto !important;
        margin: 0 4px !important;
        scroll-snap-align: start !important;
    }

    #featured-product .product-tabs .nav-item button {
        white-space: nowrap !important;
        font-size: 13px !important;
        padding: 8px 14px !important;
        min-height: 36px !important;
    }

    /* Card sizing handled by sales-page parity block above (16px gap, calc(50% - 16px)) */

    /* Faster wow animation on mobile */
    #featured-product .row[data-wow-duration="2s"] {
        animation-duration: 0.6s !important;
    }
}

/* ============================================
   SLIDER MOBILE - Reduce overall size
   Each slide was filling >50% of viewport height
   ============================================ */
@media screen and (max-width: 767px) {
    #slider {
        padding: 0 !important;
    }

    /* Each slide card: reduce padding */
    #slider .slides_image .product-box div.img {
        padding: 15px 10px !important;
    }

    /* Image inside slide: shrink + remove huge margin-bottom */
    #slider .slick-slide img,
    .slick-slide img {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Ideas section (left text panel) */
    #slider .ideas-section {
        padding: 47px 15px !important;
    }
    #slider .ideas-section div.container {
        padding: 0 !important;
    }
    #slider .ideas-head {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-top: 8px !important;
    }
    #slider .ideas-section .ideas-subtile {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 14px !important;
    }
    #slider .ideas-section .cust-head-link,
    #slider .ideas-section .cust-link {
        font-size: 16px !important;
        padding: 8px 16px !important;
    }

    /* Slide product details (price tag) */
    .slides_image .product-details {
        position: absolute !important;
        top: auto !important;
        bottom: 8px !important;
        right: 10px !important;
        left: auto !important;
    }

    /* Hide slick navigation arrows on mobile */
    #slider .slick-prev,
    #slider .slick-next {
        display: none !important;
    }

    /* Slider main row no extra height */
    #slider .main-section {
        min-height: auto !important;
    }
}

/* ============================================
   SHOP PAGE MOBILE - Breathing room
   Push products away from header icons
   ============================================ */
@media screen and (max-width: 767px) {
    /* Banner provides breathing room above (30px margin-top/bottom from .banner-image)
       Match Sales page spacing - no extra container padding */
    .woocommerce.archive .container.shop-page,
    .post-type-archive-product .container.shop-page,
    .tax-product_cat .container.shop-page {
        padding-top: 0 !important;
        padding-bottom: 32px !important;
    }

    /* Match Sales: no extra margin-top on products list (banner provides spacing) */
    .woocommerce.archive ul.products,
    .post-type-archive-product ul.products,
    .tax-product_cat ul.products,
    .shop-page ul.products {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    /* Sales-page parity: 20px vertical gap between rows */
    .woocommerce.archive ul.products li.product,
    .post-type-archive-product ul.products li.product,
    .tax-product_cat ul.products li.product,
    .shop-page ul.products li.product {
        margin-bottom: 20px !important;
    }
}

/* ============================================
   SHOP + SINGLE PRODUCT - Header icons + bottom line
   Mobile: push icons up, push gray border further down
   Applies to /shop/ and /product/<slug>/ only
   ============================================ */
@media screen and (max-width: 767px) {
    .woocommerce-shop #top-header,
    .single-product #top-header {
        padding-bottom: 5px !important;
    }
    .woocommerce-shop #top-header .middle-header-row,
    .single-product #top-header .middle-header-row {
        padding-bottom: 16px !important;
        height: auto !important;
        min-height: 80px !important;
    }
    .woocommerce-shop #top-header .topmenu-boxx .icons-container,
    .single-product #top-header .topmenu-boxx .icons-container {
        align-items: center !important;
        margin-bottom: 14px !important;
        padding-bottom: 4px !important;
    }
    .woocommerce-shop #top-header .topmenu-boxx .icons-container a,
    .single-product #top-header .topmenu-boxx .icons-container a {
        position: relative !important;
        top: -4px !important;
    }
    .woocommerce-shop #header,
    .single-product #header {
        padding-bottom: 8px !important;
    }
}

/* ============================================
   SALES PAGE MOBILE - Side margins + card gap
   Scoped to /sales/ via .page-template-sales body class
   ============================================ */
@media screen and (max-width: 767px) {
    body.page-template-sales .container.sales {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    body.page-template-sales .container.sales .row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
    body.page-template-sales .container.sales .row > div.col-6,
    body.page-template-sales .container.sales .row > div[class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-bottom: 20px !important;
    }
}

/* ============================================
   GLOBAL - Remove header bottom line/shadow
   Affects all pages (homepage, shop, single product, etc.)
   ============================================ */
#header,
.fixed-header,
#top-header {
    box-shadow: none !important;
    border-bottom: none !important;
}

#header::after,
#top-header::after {
    display: none !important;
}

/* ============================================
   SHOP/CATEGORY MOBILE - Left-align entire grid
   First product always on LEFT, regardless of count
   ============================================ */
@media screen and (max-width: 767px) {
    body.tax-product_cat ul.products.row,
    body.woocommerce-shop ul.products.row,
    body.post-type-archive-product ul.products.row {
        justify-content: flex-start !important;
        text-align: left !important;
    }
    body.tax-product_cat ul.products.row > li.product,
    body.woocommerce-shop ul.products.row > li.product,
    body.post-type-archive-product ul.products.row > li.product {
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        clear: none !important;
    }
}

/* ============================================
   SHOP/CATEGORY MOBILE - Disable WC smallscreen float
   Force flex layout to take over (left-align)
   ============================================ */
@media screen and (max-width: 767px) {
    body.tax-product_cat .woocommerce ul.products li.product,
    body.tax-product_cat .woocommerce-page ul.products li.product,
    body.tax-product_cat .woocommerce ul.products[class*=columns-] li.product,
    body.tax-product_cat .woocommerce-page ul.products[class*=columns-] li.product,
    body.woocommerce-shop .woocommerce ul.products li.product,
    body.woocommerce-shop .woocommerce ul.products[class*=columns-] li.product,
    body.post-type-archive-product .woocommerce ul.products[class*=columns-] li.product {
        float: none !important;
        clear: none !important;
    }
}

/* ============================================
   SHOP PAGE - Fix product-category li on mobile
   These li are categories (not products), so woocommerce_post_class filter doesn't apply
   Disable clear:both that breaks flex grid + give them proper width
   ============================================ */
@media screen and (max-width: 767px) {
    /* DEPRECATED width override - grid layout handles cell sizing now */
    body.woocommerce-shop ul.products.row li.product-category,
    body.post-type-archive-product ul.products.row li.product-category,
    body.woocommerce-shop ul.products li.product-category,
    body.post-type-archive-product ul.products li.product-category {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        float: none !important;
        clear: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-shop ul.products.row,
    body.post-type-archive-product ul.products.row,
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products {
        justify-content: flex-start !important;
        gap: 16px !important;
        padding: 0 16px !important;
        margin: 0 !important;
    }
}

/* ============================================
   SHOP/CATEGORY MOBILE - Grid layout (clean fix)
   Replace flex+float chaos with deterministic 2-col grid
   ============================================ */
@media screen and (max-width: 767px) {
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    body.tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 0 8px !important;
        margin: 0 !important;
        list-style: none !important;
    }
    body.woocommerce-shop ul.products > li,
    body.post-type-archive-product ul.products > li,
    body.tax-product_cat ul.products > li {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        text-align: center !important;
    }
}

/* ============================================
   WC SORT/RESULT bar - Mobile polish
   ============================================ */
@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        font-size: 13px !important;
        margin: 0 0 8px 0 !important;
        padding: 0 16px !important;
        text-align: left !important;
        float: none !important;
        width: 100% !important;
        color: #555 !important;
    }
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        margin: 0 0 16px 0 !important;
        padding: 15px 16px !important;
        float: none !important;
        width: 100% !important;
    }
    .woocommerce .woocommerce-ordering select.orderby,
    .woocommerce-page .woocommerce-ordering select.orderby {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 12px !important;
        border: 1px solid #ddd !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        background: #fff !important;
    }
}

/* ============================================
   GRID FIX - Hide WooCommerce ::before/::after pseudos
   They occupy grid cells and shift items by 1 position
   ============================================ */
@media screen and (max-width: 767px) {
    body.woocommerce-shop ul.products::before,
    body.woocommerce-shop ul.products::after,
    body.post-type-archive-product ul.products::before,
    body.post-type-archive-product ul.products::after,
    body.tax-product_cat ul.products::before,
    body.tax-product_cat ul.products::after,
    body.woocommerce-page ul.products::before,
    body.woocommerce-page ul.products::after {
        display: none !important;
        content: none !important;
    }
}

/* ============================================
   SHOP - Card background + hover + zoom on category images
   Combines option A (card style) + option B (image enlargement)
   ============================================ */
@media screen and (max-width: 767px) {
    /* SHOP card - COMPACT (height auto, image fills card edge-to-edge) */
    body.woocommerce-shop ul.products li.product-category,
    body.post-type-archive-product ul.products li.product-category {
        background: #f8f8f8 !important;
        border-radius: 10px !important;
        padding: 0 0 8px 0 !important;
        min-height: auto !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        transition: box-shadow 0.3s, transform 0.3s !important;
        overflow: hidden !important;
    }
    body.woocommerce-shop ul.products li.product-category:hover,
    body.post-type-archive-product ul.products li.product-category:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
        transform: translateY(-2px) !important;
    }

    /* Compact image - 1:1 ratio, no scale distortion */
    body.woocommerce-shop ul.products li.product-category img,
    body.post-type-archive-product ul.products li.product-category img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        transform: scale(1) !important;
        border-radius: 6px !important;
        background: #fff !important;
    }
    body.woocommerce-shop ul.products li.product-category a,
    body.post-type-archive-product ul.products li.product-category a {
        display: block !important;
        overflow: hidden !important;
        border-radius: 6px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Tight title - close to image, no extra gap below */
    body.woocommerce-shop ul.products li.product-category .woocommerce-loop-category__title,
    body.post-type-archive-product ul.products li.product-category .woocommerce-loop-category__title {
        font-size: 14px !important;
        font-weight: 600 !important;
        margin: 8px 0 0 0 !important;
        padding: 0 8px !important;
        text-align: center !important;
        color: #222 !important;
        line-height: 1.3 !important;
    }
    body.woocommerce-shop ul.products li.product-category mark.count,
    body.post-type-archive-product ul.products li.product-category mark.count {
        background: transparent !important;
        font-weight: 400 !important;
        color: #888 !important;
    }
}

/* ============================================
   Wishlist button - keep text visible on hover
   ============================================ */
a.add_to_wishlist:hover,
a.add_to_wishlist:hover *,
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcwl-add-to-wishlist a:hover *,
.yith-wcwl-add-button a:hover,
.yith-wcwl-add-button a:hover * {
    text-indent: 0 !important;
    font-size: inherit !important;
    overflow: visible !important;
}

a.add_to_wishlist:hover span,
.yith-wcwl-add-to-wishlist a:hover span,
.yith-wcwl-add-button a:hover span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    pointer-events: auto !important;
    font-size: inherit !important;
    color: inherit !important;
}

a.add_to_wishlist:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

/* ============================================
   STICKY HEADER - Layout: logo LEFT, hamburger RIGHT (mobile)
   ============================================ */


/* ============================================
   Slider - Push slick-dots below t-shirt image
   Aplikab sou TOUT vèsyon mobile/tablet (jiska 1024px)
   ============================================ */
@media screen and (max-width: 1024px) {
    #slider .slick-dots,
    #slider ul.slick-dots {
        margin-top: 30px !important;
        position: relative !important;
        bottom: auto !important;
        top: auto !important;
        padding-bottom: 20px !important;
    }

    /* Add space below dots so next section breathes */
    #slider .slick-dots {
        margin-bottom: 16px !important;
    }
}

/* ============================================
   SLIDER MOBILE - Clean centered layout (image, title, price, Buy Now)
   Match the reference design with orange brand color
   ============================================ */
@media screen and (max-width: 767px) {
    /* Image container - centered, full width */
    #slider .slides_image .product-box {
        position: relative !important;
        text-align: center !important;
        padding: 0 !important;
    }
    #slider .slides_image .product-box div.img {
        padding: 10px !important;
        text-align: center !important;
    }
    #slider .slides_image .product-box div.img img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* Product details - flow below image, centered */
    #slider .slides_image .product-details {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        text-align: center !important;
        padding: 0 16px !important;
        margin: 16px auto 0 auto !important;
        display: block !important;
        max-width: none !important;
    }

    /* Title */
    #slider .slides_image .product-details .prod-title,
    #slider .slides_image .product-details .prod-title a {
        font-family: var(--font-heading) !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #222 !important;
        text-decoration: none !important;
        text-align: center !important;
        display: block !important;
        margin: 0 0 6px 0 !important;
    }

    /* Price */
    #slider .slides_image .product-details .product-price,
    #slider .slides_image .product-details .product-price * {
        font-family: var(--font-heading) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #222 !important;
        justify-content: center !important;
        text-align: center !important;
    }
    #slider .slides_image .product-details .product-price del {
        color: #999 !important;
        font-weight: 400 !important;
        margin-left: 8px !important;
    }
    #slider .slides_image .product-details .product-price ins {
        text-decoration: none !important;
    }

    /* Buy Now button - rounded with orange brand color */
    #slider .slides_image .product-details .product-btn,
    #slider .slides_image .product-details a.product-btn,
    #slider .slides_image .product-details .product-btn a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        background: #dd9933 !important;
        color: #fff !important;
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 4px 18px !important;
        border-radius: 50px !important;
        margin: 14px auto 0 auto !important;
        text-decoration: none !important;
        text-align: center !important;
        position: relative !important;
        transition: background 0.2s !important;
    }
    #slider .slides_image .product-details .product-btn a {
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
    }
    #slider .slides_image .product-details .product-btn a:hover {
        color: #fff !important;
    }
    #slider .slides_image .product-details .product-btn a::after {
        background-color: #fff !important;
        color: #dd9933 !important;
    }
}








/* ============================================
   Header edges - 10px logo left, 10px hamburger right (mobile)
   ============================================ */
@media screen and (max-width: 991px) {
    #top-header .logoboxx {
        padding-left: 10px !important;
    }
    #top-header .middle-header-row > div:has(.menubar) {
        padding-right: 10px !important;
    }
    #top-header .menubar,
    #top-header .header_row,
    #top-header .innermenubox,
    #top-header .headerbar {
        padding-right: 10px !important;
    }
}

/* ============================================
   Header cols - logo justify-start, hamburger justify-end
   ============================================ */
@media screen and (max-width: 991px) {
    /* Logo col content - align to LEFT (start) */
    #top-header .logoboxx {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    #top-header .logoboxx .custom-logo-link,
    #top-header .logoboxx > a {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Menubar col content - align to RIGHT (end) */
    #top-header .middle-header-row > div:has(.menubar) {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    #top-header .menubar,
    #top-header .header_row,
    #top-header .innermenubox {
        display: flex !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        width: auto !important;
    }
}

/* ============================================
   When menu sidebar is OPEN - keep page layout intact
   Don't let the page reflow/scroll
   ============================================ */
@media screen and (max-width: 991px) {
    /* When sidebar is open, prevent body scroll */
    html.amp-sidebar-opened,
    body.amp-sidebar-opened,
    body.menu-open,
    html:has(amp-sidebar[open]) body {
        overflow: hidden !important;
    }

    /* Keep #top-header layout stable when menu is open */
    body.amp-sidebar-opened #top-header,
    body.menu-open #top-header,
    body:has(amp-sidebar[open]) #top-header {
        position: static !important;
    }

    /* Sidebar should overlay (not push content) */
    amp-sidebar#sidebar1[open],
    .amp-sidebar-open #sidebar1 {
        position: fixed !important;
        z-index: 99999 !important;
    }
}

/* ============================================
   Category page - Hide WC term-description (banner already shows title)
   ============================================ */
.tax-product_cat .woocommerce-products-header,
.tax-product_cat .term-description,
.tax-product_cat header.woocommerce-products-header {
    display: none !important;
}

/* ============================================
   Cart mobile - Quantity label + controls on SAME line (flex)
   ============================================ */
@media only screen and (max-width: 767px) {
    .woocommerce-cart table.cart td.product-quantity,
    .woocommerce-cart table.shop_table td.product-quantity,
    .woocommerce-page table.shop_table td.product-quantity {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: right !important;
        background: transparent !important;
    }
    .woocommerce-cart table.cart td.product-quantity::before,
    .woocommerce-cart table.shop_table td.product-quantity::before {
        float: none !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }
    .woocommerce-cart table.cart td.product-quantity .quantity,
    .woocommerce-cart table.shop_table td.product-quantity .quantity {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
    }
}

/* ============================================
   Checkout mobile - Order review table rows on same line
   ============================================ */
@media only screen and (max-width: 767px) {
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
    /* Cart items - stack name and subtotal on separate lines */
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr.cart_item {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr.cart_item td {
        width: 100% !important;
        flex: 0 0 auto !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-name {
        text-align: left !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr.cart_item td.product-total {
        text-align: left !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr {
        border-bottom: 1px solid #e5e5e5 !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:last-child,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr:last-child {
        border-bottom: none !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr th,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr td,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr th,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr td {
        flex: 0 0 auto !important;
        text-align: left !important;
        padding: 8px 12px !important;
        border: none !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr td,
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr td {
        text-align: right !important;
    }
    /* Shipping options - allow wrap for radio choices */
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping {
        align-items: flex-start !important;
    }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals.shipping td {
        flex: 0 0 auto !important;
    }
}

/* ============================================
   Best Category - Colored gradient backgrounds per card
   Applies on ALL devices (mobile, tablet, desktop)
   ============================================ */
#category-section .grid-container .item,
#category-section .grid-container.single-column .item {
    border-radius: 12px !important;
    padding: 30px 20px !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Rotating background colors per card (cycle of 7) */
#category-section .grid-container .item:nth-child(7n+1) {
    background: linear-gradient(135deg, #f6c647, #e09913) !important;
}
#category-section .grid-container .item:nth-child(7n+2) {
    background: linear-gradient(135deg, #ff7e5f, #e63946) !important;
}
#category-section .grid-container .item:nth-child(7n+3) {
    background: linear-gradient(135deg, #1abc9c, #16a085) !important;
}
#category-section .grid-container .item:nth-child(7n+4) {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
}
#category-section .grid-container .item:nth-child(7n+5) {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
}
#category-section .grid-container .item:nth-child(7n+6) {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}
#category-section .grid-container .item:nth-child(7n) {
    background: linear-gradient(135deg, #f39c12, #d68910) !important;
}

/* Image inside card - transparent bg, centered */
#category-section .grid-container .item img,
#category-section .grid-container .item .cat-image {
    background: transparent !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* Title text - white, bold */
#category-section .grid-container .item p.category,
#category-section .grid-container .item p.category a {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
    margin: 10px 0 0 0 !important;
    text-align: center !important;
}
#category-section .grid-container .item .items-num {
    font-weight: 400 !important;
    color: #fff !important;
}

/* Mobile-specific: full-width card */
@media screen and (max-width: 991px) {
    #category-section .grid-container.single-column .item {
        width: 90% !important;
        max-width: none !important;
        margin: 0 auto !important;
    }
    #category-section .grid-container.single-column .item img {
        width: 60% !important;
        max-width: 200px !important;
        height: auto !important;
    }
}

/* ============================================
   /customizable-product/ page - 2-col grid with left-align
   Hide WC pseudos that shift items
   ============================================ */
@media screen and (max-width: 767px) {
    body.page-id-2495 ul.products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 0 8px !important;
        margin: 0 !important;
        list-style: none !important;
        justify-content: flex-start !important;
    }
    body.page-id-2495 ul.products::before,
    body.page-id-2495 ul.products::after {
        display: none !important;
        content: none !important;
    }
    body.page-id-2495 ul.products > li {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        text-align: center !important;
    }
}

/* ============================================
   /customizable-product/ - Subcategory title styling
   ============================================ */
body.page-id-2495 ul.products li.product-category .woocommerce-loop-category__title {
    font-family: 'Source Sans Pro', system-ui, sans-serif !important;
    font-size: clamp(14px, 1.5vw, 18px) !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
    padding: 0 8px !important;
    line-height: 1.3 !important;
}
@media (max-width: 767px) {
    body.page-id-2495 ul.products li.product-category .woocommerce-loop-category__title {
        font-size: 14px !important;
    }
}
body.page-id-2495 ul.products li.product-category .woocommerce-loop-category__title mark.count {
    background: transparent !important;
    font-weight: 400 !important;
    color: #666 !important;
}

/* ============================================
   /design-templates/ - Layout matches shop, with Digital badge
   ============================================ */

/* Mobile (≤767px) */
@media screen and (max-width: 767px) {
    body.page-id-2509 ul.products.design-templates-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 0 8px !important;
        margin: 0 !important;
        list-style: none !important;
        justify-content: flex-start !important;
    }
    body.page-id-2509 ul.products.design-templates-grid::before,
    body.page-id-2509 ul.products.design-templates-grid::after {
        display: none !important;
        content: none !important;
    }
    body.page-id-2509 ul.products.design-templates-grid > li {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: center !important;
    }
}

/* Tablet/Desktop */
@media screen and (min-width: 768px) {
    body.page-id-2509 ul.products.design-templates-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
        padding: 0 20px !important;
        margin: 0 !important;
        list-style: none !important;
    }
    body.page-id-2509 ul.products.design-templates-grid::before,
    body.page-id-2509 ul.products.design-templates-grid::after {
        display: none !important;
        content: none !important;
    }
    body.page-id-2509 ul.products.design-templates-grid > li {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: center !important;
    }
}

/* Digital badge */
body.page-id-2509 .design-templates-grid li.downloadable-product {
    position: relative !important;
}
body.page-id-2509 .design-templates-grid .dt-badge {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    background: #2980b9 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    z-index: 2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Download count */
body.page-id-2509 .design-templates-grid .dt-download-count {
    display: block !important;
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 6px !important;
}

/* Empty state */
body.page-id-2509 .design-templates-grid .dt-empty {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    padding: 40px 20px !important;
    color: #666 !important;
    font-style: italic !important;
}

/* Product image */
body.page-id-2509 .design-templates-grid li.downloadable-product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
}

/* Title */
body.page-id-2509 .design-templates-grid .woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 6px 0 !important;
    color: #222 !important;
}

/* Price */
body.page-id-2509 .design-templates-grid .price {
    font-size: 15px !important;
    color: #dd9933 !important;
    font-weight: 600 !important;
}

/* ============================================
   Design Templates - Card border
   ============================================ */
body.page-id-2509 .design-templates-grid li.downloadable-product {
    border: none !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    transition: box-shadow 0.3s, transform 0.3s !important;
}
body.page-id-2509 .design-templates-grid li.downloadable-product:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

/* ============================================
   All product listing pages - 4 columns on desktop
   Applies to: /customizable-product/, /shop/, /sales/, /design-templates/, /product-category/*/
   Lowered breakpoint to 768px (covers MacBook Air, tablet landscape, etc.)
   ============================================ */
@media screen and (min-width: 768px) {
    /* /customizable-product/ page (id 2495) */
    body.page-id-2495 ul.products,
    /* /design-templates/ page (id 2509) */
    body.page-id-2509 ul.products.design-templates-grid,
    /* /shop/ */
    body.woocommerce-shop ul.products,
    body.post-type-archive-product ul.products,
    /* product category archives */
    body.tax-product_cat ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 20px !important;
        padding: 0 20px !important;
        margin: 0 !important;
        list-style: none !important;
        justify-content: flex-start !important;
    }

    body.page-id-2495 ul.products::before,
    body.page-id-2495 ul.products::after,
    body.page-id-2509 ul.products::before,
    body.page-id-2509 ul.products::after,
    body.woocommerce-shop ul.products::before,
    body.woocommerce-shop ul.products::after,
    body.post-type-archive-product ul.products::before,
    body.post-type-archive-product ul.products::after,
    body.tax-product_cat ul.products::before,
    body.tax-product_cat ul.products::after {
        display: none !important;
        content: none !important;
    }

    body.page-id-2495 ul.products > li,
    body.page-id-2509 ul.products > li,
    body.woocommerce-shop ul.products > li,
    body.post-type-archive-product ul.products > li,
    body.tax-product_cat ul.products > li {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* /sales/ page - already uses Bootstrap col-lg-3 (4 cols), force to match */
    body.page-template-sales .container.sales .row > div[class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

/* ============================================
   Deal Of The Season - mobile improvements
   - Square image (1:1 aspect, object-fit cover)
   - Subtitle 14px
   - Dots styling
   ============================================ */
@media screen and (max-width: 767px) {
    /* Subtitle "Limited time offers..." */
    #trending_products .trending-right-para {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-bottom: 16px !important;
    }

    /* Consistent square image */
    #trending_products .trending_products-col img,
    #trending_products .owl-item img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        background: #f8f8f8 !important;
        display: block !important;
    }
}

/* Slick/Owl dots indicator styling - all sizes */
#trending_products .owl-dots {
    text-align: center !important;
    margin-top: 16px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}
#trending_products .owl-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #ccc !important;
    border: none !important;
    transition: background 0.3s !important;
    cursor: pointer !important;
}
#trending_products .owl-dot.active {
    background: #dd9933 !important;
}
#trending_products .owl-dot span {
    display: none !important;
}

/* ============================================
   Remove borders from all product cards across the site
   (shop, customizable-product, product-category, design-templates, sales, related)
   ============================================ */
body.woocommerce-shop ul.products li,
body.post-type-archive-product ul.products li,
body.tax-product_cat ul.products li,
body.page-id-2495 ul.products li,
body.page-id-2509 ul.products li,
body.page-template-sales ul.products li,
body.page-template-sales .container.sales .row > div,
.related.products ul.products li,
section.related.products ul.products li,
#featured-product .product-content,
#trending_products .flash_product,
.product-content,
.flash_product {
    border: none !important;
}

/* Disable hover border too */
body.woocommerce-shop ul.products li:hover,
body.post-type-archive-product ul.products li:hover,
body.tax-product_cat ul.products li:hover,
body.page-id-2495 ul.products li:hover,
body.page-id-2509 ul.products li:hover,
body.page-template-sales ul.products li:hover,
.related.products ul.products li:hover,
section.related.products ul.products li:hover,
#featured-product .product-content:hover,
#trending_products .flash_product:hover,
.product-content:hover,
.flash_product:hover {
    border: none !important;
}

/* ============================================
   Sales mobile - Title 16px
   ============================================ */
@media screen and (max-width: 767px) {
    body.page-template-sales ul.products li.product .woocommerce-loop-product__title,
    body.page-template-sales .sales ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
    }
    body.page-template-sales ul.products li.product .price,
    body.page-template-sales .sales ul.products li.product .price {
        font-size: 14px !important;
    }
}

/* ============================================
   UNIFIED - All product card title + price mobile (14px Source Sans Pro)
   Covers: shop, category, sales, customizable-product, design-templates,
           related products, featured-product, trending_products
   ============================================ */
@media screen and (max-width: 767px) {
    /* Title - all product listings */
    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
    body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
    body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
    body.page-template-sales ul.products li.product .woocommerce-loop-product__title,
    body.page-id-2495 ul.products li .woocommerce-loop-category__title,
    body.page-id-2509 ul.products li .woocommerce-loop-product__title,
    body.page-id-2509 .design-templates-grid .woocommerce-loop-product__title,
    .related.products ul.products li.product .woocommerce-loop-product__title,
    section.related.products ul.products li.product .woocommerce-loop-product__title,
    #featured-product .product-details h5,
    #featured-product .product-details .woocommerce-loop-product__title,
    #trending_products .product-heads,
    #trending_products .product-heads a {
        font-family: 'Source Sans Pro', system-ui, sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    /* Price - all product listings */
    body.woocommerce-shop ul.products li.product .price,
    body.post-type-archive-product ul.products li.product .price,
    body.tax-product_cat ul.products li.product .price,
    body.page-template-sales ul.products li.product .price,
    body.page-id-2509 .design-templates-grid .price,
    .related.products ul.products li.product .price,
    section.related.products ul.products li.product .price,
    #featured-product .product-price,
    #featured-product .price,
    #trending_products .price,
    #trending_products .flash_product .price {
        font-family: 'Source Sans Pro', system-ui, sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
}

/* ============================================
   UNIFIED Sales-model typography for ALL product pages
   Mobile: 14px / Desktop: clamp(14px, 1.5vw, 18px)
   Font: Source Sans Pro 600
   ============================================ */

/* Desktop title (≥768px) */
@media (min-width: 768px) {
    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
    body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
    body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
    body.page-template-sales ul.products li.product .woocommerce-loop-product__title,
    body.page-id-2509 .design-templates-grid .woocommerce-loop-product__title,
    .related.products ul.products li.product .woocommerce-loop-product__title,
    section.related.products ul.products li.product .woocommerce-loop-product__title,
    #featured-product .product-details h5,
    #featured-product .product-details .woocommerce-loop-product__title,
    #trending_products .product-heads,
    #trending_products .product-heads a {
        font-family: 'Source Sans Pro', system-ui, sans-serif !important;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
    }

    /* Desktop price */
    body.woocommerce-shop ul.products li.product .price,
    body.post-type-archive-product ul.products li.product .price,
    body.tax-product_cat ul.products li.product .price,
    body.page-template-sales ul.products li.product .price,
    body.page-id-2509 .design-templates-grid .price,
    .related.products ul.products li.product .price,
    section.related.products ul.products li.product .price,
    #featured-product .product-price,
    #featured-product .price,
    #trending_products .price,
    #trending_products .flash_product .price {
        font-family: 'Source Sans Pro', system-ui, sans-serif !important;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        font-weight: 600 !important;
    }
}

/* ============================================
   Price size 12px - all product pages, all devices
   ============================================ */
body.woocommerce-shop ul.products li.product .price,
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.page-template-sales ul.products li.product .price,
body.page-id-2509 .design-templates-grid .price,
.related.products ul.products li.product .price,
section.related.products ul.products li.product .price,
#featured-product .product-price,
#featured-product .price,
#trending_products .price,
#trending_products .flash_product .price,
.woocommerce ul.products li.product .price,
.shop-page ul.products li.product .price,
.tax-product_cat ul.products li.product .price,
.sales ul.products li.product .price {
    font-size: 12px !important;
}
body.woocommerce-shop ul.products li.product .price *,
body.post-type-archive-product ul.products li.product .price *,
body.tax-product_cat ul.products li.product .price *,
body.page-template-sales ul.products li.product .price *,
body.page-id-2509 .design-templates-grid .price *,
.related.products ul.products li.product .price *,
section.related.products ul.products li.product .price *,
#featured-product .price *,
#trending_products .price *,
#trending_products .flash_product .price * {
    font-size: 12px !important;
}

/* ============================================
   Unified spacing - "Add to wishlist" ↔ "ADD TO CART" (ALL DEVICES)
   ============================================ */
body.woocommerce-shop .yith-wcwl-add-to-wishlist,
body.post-type-archive-product .yith-wcwl-add-to-wishlist,
body.tax-product_cat .yith-wcwl-add-to-wishlist,
body.page-template-sales .yith-wcwl-add-to-wishlist,
body.page-id-2509 .yith-wcwl-add-to-wishlist,
.related.products .yith-wcwl-add-to-wishlist,
section.related.products .yith-wcwl-add-to-wishlist,
.sales .yith-wcwl-add-to-wishlist,
ul.products li.product .yith-wcwl-add-to-wishlist {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

body.woocommerce-shop ul.products li.product a.add_to_cart_button,
body.post-type-archive-product ul.products li.product a.add_to_cart_button,
body.tax-product_cat ul.products li.product a.add_to_cart_button,
body.page-template-sales ul.products li.product a.add_to_cart_button,
body.page-id-2509 ul.products li.product a.add_to_cart_button,
.related.products ul.products li.product a.add_to_cart_button,
section.related.products ul.products li.product a.add_to_cart_button,
.sales ul.products li.product a.add_to_cart_button,
ul.products li.product a.add_to_cart_button {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* ============================================
   Unified spacing between Add to wishlist + ADD TO CART
   Covers both YITH wrapper AND direct .add_to_wishlist link
   ============================================ */
ul.products li.product .yith-wcwl-add-to-wishlist,
ul.products li.product a.add_to_wishlist,
ul.products li.product .yith-wcwl-add-button,
ul.products li.product .yith-wcwl-wishlistexistsbrowse {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

ul.products li.product a.add_to_cart_button {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    display: block !important;
}

/* ============================================
   Wishlist spacing - YITH new button structure
   ============================================ */
ul.products li.product .yith-add-to-wishlist-button-block,
ul.products li.product .yith-wcwl-add-to-wishlist-button {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

ul.products li.product .yith-add-to-wishlist-button-block button,
ul.products li.product .yith-wcwl-add-to-wishlist-button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* Remove padding-top on cart button to tighten spacing */
ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button {
    padding-top: 0 !important;
}

/* ============================================
   Wishlist button - icon + text on SAME line
   ============================================ */
ul.products li.product .yith-wcwl-add-to-wishlist-button,
ul.products li.product .yith-add-to-wishlist-button-block button {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

ul.products li.product .yith-wcwl-icon-svg-wrapper {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
}

ul.products li.product .yith-wcwl-icon-svg-wrapper svg {
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

ul.products li.product .yith-wcwl-add-to-wishlist-button__label {
    display: inline !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* Cart + customize buttons - 0 top / 23 bottom */
ul.products li.product a.add_to_cart_button,
ul.products li.product a.button.add_to_cart_button,
ul.products li.product a.button.pdapp-customize-product-btn,
ul.products li.product .pdapp-customize-product-btn {
    padding-top: 0 !important;
    padding-bottom: 23px !important;
}

/* Disable Quick View on Customizable product subcategories */
body.customizable-parent-cat .woosq-btn,
body.customizable-parent-cat a.woosq-btn,
body.customizable-parent-cat button.woosq-btn,
body.customizable-parent-cat .yith-wcqv-button,
body.customizable-parent-cat a.yith-wcqv-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Disable Add to Wishlist on Customizable product subcategories */
body.customizable-parent-cat .yith-wcwl-add-to-wishlist,
body.customizable-parent-cat .yith-add-to-wishlist-button-block,
body.customizable-parent-cat .yith-wcwl-add-to-wishlist-button,
body.customizable-parent-cat a.add_to_wishlist,
body.customizable-parent-cat .yith-wcwl-add-button {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

/* ============================================
   custom_product_categories shortcode - hide buttons via wrapper classes
   ============================================ */
.custom-cat-shortcode.hide-cart .add_to_cart_button,
.custom-cat-shortcode.hide-cart a.button.product_type_simple,
.custom-cat-shortcode.hide-cart a.button.add_to_cart_button {
    display: none !important;
}
.custom-cat-shortcode.hide-wishlist .yith-wcwl-add-to-wishlist,
.custom-cat-shortcode.hide-wishlist .yith-add-to-wishlist-button-block,
.custom-cat-shortcode.hide-wishlist .yith-wcwl-add-to-wishlist-button,
.custom-cat-shortcode.hide-wishlist a.add_to_wishlist {
    display: none !important;
}
.custom-cat-shortcode.hide-quickview .woosq-btn,
.custom-cat-shortcode.hide-quickview a.woosq-btn,
.custom-cat-shortcode.hide-quickview .yith-wcqv-button {
    display: none !important;
}

/* Customize button padding-top 4px */
ul.products li.product a.button.pdapp-customize-product-btn,
ul.products li.product .pdapp-customize-product-btn,
ul.products li.product a.button.add_to_cart_button,
ul.products li.product a.add_to_cart_button {
    padding-top: 4px !important;
}

/* Title +2px (14→16) and Price +2px (12→14) — sales-model unified */
@media (max-width: 767px) {
    body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
    body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
    body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
    body.page-template-sales ul.products li.product .woocommerce-loop-product__title,
    body.page-id-2495 ul.products li .woocommerce-loop-category__title,
    body.page-id-2509 ul.products li .woocommerce-loop-product__title,
    body.page-id-2509 .design-templates-grid .woocommerce-loop-product__title,
    .related.products ul.products li.product .woocommerce-loop-product__title,
    section.related.products ul.products li.product .woocommerce-loop-product__title,
    #featured-product .product-details h5,
    #featured-product .product-details .woocommerce-loop-product__title,
    #trending_products .product-heads,
    #trending_products .product-heads a {
        font-size: 16px !important;
    }
    body.woocommerce-shop ul.products li.product .price,
    body.post-type-archive-product ul.products li.product .price,
    body.tax-product_cat ul.products li.product .price,
    body.page-template-sales ul.products li.product .price,
    body.page-id-2509 .design-templates-grid .price,
    .related.products ul.products li.product .price,
    section.related.products ul.products li.product .price,
    #featured-product .product-price,
    #featured-product .price,
    #trending_products .price,
    #trending_products .flash_product .price {
        font-size: 14px !important;
    }
}

/* Default sorting dropdown - 60% width + right align (mobile only) */
@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: 60% !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        float: none !important;
    }
}

/* ADD TO CART padding-top 0 - ALL devices */
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
body .woocommerce a.add_to_cart_button,
body ul.products li.product a.add_to_cart_button,
body.woocommerce ul.products li.product a.button {
    padding-top: 0px !important;
}




/* ============================================================
 * Customizable Products — Single Product Detail Page
 * Added: 2026-05-16
 * NOTE: Add to Cart kenbe (pa kache)
 * ============================================================ */

/* Hide YITH Add to Wishlist on customizable single product (backup) */
body.customizable-single-product .yith-wcwl-add-to-wishlist,
body.customizable-single-product .yith-add-to-wishlist-button-block,
body.customizable-single-product .yith-wcwl-add-to-wishlist-button {
    display: none !important;
}

/* ============================================================
 * End — Customizable Products Single Product Styles
 * ============================================================ */

/* ============================================================
 * Best Categories — Fade-in placeholder
 * Added: 2026-05-17
 * ============================================================ */
#category-section .cat-image {
    background-color: #f5f5f5;
}
#category-section .cat-image.loaded {
    background-color: transparent;
}
/* ============================================================
 * End — Best Categories Fade-in
 * ============================================================ */

/* ============================================================
 * Best Categories — Desktop: imaj ranpli frame 100%
 * Added: 2026-05-17
 * ============================================================ */
@media screen and (min-width: 1025px) {
    #category-section .grid-container .item:first-child img,
    #category-section .grid-container .item:nth-child(2) img,
    #category-section .grid-container .item:nth-child(3) img,
    #category-section .grid-container .item:nth-child(4) img,
    #category-section .grid-container .item:nth-child(5) img,
    #category-section .grid-container .item img {
        width: 100%;
        height: 100%;
        margin-top: 0;
        object-fit: cover;
    }
}
/* ============================================================
 * End — Best Categories Desktop Fill
 * ============================================================ */

/* ============================================================
 * Best Categories — Mobile: imaj ranpli 100% menm jan ak laptop
 * Item aspect-ratio matche pwopòsyon desktop (238x220 / 625x460)
 * Added: 2026-05-17
 * ============================================================ */
@media screen and (max-width: 1024px) {
    /* 1-kolòn fleksi alig sant (Opsyon B kenbe) */
    #category-section .grid-container,
    #category-section .grid-container.single-column {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
    /* Item: max-width 350px, sant */
    #category-section .grid-container .item,
    #category-section .grid-container.single-column .item {
        width: 100% !important;
        max-width: 350px !important;
        flex: none !important;
        position: relative !important;
        overflow: hidden !important;
        height: auto !important;
        margin: 0 !important;
        text-align: center;
    }
    /* Items 1-4: pwopòsyon fiks (238x220 ≈ 1.08:1) — STAB menm san imaj */
    #category-section .grid-container .item:nth-child(1),
    #category-section .grid-container .item:nth-child(2),
    #category-section .grid-container .item:nth-child(3),
    #category-section .grid-container .item:nth-child(4) {
        aspect-ratio: 238 / 220 !important;
        min-height: 220px !important;
        background-color: #f5f5f5;
    }
    /* Item 5 (sant): pwopòsyon fiks (625x460 ≈ 1.36:1) — STAB menm san imaj */
    #category-section .grid-container .item:nth-child(5) {
        aspect-ratio: 625 / 460 !important;
        min-height: 200px !important;
        background-color: #f5f5f5;
    }
    /* Imaj: ranpli 100% × 100% ak cover - EGZAKTEMAN MENM JAN AK LAPTOP */
    #category-section .grid-container .item img,
    #category-section .grid-container .item:nth-child(1) img,
    #category-section .grid-container .item:nth-child(2) img,
    #category-section .grid-container .item:nth-child(3) img,
    #category-section .grid-container .item:nth-child(4) img,
    #category-section .grid-container .item:nth-child(5) img,
    #category-section .grid-container.single-column .item img {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        margin: 0 !important;
        margin-top: 0 !important;
        display: block !important;
        max-width: none !important;
    }
    /* Title overlay an ba ak gradyan */
    #category-section .grid-container .item p.category {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: linear-gradient(transparent, rgba(0,0,0,0.75)) !important;
        color: #fff !important;
        padding: 30px 10px 10px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }
    #category-section .grid-container .item p.category a,
    #category-section .grid-container .item p.category .items-num {
        color: #fff !important;
    }
}
/* ============================================================
 * End — Best Categories Mobile (Laptop-parity)
 * ============================================================ */

/* ============================================================
 * Trending Products — Center ::after underline below "Deal Of The Season" title
 * Aplikab sou TOUT vèsyon (desktop + mobile + tablet)
 * Added: 2026-05-18
 * ============================================================ */
#trending_products .trending-right-row .trending-right-head::after,
#trending_products .trending-right-head::after,
.trending-right-row .trending-right-head::after,
.trending-right-row .trending-right-head:after {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* ============================================================
 * End — Trending after centering
 * ============================================================ */

/* ============================================================
 * Global DIGITAL Badge — sou tout paj
 * Ajoute Haiti Design Child Theme (hd_render_digital_badge)
 * Added: 2026-05-18
 * ============================================================ */
.hd-digital-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: inline-block;
    background: #2980b9;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    pointer-events: none;
}

/* Asire pwodwi container yo gen position relative pou badge absolute la travay */
ul.products li.product,
.related.products li.product,
.cross-sells li.product,
.up-sells li.product,
#featured-product .product-content,
#trending_products .flash_product,
.product-image,
div.product .images,
.woocommerce-product-gallery {
    position: relative !important;
}

/* Sou single product page, ajiste pozisyon pou paske galri pi gwo */
.single-product div.product .hd-digital-badge {
    top: 15px;
    left: 15px;
    font-size: 12px;
    padding: 5px 12px;
}

/* Mobile - badge pi piti */
@media screen and (max-width: 767px) {
    .hd-digital-badge {
        top: 8px;
        left: 8px;
        font-size: 10px;
        padding: 3px 8px;
    }
}
/* ============================================================
 * End — Global DIGITAL Badge
 * ============================================================ */

/* ============================================================
 * Image Links — Garanti tout viewports yo gen klikab konsistan
 * (Best Categories, Ready-made Products, Deal Of The Season)
 * Added: 2026-05-31
 * ============================================================ */

/* CAT-IMAGE-LINK — Best Categories sou tout viewports */
body .cat-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
body .cat-image-link:hover img {
    opacity: 0.92;
    transition: opacity 0.25s ease;
}

/* PRODUCT-IMAGE-LINK — Ready-made Products sou tout viewports */
body .product-image-link {
    display: block !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
body .product-image-link img {
    transition: transform 0.3s ease, opacity 0.25s ease;
}
body .product-image-link:hover img {
    transform: scale(1.03);
    opacity: 0.95;
}

/* DEAL-IMAGE-LINK — Deal Of The Season sou tout viewports */
body .deal-image-link {
    display: block !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
body .deal-image-link img {
    transition: transform 0.3s ease, opacity 0.25s ease;
}
body .deal-image-link:hover img {
    transform: scale(1.03);
    opacity: 0.95;
}

/* Touch device — retire hover effects (yo deklanche sou tap) */
@media (hover: none) and (pointer: coarse) {
    body .cat-image-link:hover img,
    body .product-image-link:hover img,
    body .deal-image-link:hover img {
        opacity: 1;
        transform: none;
    }
}

/* ============================================================
 * End — Image Links Universal
 * ============================================================ */

/* ============================================================
 * #category-section margin-top: 0 sou tout vèsyon mobile
 * Added: 2026-05-31
 * ============================================================ */
@media screen and (max-width: 1024px) {
    body #category-section {
        margin-top: 0 !important;
    }
}
/* ============================================================
 * End — category margin-top
 * ============================================================ */

/* ============================================================
 * FOOTER — Improvements konplèt (Opsyon A + tit + logo)
 * Added: 2026-05-31
 * ============================================================ */

/* ===== 1. Background konsolide (replace 3 inline styles) ===== */
body .outer-footer,
body #footer,
body #footer_box,
body #footer_box.darkbox {
    background: #3018A5 !important;
    background-color: #3018A5 !important;
}

/* ===== 2. Desktop: 5 kolòn egal ak gap 30px (Opsyon A) ===== */
@media screen and (min-width: 992px) {
    body #footer .footer-main-grid,
    body #footer_box .footer-main-grid {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        grid-column-gap: 30px !important;
        column-gap: 30px !important;
        gap: 30px !important;
        padding-top: 6%;
    }
    body #footer .footer-grid-column,
    body #footer_box .footer-grid-column {
        justify-self: start !important;
        text-align: left !important;
    }
}

/* ===== 3. Tit widget — lisib sou tout viewports ===== */
body #footer h3.widget-title,
body #footer_box h3.widget-title,
body #footer .widget_nav_menu h3,
body #footer_box .widget_nav_menu h3,
body #footer .wp-block-column h3,
body #footer_box .wp-block-column h3 {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    text-transform: uppercase !important;
}

/* Mobile — tit pi piti pou pa pran twòp espas */
@media screen and (max-width: 575px) {
    body #footer h3.widget-title,
    body #footer_box h3.widget-title {
        font-size: 15px !important;
        text-align: center !important;
        margin-top: 16px !important;
    }
}

/* ===== 4. Logo footer — cursor + hover effect (lyen ajoute via JS apre) ===== */
body #footer .footer-grid-column img[src*="IMG-01-HT"],
body #footer_box .footer-grid-column img[src*="IMG-01-HT"] {
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}
body #footer .footer-grid-column a:has(img[src*="IMG-01-HT"]):hover img,
body #footer_box .footer-grid-column a:has(img[src*="IMG-01-HT"]):hover img {
    opacity: 0.85 !important;
}

/* ===== 5. Liy footer — hover oranj konsistan ===== */
body #footer ul li a:hover,
body #footer_box ul li a:hover {
    color: #dd9933 !important;
    transition: color 0.2s ease !important;
}
/* ============================================================
 * End — Footer Improvements
 * ============================================================ */

/* ============================================================
 * MY ACCOUNT — Mobile Responsive konplèt
 * (Login form + Logged-in dashboard + Orders table)
 * Added: 2026-06-05
 * ============================================================ */

/* ============ LOGIN/REGISTER FORM (non-logged-in) ============ */
@media screen and (max-width: 767px) {
    body.woocommerce-account .u-columns,
    body.woocommerce-account .col2-set {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        margin: 0 !important;
    }
    body.woocommerce-account .u-column1,
    body.woocommerce-account .u-column2,
    body.woocommerce-account .col-1,
    body.woocommerce-account .col-2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
    }
    
    /* Inputs touch-friendly (16px = pa fè iOS zoom) */
    body.woocommerce-account input[type="text"],
    body.woocommerce-account input[type="email"],
    body.woocommerce-account input[type="password"],
    body.woocommerce-account input[type="tel"] {
        font-size: 16px !important;
        padding: 12px !important;
        height: 48px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Bouton full-width */
    body.woocommerce-account .woocommerce-form .button,
    body.woocommerce-account .woocommerce-Button {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 15px !important;
        margin-top: 10px !important;
    }
}
/* ============ ORDERS TABLE (mobile-friendly) ============ */
@media screen and (max-width: 767px) {
    body.woocommerce-account table.woocommerce-orders-table,
    body.woocommerce-account table.shop_table_responsive,
    body.woocommerce-account .woocommerce-MyAccount-content table {
        display: block !important;
        width: 100% !important;
        border: none !important;
    }
    body.woocommerce-account table.woocommerce-orders-table thead,
    body.woocommerce-account table.shop_table_responsive thead {
        display: none !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tbody,
    body.woocommerce-account table.shop_table_responsive tbody {
        display: block !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tr,
    body.woocommerce-account table.shop_table_responsive tr {
        display: block !important;
        margin-bottom: 16px !important;
        padding: 12px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
        border: 1px solid #e5e5e5 !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tr td,
    body.woocommerce-account table.shop_table_responsive tr td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 6px 0 !important;
        border: none !important;
        border-bottom: 1px solid #eaeaea !important;
        text-align: right !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tr td:last-child,
    body.woocommerce-account table.shop_table_responsive tr td:last-child {
        border-bottom: none !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tr td::before,
    body.woocommerce-account table.shop_table_responsive tr td::before {
        content: attr(data-title) !important;
        font-weight: 700 !important;
        color: #555 !important;
        text-align: left !important;
        flex: 0 0 auto !important;
        margin-right: 10px !important;
    }
    /* Action buttons sou row separe ki devan tab la */
    body.woocommerce-account table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions,
    body.woocommerce-account table.shop_table_responsive tr td.order-actions {
        flex-direction: column !important;
        gap: 8px !important;
        padding-top: 10px !important;
    }
    body.woocommerce-account table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-actions a,
    body.woocommerce-account table.shop_table_responsive tr td.order-actions a {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }
}

/* ============ ADDRESSES (Billing/Shipping) ============ */
@media screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce-Addresses {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    body.woocommerce-account .woocommerce-Address {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 15px !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
    }
    body.woocommerce-account .woocommerce-Address-title h3 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
}

/* ============ DASHBOARD GENERAL ============ */
@media screen and (max-width: 767px) {
    /* Tit "My account" */
    body.woocommerce-account h1,
    body.woocommerce-account .entry-title {
        font-size: 24px !important;
        text-align: center !important;
        margin: 15px 0 !important;
    }
    
    /* Messages WC (notices) */
    body.woocommerce-account .woocommerce-message,
    body.woocommerce-account .woocommerce-info,
    body.woocommerce-account .woocommerce-error {
        font-size: 14px !important;
        padding: 12px !important;
    }
}
/* ============================================================
 * End — My Account Mobile Responsive
 * ============================================================ */

/* ============================================================
 * MY ACCOUNT — Hamburger Toggle ANDEDAN sidebar
 * Added: 2026-06-05
 * ============================================================ */
@media screen and (max-width: 991px) {

    /* Container — centered */
    body.woocommerce-account.logged-in .woocommerce {
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
    }

    /* Sidebar — toujou vizib men kontni ka kache */
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation,
    body.woocommerce-account.logged-in nav.tgwc-woocommerce-MyAccount-navigation {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        background: #f7f7f7 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    /* Hamburger button andedan sidebar */
    .my-account-hamburger {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 14px 18px !important;
        background: #000 !important;
        color: #fff !important;
        border: none !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        cursor: pointer !important;
        margin: 0 !important;
    }
    .my-account-hamburger .hamburger-icon {
        display: inline-flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        width: 22px !important;
        height: 16px !important;
        margin-right: 12px !important;
    }
    .my-account-hamburger .hamburger-icon span {
        display: block !important;
        width: 100% !important;
        height: 2px !important;
        background: #fff !important;
        border-radius: 1px !important;
        transition: transform 0.3s ease, opacity 0.3s ease !important;
    }
    /* Animation X lè ouvri */
    .my-account-hamburger.is-open .hamburger-icon span:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }
    .my-account-hamburger.is-open .hamburger-icon span:nth-child(2) {
        opacity: 0 !important;
    }
    .my-account-hamburger.is-open .hamburger-icon span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }
    .my-account-hamburger-label {
        flex: 1 !important;
        text-align: left !important;
    }

    /* Nav items list — TOUJOU OUVRI (derouler pa defo) */
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul,
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation.is-open ul {
        display: block !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }
    @keyframes slideDownMenu {
        from { opacity: 0; max-height: 0; }
        to   { opacity: 1; max-height: 500px; }
    }

    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul li {
        margin: 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
    }
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul li:last-child {
        border-bottom: none !important;
    }
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul li a {
        display: block !important;
        padding: 14px 18px !important;
        font-size: 15px !important;
        color: #333 !important;
        text-decoration: none !important;
    }
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul li.is-active a,
    body.woocommerce-account.logged-in .tgwc-woocommerce-MyAccount-navigation ul li a:hover {
        background: #dd9933 !important;
        color: #fff !important;
    }

    /* Content — centered full-width */
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        float: none !important;
    }

    /* Avatar profile la rete vizib — santre li, kenbe li pwòp sou mobile */
    body.woocommerce-account.logged-in .tgwc-user-avatar {
        display: block !important;
        text-align: center !important;
        padding: 20px 15px !important;
        background: #fff !important;
        border-radius: 8px 8px 0 0 !important;
    }
    body.woocommerce-account.logged-in .tgwc-user-avatar-image-wrap {
        margin: 0 auto 12px !important;
        display: inline-block !important;
    }
    body.woocommerce-account.logged-in .tgwc-user-avatar-image-wrap img.avatar {
        width: 80px !important;
        height: 80px !important;
        border-radius: 50% !important;
        display: block !important;
        margin: 0 auto !important;
    }
    body.woocommerce-account.logged-in .tgwc-user-info {
        display: block !important;
        text-align: center !important;
    }
    body.woocommerce-account.logged-in .tgwc-user-id {
        display: block !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        color: #333 !important;
    }

    /* Force stack: sidebar col + content col yo pran 100% chak, anpile yo */
    body.woocommerce-account.logged-in #tgwc-woocommerce,
    body.woocommerce-account.logged-in .tgwc-woocommerce-customize-my-account,
    body.woocommerce-account.logged-in .woocommerce {
        display: block !important;
    }
    body.woocommerce-account.logged-in #tgwc-woocommerce > div,
    body.woocommerce-account.logged-in .tgwc-woocommerce-customize-my-account > div,
    body.woocommerce-account.logged-in [class*="tgwc-col"],
    body.woocommerce-account.logged-in [class*="col-sidebar"],
    body.woocommerce-account.logged-in [class*="col-content"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }
}
/* ============================================================
 * End — My Account Hamburger
 * ============================================================ */

/* ============================================================
 * FAQ Page — Tabs filtè, kontè, anchor links, kopi-lyen
 * Added: 2026-06-06
 * ============================================================ */

/* Toolbar — kontè + bouton ekspann */
.faq-page .faq-toolbar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 20px 0 !important;
    padding: 14px 20px !important;
    background: #f8f8f8 !important;
    border-radius: 8px !important;
}
.faq-page .faq-counter {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #333 !important;
}
.faq-page .faq-counter #faq-visible-count {
    color: #dd9933 !important;
    font-weight: 700 !important;
}
.faq-page .faq-actions {
    display: flex !important;
    gap: 8px !important;
}
.faq-page .faq-actions button {
    padding: 8px 16px !important;
    font-size: 13px !important;
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.faq-page .faq-actions button:hover {
    background: #dd9933 !important;
    color: #fff !important;
    border-color: #dd9933 !important;
}

/* Filter tabs */
.faq-page .faq-filter-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
    justify-content: center !important;
}
.faq-page .faq-tab {
    padding: 10px 18px !important;
    background: #fff !important;
    color: #333 !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.faq-page .faq-tab:hover {
    border-color: #dd9933 !important;
    color: #dd9933 !important;
}
.faq-page .faq-tab.is-active {
    background: #dd9933 !important;
    border-color: #dd9933 !important;
    color: #fff !important;
}
.faq-page .faq-tab .faq-tab-count {
    background: rgba(0,0,0,0.1) !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    min-width: 24px !important;
    text-align: center !important;
}
.faq-page .faq-tab.is-active .faq-tab-count {
    background: rgba(255,255,255,0.25) !important;
    color: #fff !important;
}

/* FAQ item hidden state */
.faq-page .faq-item.is-hidden {
    display: none !important;
}

/* Anchor highlight */
.faq-page .faq-item.is-highlighted .accordion-button {
    background: #fff8e1 !important;
    box-shadow: 0 0 0 3px #dd9933 !important;
}

/* Copy link button */
.faq-page .faq-copy-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding: 6px 12px !important;
    background: transparent !important;
    color: #666 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.faq-page .faq-copy-link:hover {
    background: #dd9933 !important;
    color: #fff !important;
    border-color: #dd9933 !important;
}
.faq-page .faq-copy-link.is-copied {
    background: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}

/* No results */
.faq-page .faq-no-results {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #999 !important;
    font-style: italic !important;
}

/* Mobile */
@media screen and (max-width: 767px) {
    .faq-page .faq-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
        text-align: center !important;
    }
    .faq-page .faq-actions {
        justify-content: center !important;
    }
    .faq-page .faq-filter-tabs {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .faq-page .faq-tab {
        flex-shrink: 0 !important;
        font-size: 13px !important;
        padding: 8px 14px !important;
    }
    .faq-page .accordion-body {
        padding: 15px !important;
    }
    .faq-page .accordion-button {
        font-size: 14px !important;
        padding: 14px !important;
    }
    .faq-page .faq-search-wrap {
        max-width: 100% !important;
    }
    .faq-page .faq-search-input {
        font-size: 14px !important;
        padding: 12px 40px 12px 16px !important;
    }
    .faq-page .faq-copy-link {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
    .faq-page .accordion-body p,
    .faq-page .accordion-body ul,
    .faq-page .accordion-body ol {
        font-size: 14px !important;
    }
}

/* FAQ Search */
.faq-page .faq-search-wrap {
    position: relative !important;
    margin: 0 0 20px 0 !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.faq-page .faq-search-input {
    width: 100% !important;
    padding: 14px 45px 14px 20px !important;
    font-size: 15px !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 30px !important;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns=http://www.w3.org/2000/svg viewBox=0 0 24 24 fill=none stroke=%23999 stroke-width=2><circle cx=11 cy=11 r=8/><line x1=21 y1=21 x2=16.65 y2=16.65/></svg>") no-repeat !important;
    background-position: right 18px center !important;
    background-size: 18px !important;
    transition: all 0.2s ease !important;
    outline: none !important;
}
.faq-page .faq-search-input:focus {
    border-color: #dd9933 !important;
    box-shadow: 0 0 0 3px rgba(221,153,51,0.15) !important;
}
.faq-page .faq-search-clear {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    background: #dd9933 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
}


/* FAQ — Padding nan kontni accordion (tèks respire) */
.faq-page .accordion-body {
    padding: 20px !important;
}
.faq-page .accordion-body .panel-body {
    padding: 0 !important;
}
.faq-page .accordion-body p,
.faq-page .accordion-body ul,
.faq-page .accordion-body ol,
.faq-page .accordion-body h1,
.faq-page .accordion-body h2,
.faq-page .accordion-body h3,
.faq-page .accordion-body h4 {
    margin-bottom: 12px !important;
    line-height: 1.6 !important;
}

/* ============================================================
 * End — FAQ Page
 * ============================================================ */

/* ============================================================
 * Buy Now button (slider) — Match mobile look on desktop/tablet too
 * Added: 2026-06-07
 * ============================================================ */
#slider .slides_image .product-details .product-btn,
#slider .slides_image .product-details a.product-btn,
#slider .slides_image .product-details .product-btn a,
.slides_image .product-btn a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #dd9933 !important;
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 4px 18px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    position: relative !important;
    transition: background 0.2s !important;
}
#slider .slides_image .product-details .product-btn {
    margin: 14px 0 0 0 !important;
}
#slider .slides_image .product-details .product-btn a {
    margin: 0 !important;
    padding: 4px 18px !important;
    color: #fff !important;
}
#slider .slides_image .product-details .product-btn a:hover {
    background: #c88521 !important;
    color: #fff !important;
}
/* ============================================================
 * End — Buy Now button match
 * ============================================================ */

/* ============================================================
 * Help Page (CF7) Submit button — match Buy Now style
 * Added: 2026-06-07
 * ============================================================ */
body.page-id-1284 .wpcf7-submit,
body.page-id-1284 input[type="submit"].wpcf7-form-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #dd9933 !important;
    color: #fff !important;
    font-family: Inter, sans-serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
    padding: 4px 18px !important;
    border: none !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    box-shadow: none !important;
}
body.page-id-1284 .wpcf7-submit:hover,
body.page-id-1284 input[type="submit"].wpcf7-form-control:hover {
    background: #c88521 !important;
    color: #fff !important;
}
/* ============================================================
 * End — Help Submit
 * ============================================================ */

/* ============================================================
 * Reusable Component — Pill Button (black pill ak Add to cart)
 * Klass: .hd-btn-pill
 * Itilizasyon: ajoute klass sa sou nenpòt <a> oswa <button>
 * Added: 2026-06-12
 * ============================================================ */
.hd-btn-pill,
a.hd-btn-pill,
button.hd-btn-pill,
input.hd-btn-pill {
    display: inline-block !important;
    background: #000 !important;
    color: #fff !important;
    font-family: Inter, 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 40px !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

/* Aplike konponan sa otomatikman sou Continue Shopping nan wishlist vid */
.empty-wishlst-page a,
.wishlist-empty .empty-wishlst-page a,
#empty-cart-page a {
    display: inline-block !important;
    background: #000 !important;
    color: #fff !important;
    font-family: Inter, 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 40px !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin-top: 18px !important;
}

/* Aplike pill component sou Add to cart bouton nan wishlist (lè gen pwodwi) */
.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,
.wishlist_table td.product-add-to-cart a {
    display: inline-block !important;
    background: #000 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    padding: 12px 45px !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: none !important;
}
.wishlist_table .product-add-to-cart a::after,
.wishlist_table .product-add-to-cart a:after {
    display: none !important;
}

/* ============================================================
 * End — Pill Button Component
 * ============================================================ */

/* Product details — Add to cart match Customize button (220px santre fiks) */
.single_add_to_cart_button,
button.single_add_to_cart_button {
    text-transform: uppercase !important;
    display: block !important;
    width: 220px !important;
    max-width: 100% !important;
    margin: 12px auto !important;
    padding: 12px 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    text-align: center !important;
    float: none !important;
}

/* ============================================================
 * Customize button — santre + fiks size sou mobile + loop
 * Added: 2026-06-13
 * ============================================================ */

/* Single product page — santre Customize button */
body.single-product a.hd-customize-btn,
body.single-product a.pdapp-customize-product-btn {
    display: block !important;
    width: 220px !important;
    max-width: 100% !important;
    margin: 12px auto !important;
    padding: 12px 0 !important;
    text-align: center !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* Loop / related products — bouton Customize fiks size */
ul.products li.product a.pdapp-customize-product-btn,
.related.products li.product a.pdapp-customize-product-btn {
    display: block !important;
    width: 180px !important;
    max-width: 90% !important;
    margin: 8px auto !important;
    padding: 10px 0 !important;
    text-align: center !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Mobile spesifik (max 767) */
@media screen and (max-width: 767px) {
    body.single-product a.hd-customize-btn,
    body.single-product a.pdapp-customize-product-btn {
        width: 220px !important;
        margin: 12px auto !important;
    }
    ul.products li.product a.pdapp-customize-product-btn,
    .related.products li.product a.pdapp-customize-product-btn {
        width: 160px !important;
        font-size: 12px !important;
        padding: 9px 0 !important;
    }
}
/* ============================================================
 * End — Customize Button Styling
 * ============================================================ */

/* ============================================================
 * Single product page — kache pdapp duplikat + santre hd-customize-btn
 * Added: 2026-06-13
 * ============================================================ */

/* Kache plugin pdapp button DOUBLE sou paj produi sèl (hd-customize-btn deja la) */
body.single-product .summary a.pdapp-customize-product-btn,
body.single-product form.cart a.pdapp-customize-product-btn,
body.single-product .entry-summary a.pdapp-customize-product-btn {
    display: none !important;
}

/* Santre hd-customize-btn pa fòs — itilize parent text-align ak margin auto */
body.single-product form.cart {
    text-align: center !important;
}
body.single-product a.hd-customize-btn {
    display: block !important;
    width: 220px !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    padding: 12px 0 !important;
    text-align: center !important;
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    float: none !important;
}

@media screen and (max-width: 767px) {
    body.single-product a.hd-customize-btn {
        width: 220px !important;
        margin: 12px auto !important;
    }
}
/* ============================================================
 * End — Single page Customize button center fix
 * ============================================================ */

/* Customize button — sant absoli (override tout parent padding) */
body.single-product form.cart,
body.single-product form.cart.btton-brl,
body.single-product .summary form.cart {
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.single-product a.hd-customize-btn {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Override ansyen translateX(60px) ki pouse bouton ADD TO CART nan dwat */
#single-product-page form.btton-brl button,
#single-product-page div.summary form.cart.btton-brl button[type=submit],
#single-product-page div.summary form.cart button[type=submit],
body.single-product form.cart button.single_add_to_cart_button,
body.single-product form.cart a.hd-customize-btn {
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================================
 * View Order — Santre bouton Leave a review + Reviewed badge
 * Added: 2026-06-13
 * ============================================================ */
.woocommerce-order-details a.hd-review-link,
.woocommerce-MyAccount-content a.hd-review-link,
.woocommerce-order-details span.hd-reviewed-badge,
.woocommerce-MyAccount-content span.hd-reviewed-badge,
table.woocommerce-table--order-details a.hd-review-link,
table.woocommerce-table--order-details span.hd-reviewed-badge {
    display: block !important;
    width: fit-content !important;
    min-width: 130px !important;
    margin: 10px auto !important;
    text-align: center !important;
    padding: 6px 16px !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

/* Asire parent cell la santre kontni a */
table.woocommerce-table--order-details td.woocommerce-table__product-name,
.woocommerce-order-details td.product-name {
    text-align: center !important;
}
/* ============================================================
 * End — Center Review Links
 * ============================================================ */


/* ============================================================
 * View Order Page — Overhaul UX styles
 * Added: 2026-06-13
 * ============================================================ */

/* Order summary card */
.hd-order-summary-card {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.hd-order-summary-top {
    margin-bottom: 18px !important;
}
.hd-order-summary-id {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 6px !important;
}
.hd-order-num {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222 !important;
}
.hd-order-status {
    display: inline-block !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background: #6c757d !important;
    color: #fff !important;
}
.hd-order-status.hd-status-completed { background: #28a745 !important; }
.hd-order-status.hd-status-processing { background: #dd9933 !important; }
.hd-order-status.hd-status-shipped { background: #007bff !important; }
.hd-order-status.hd-status-pending { background: #ffc107 !important; color: #222 !important; }
.hd-order-status.hd-status-on-hold { background: #ffc107 !important; color: #222 !important; }
.hd-order-status.hd-status-cancelled { background: #dc3545 !important; }
.hd-order-status.hd-status-refunded { background: #6c757d !important; }
.hd-order-status.hd-status-failed { background: #dc3545 !important; }

.hd-order-summary-meta {
    font-size: 14px !important;
    color: #555 !important;
    margin-bottom: 4px !important;
}
.hd-order-summary-meta .hd-order-total {
    font-weight: 700 !important;
    color: #222 !important;
}
.hd-order-summary-date {
    font-size: 13px !important;
    color: #888 !important;
}

/* Timeline */
.hd-order-timeline {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 20px 0 !important;
    position: relative !important;
    padding: 0 10px !important;
}
.hd-order-timeline::before {
    content: '' !important;
    position: absolute !important;
    top: 18px !important;
    left: 10% !important;
    right: 10% !important;
    height: 2px !important;
    background: #e5e5e5 !important;
    z-index: 0 !important;
}
.hd-timeline-step {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: center !important;
}
.hd-timeline-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #f0f0f0 !important;
    color: #999 !important;
    font-size: 16px !important;
    border: 2px solid #fff !important;
}
.hd-timeline-step.is-done .hd-timeline-icon {
    background: #28a745 !important;
    color: #fff !important;
}
.hd-timeline-label {
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 600 !important;
}
.hd-timeline-step.is-done .hd-timeline-label {
    color: #28a745 !important;
}

/* Action buttons */
.hd-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid #f0f0f0 !important;
}
.hd-order-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 20px !important;
    background: #fff !important;
    color: #333 !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.hd-order-btn:hover {
    background: #dd9933 !important;
    border-color: #dd9933 !important;
    color: #fff !important;
}
.hd-btn-track { background: #007bff !important; color: #fff !important; border-color: #007bff !important; }
.hd-btn-track:hover { background: #0056b3 !important; border-color: #0056b3 !important; }

/* Customized badge */
.hd-customized-badge {
    display: inline-block !important;
    padding: 2px 8px !important;
    background: #dd9933 !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-right: 6px !important;
    vertical-align: middle !important;
}

/* pdapp design display klean */
.hd-pdapp-order-design {
    margin-top: 12px !important;
    padding: 10px !important;
    background: #fafafa !important;
    border-radius: 8px !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}
.hd-design-thumbs {
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.hd-design-thumb {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background: #fff !important;
}
.hd-design-options {
    flex: 1 !important;
    min-width: 200px !important;
}
.hd-design-option {
    margin: 0 0 4px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
.hd-opt-label {
    font-weight: 600 !important;
    color: #555 !important;
}
.hd-opt-value {
    color: #222 !important;
}

/* Mobile optimizations (P3.3) */
@media screen and (max-width: 767px) {
    .hd-order-summary-card {
        padding: 16px !important;
        border-radius: 10px !important;
    }
    .hd-order-num { font-size: 16px !important; }
    .hd-order-summary-meta { font-size: 13px !important; }

    .hd-order-timeline {
        padding: 0 !important;
    }
    .hd-order-timeline::before {
        left: 5% !important;
        right: 5% !important;
    }
    .hd-timeline-icon {
        width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
    }
    .hd-timeline-label {
        font-size: 10px !important;
    }

    .hd-order-actions {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .hd-order-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    .hd-pdapp-order-design {
        padding: 8px !important;
        gap: 8px !important;
    }
    .hd-design-thumb {
        width: 60px !important;
        height: 60px !important;
    }
    .hd-design-option {
        font-size: 12px !important;
    }
}

/* Print styles */
@media print {
    .hd-order-actions, .site-header, #footer, .breadcrumb,
    .woocommerce-MyAccount-navigation, .my-account-hamburger,
    .hd-review-link, .hd-reviewed-badge {
        display: none !important;
    }
    .hd-order-summary-card { box-shadow: none !important; border: 1px solid #000 !important; }
}
/* ============================================================
 * End — View Order Overhaul
 * ============================================================ */

/* Order item — featured image pou pwodwi non-customized */
.hd-order-item-image {
    text-align: center !important;
    margin: 8px 0 !important;
}
.hd-order-item-image img {
    max-width: 100px !important;
    max-height: 100px !important;
    width: auto !important;
    height: auto !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    padding: 4px !important;
}
@media screen and (max-width: 767px) {
    .hd-order-item-image img {
        max-width: 80px !important;
        max-height: 80px !important;
    }
}

/* Cancelled order — rezon kanselasyon */
.hd-order-cancel-reason {
    margin-top: 14px !important;
    padding: 12px 16px !important;
    background: #fff5f5 !important;
    border-left: 4px solid #dc3545 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}
.hd-order-cancel-reason strong {
    color: #dc3545 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.hd-order-cancel-reason p {
    margin: 0 !important;
    color: #555 !important;
    line-height: 1.4 !important;
}

/* Reorder button — koule espesyal */
.hd-btn-reorder {
    background: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}
.hd-btn-reorder:hover {
    background: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: #fff !important;
}

/* View Order — Santre seksyon Order details ak tab li yo */
.woocommerce-order-details {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.woocommerce-order-details h2,
.woocommerce-order-details h3,
section.woocommerce-order-details > h2 {
    text-align: center !important;
}
.woocommerce-order-details table.woocommerce-table--order-details {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 600px !important;
}
.woocommerce-order-details table.woocommerce-table--order-details td.product-name,
.woocommerce-order-details table.woocommerce-table--order-details td.product-total {
    text-align: center !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot th,
.woocommerce-order-details table.woocommerce-table--order-details tfoot td {
    text-align: center !important;
}

/* Mobile spesifik */
@media screen and (max-width: 767px) {
    .woocommerce-order-details {
        padding: 0 10px !important;
    }
    .woocommerce-order-details table.woocommerce-table--order-details {
        max-width: 100% !important;
    }
}

/* View Order — padding tit "Order # was placed on..." (2px tout bò, 4px anba) */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child,
.woocommerce-account p.woocommerce-order-details-headline,
body.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
    padding: 2px 2px 4px 2px !important;
}

/* View Order — elargir item row + retire border nwa ekstèn + border gri andedan */
.woocommerce-order-details .shop_table,
.woocommerce-order-details table.woocommerce-table--order-details {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.woocommerce-order-details .shop_table tbody tr,
.woocommerce-order-details table.woocommerce-table--order-details tbody tr.woocommerce-table__line-item,
.woocommerce-order-details table.woocommerce-table--order-details tbody tr.order_item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 auto 16px auto !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tbody tr.order_item td {
    border: none !important;
    padding: 6px !important;
}
/* Asire pa gen lòt wrapper ki ap ajoute border nwa */
.woocommerce-order-details > * {
    border: none !important;
}

/* View Order tfoot — border gri sèlman + santre + bouton Mon Cash padding */
.woocommerce-order-details table.woocommerce-table--order-details tfoot,
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr,
.woocommerce-order-details table.woocommerce-table--order-details tfoot th,
.woocommerce-order-details table.woocommerce-table--order-details tfoot td {
    border-color: #e5e5e5 !important;
    border-style: solid !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    display: table-row-group !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr {
    border-bottom: 1px solid #e5e5e5 !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr:last-child {
    border-bottom: none !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot th {
    border-right: 1px solid #e5e5e5 !important;
    padding: 10px !important;
    background: #fafafa !important;
    font-weight: 600 !important;
}
.woocommerce-order-details table.woocommerce-table--order-details tfoot td {
    border-right: 1px solid #e5e5e5 !important;
    padding: 10px !important;
}

/* Bouton Mon Cash | Verification — pill nwa menm jan ak konponan hd-btn-pill */
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr td a,
.woocommerce-order-details table.woocommerce-table--order-details tfoot tr td button,
.woocommerce-order-details .order-actions a,
.woocommerce-order-details a.moncash_verify,
.woocommerce-order-details a[href*="moncash"],
.woocommerce-order-details a.button {
    display: inline-block !important;
    background: #000 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 10px 22px !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}


/* ============================================================
 * Order Confirmation / Thankyou Page — Haiti Designs Overhaul
 * Added: 2026-06-21
 * ============================================================ */
.hd-order-confirmation {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 20px 15px !important;
}

/* 1. Hero Welcome Card */
.hd-thankyou-hero {
    text-align: center !important;
    padding: 40px 24px !important;
    background: linear-gradient(135deg, #fff8e1 0%, #fff 100%) !important;
    border-radius: 16px !important;
    border: 2px solid #dd9933 !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 16px rgba(221, 153, 51, 0.15) !important;
}
.hd-thankyou-hero.hd-status-failed {
    background: linear-gradient(135deg, #fff5f5 0%, #fff 100%) !important;
    border-color: #dc3545 !important;
}
.hd-thankyou-logo {
    max-height: 50px !important;
    width: auto !important;
    margin-bottom: 14px !important;
    display: inline-block !important;
}
.hd-thankyou-icon {
    font-size: 56px !important;
    line-height: 1 !important;
    display: block !important;
    margin-bottom: 14px !important;
}
.hd-thankyou-hero h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 10px 0 !important;
    font-family: inherit !important;
}
.hd-thankyou-msg {
    font-size: 16px !important;
    color: #555 !important;
    margin: 0 0 14px 0 !important;
}
.hd-email-confirm {
    font-size: 14px !important;
    color: #666 !important;
    background: rgba(255,255,255,0.8) !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* 2. Order Overview Card */
.hd-order-overview-card {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.hd-overview-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap: 16px !important;
}
.hd-overview-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
    padding: 8px !important;
}
.hd-overview-label {
    font-size: 12px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
}
.hd-overview-value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
}
.hd-overview-total {
    color: #dd9933 !important;
    font-size: 20px !important;
}

/* 4. Delivery Estimate */
.hd-delivery-estimate {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: #e3f2fd !important;
    border-left: 4px solid #007bff !important;
    border-radius: 8px !important;
    padding: 16px 20px !important;
    margin: 0 0 24px 0 !important;
}
.hd-delivery-icon {
    font-size: 32px !important;
    line-height: 1 !important;
}
.hd-delivery-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.hd-delivery-text strong {
    color: #007bff !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.hd-delivery-text span {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

/* 5. Confirmation Actions */
.hd-confirmation-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin: 0 0 24px 0 !important;
    padding: 20px !important;
    background: #fafafa !important;
    border-radius: 12px !important;
}
.hd-confirmation-actions .hd-order-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 12px 22px !important;
    background: #fff !important;
    color: #333 !important;
    border: 2px solid #e5e5e5 !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.hd-confirmation-actions .hd-order-btn:hover {
    background: #dd9933 !important;
    border-color: #dd9933 !important;
    color: #fff !important;
}
.hd-confirmation-actions .hd-btn-shop {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
.hd-confirmation-actions .hd-btn-shop:hover {
    background: #dd9933 !important;
    border-color: #dd9933 !important;
}
.hd-confirmation-actions .hd-btn-track {
    background: #007bff !important;
    color: #fff !important;
    border-color: #007bff !important;
}
.hd-confirmation-actions .hd-btn-track:hover {
    background: #0056b3 !important;
    border-color: #0056b3 !important;
}
.hd-confirmation-actions .hd-btn-create-acct {
    background: #28a745 !important;
    color: #fff !important;
    border-color: #28a745 !important;
}

/* 6. Discount Code */
.hd-next-discount {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: linear-gradient(135deg, #fff8e1 0%, #fef3c7 100%) !important;
    border: 2px dashed #dd9933 !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
    margin: 0 0 24px 0 !important;
}
.hd-discount-icon {
    font-size: 36px !important;
    line-height: 1 !important;
}
.hd-discount-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.hd-discount-text strong {
    color: #dd9933 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.hd-discount-text span {
    font-size: 14px !important;
    color: #333 !important;
}
.hd-discount-code {
    background: #000 !important;
    color: #fff !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-family: 'Courier New', monospace !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin: 0 4px !important;
    user-select: all !important;
    cursor: pointer !important;
}

/* 7. Social Share */
.hd-social-share {
    text-align: center !important;
    padding: 20px !important;
    background: #f9f9f9 !important;
    border-radius: 12px !important;
    margin: 0 0 24px 0 !important;
}
.hd-share-label {
    display: block !important;
    font-size: 13px !important;
    color: #666 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}
.hd-share-buttons {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
}
.hd-share-buttons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: transform 0.2s ease !important;
}
.hd-share-buttons a:hover {
    transform: scale(1.1) !important;
}
.hd-share-twitter { background: #000 !important; }
.hd-share-facebook { background: #1877f2 !important; }
.hd-share-whatsapp { background: #25d366 !important; }

/* Mobile (P3) */
@media screen and (max-width: 767px) {
    .hd-order-confirmation { padding: 12px 10px !important; }
    .hd-thankyou-hero { padding: 28px 16px !important; }
    .hd-thankyou-hero h1 { font-size: 22px !important; }
    .hd-thankyou-icon { font-size: 44px !important; }
    .hd-thankyou-msg { font-size: 14px !important; }
    .hd-email-confirm { font-size: 12px !important; padding: 8px 12px !important; }

    .hd-order-overview-card { padding: 16px !important; }
    .hd-overview-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .hd-overview-value { font-size: 14px !important; }
    .hd-overview-total { font-size: 16px !important; }

    .hd-delivery-estimate, .hd-next-discount {
        padding: 14px 16px !important;
        gap: 10px !important;
    }
    .hd-delivery-icon, .hd-discount-icon { font-size: 26px !important; }
    .hd-delivery-text span, .hd-discount-text span { font-size: 13px !important; }

    .hd-confirmation-actions {
        flex-direction: column !important;
        padding: 14px !important;
    }
    .hd-confirmation-actions .hd-order-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px !important;
        font-size: 14px !important;
    }
}

/* Print mode */
@media print {
    .hd-confirmation-actions, .hd-social-share, .hd-next-discount,
    .site-header, #footer, .breadcrumb {
        display: none !important;
    }
    .hd-thankyou-hero { box-shadow: none !important; border: 1px solid #ccc !important; }
}
/* ============================================================
 * End — Order Confirmation Overhaul
 * ============================================================ */

/* Social share buttons — SVG logos */
.hd-share-buttons a svg {
    width: 20px !important;
    height: 20px !important;
    fill: #fff !important;
    color: #fff !important;
}
.hd-share-buttons a {
    overflow: hidden !important;
}

/* ============================================================
 * Order Confirmation — Desktop Layout Fix (P1+P2+P3)
 * Added: 2026-06-21
 * ============================================================ */

/* P1.1 — Order details table match hero width (800px) */
.hd-order-confirmation .woocommerce-order-details {
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
}
.hd-order-confirmation .woocommerce-order-details table.woocommerce-table--order-details {
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* P1.2 — Overview grid: 4 kolòn nan yon ranje + Status sou liy 2 */
.hd-order-overview-card .hd-overview-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}
.hd-order-overview-card .hd-overview-item:last-child {
    grid-column: 1 / -1 !important;
    border-top: 1px solid #f0f0f0 !important;
    padding-top: 14px !important;
    margin-top: 4px !important;
}

/* P2.1 — Billing + Shipping addresses kolòn pou desktop (≥992px) */
@media screen and (min-width: 992px) {
    .hd-order-confirmation .woocommerce-customer-details {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        max-width: 100% !important;
    }
    .hd-order-confirmation .woocommerce-customer-details .woocommerce-columns,
    .hd-order-confirmation .woocommerce-customer-details > .col2-set {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        width: 100% !important;
    }
    .hd-order-confirmation .woocommerce-customer-details address,
    .hd-order-confirmation .woocommerce-customer-details .woocommerce-column,
    .hd-order-confirmation .woocommerce-customer-details .col-1,
    .hd-order-confirmation .woocommerce-customer-details .col-2 {
        margin: 0 !important;
        width: 100% !important;
    }
}

/* P3.1 — Espas vètikal redui + box-shadow konstan tout cards */
.hd-order-confirmation > * {
    margin-bottom: 20px !important;
}
.hd-order-confirmation > *:last-child {
    margin-bottom: 0 !important;
}

.hd-order-confirmation .woocommerce-order-details,
.hd-order-confirmation .woocommerce-customer-details {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}
.hd-order-confirmation .woocommerce-customer-details address {
    border: 1px solid #e5e5e5 !important;
    border-radius: 8px !important;
    padding: 14px !important;
    background: #fafafa !important;
}

/* P3.2 — Ajiste titles karta */
.hd-order-confirmation .woocommerce-order-details h2,
.hd-order-confirmation .woocommerce-customer-details h2 {
    margin: 0 0 14px 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Mobile fallback (≤991px) — anpile vètikal */
@media screen and (max-width: 991px) {
    .hd-order-overview-card .hd-overview-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .hd-order-overview-card .hd-overview-item:last-child {
        grid-column: 1 / -1 !important;
    }
}
/* ============================================================
 * End — Order Confirmation Desktop Layout
 * ============================================================ */

/* View Order — Tout seksyon gen menm largeur konsta */
.woocommerce-MyAccount-content .hd-order-summary-card,
.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details table.woocommerce-table--order-details {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Tit "Order details" alinye ak rès la (pa santre koste) */
.woocommerce-MyAccount-content .woocommerce-order-details h2,
.woocommerce-MyAccount-content .woocommerce-customer-details h2 {
    text-align: left !important;
    padding-left: 4px !important;
}

/* View Order — Force 100% largeur sou tout seksyon */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content > *,
body.woocommerce-account .woocommerce-MyAccount-content .hd-order-summary-card,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details,
body.woocommerce-account .woocommerce-MyAccount-content section,
body.woocommerce-account .woocommerce-MyAccount-content table,
body.woocommerce-account .woocommerce-MyAccount-content address {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Tab order details ranje */
body.woocommerce-account .woocommerce-table--order-details,
body.woocommerce-account .woocommerce-table--order-details tbody,
body.woocommerce-account .woocommerce-table--order-details tfoot,
body.woocommerce-account .woocommerce-table--order-details tr {
    width: 100% !important;
    max-width: 100% !important;
}

/* Adrès kolòn kòd 2 — sou desktop côte à côte */
@media screen and (min-width: 992px) {
    body.woocommerce-account .woocommerce-customer-details .col2-set,
    body.woocommerce-account .woocommerce-customer-details > .woocommerce-columns {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
        width: 100% !important;
    }
    body.woocommerce-account .woocommerce-customer-details .col-1,
    body.woocommerce-account .woocommerce-customer-details .col-2,
    body.woocommerce-account .woocommerce-customer-details .woocommerce-column {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

/* Order Confirmation page — tout seksyon 100% largeur */
.hd-order-confirmation {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 !important;
}
.hd-order-confirmation > *,
.hd-order-confirmation .hd-thankyou-hero,
.hd-order-confirmation .hd-order-overview-card,
.hd-order-confirmation .hd-order-timeline,
.hd-order-confirmation .hd-delivery-estimate,
.hd-order-confirmation .hd-confirmation-actions,
.hd-order-confirmation .hd-social-share,
.hd-order-confirmation .woocommerce-order-details,
.hd-order-confirmation .woocommerce-customer-details,
.hd-order-confirmation table.woocommerce-table--order-details {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen and (max-width: 767px) {
    .hd-order-confirmation {
        padding: 12px 0 !important;
    }
}

/* Billing + Shipping côte à côte sou desktop (force) */
@media screen and (min-width: 768px) {
    .woocommerce-customer-details .col2-set,
    .woocommerce-customer-details .woocommerce-columns--addresses,
    .woocommerce-customer-details .woocommerce-columns--2 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 24px !important;
        width: 100% !important;
        float: none !important;
    }
    .woocommerce-customer-details .col-1,
    .woocommerce-customer-details .col-2,
    .woocommerce-customer-details .woocommerce-column--1,
    .woocommerce-customer-details .woocommerce-column--2,
    .woocommerce-customer-details .woocommerce-column--billing-address,
    .woocommerce-customer-details .woocommerce-column--shipping-address {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        display: block !important;
    }
}

/* Force kolòn 2 pou Billing + Shipping sou desktop (override Bootstrap) */
@media screen and (min-width: 768px) {
    body .woocommerce-customer-details,
    body .hd-order-confirmation .woocommerce-customer-details,
    body.woocommerce-order-received .woocommerce-customer-details {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 24px !important;
        align-items: stretch !important;
    }
    body .woocommerce-customer-details > section,
    body .woocommerce-customer-details .col2-set,
    body .woocommerce-customer-details .woocommerce-columns,
    body .woocommerce-customer-details .woocommerce-columns--addresses {
        display: flex !important;
        flex-direction: row !important;
        gap: 24px !important;
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    body .woocommerce-customer-details .col-1,
    body .woocommerce-customer-details .col-2,
    body .woocommerce-customer-details .woocommerce-column,
    body .woocommerce-customer-details .woocommerce-column--billing-address,
    body .woocommerce-customer-details .woocommerce-column--shipping-address {
        flex: 1 1 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        float: none !important;
        display: block !important;
    }
}

/* Fix Billing/Shipping côte à côte — retire pseudo-elements clearfix ki kraze grid */
@media screen and (min-width: 768px) {
    .woocommerce-customer-details .col2-set::before,
    .woocommerce-customer-details .col2-set::after,
    .woocommerce-customer-details .woocommerce-columns::before,
    .woocommerce-customer-details .woocommerce-columns::after,
    .woocommerce-customer-details .woocommerce-columns--addresses::before,
    .woocommerce-customer-details .woocommerce-columns--addresses::after,
    .hd-order-confirmation .col2-set::before,
    .hd-order-confirmation .col2-set::after {
        display: none !important;
        content: none !important;
    }
}

/* Fix Billing+Shipping grid — kache paragraf vid (atifa wpautop) ki kase 2 kolòn */
.woocommerce-customer-details .col2-set > p,
.woocommerce-customer-details .woocommerce-columns--addresses > p,
.hd-order-confirmation .col2-set > p {
    display: none !important;
}

/* Timeline — liy pwogresyon vèt ki ranpli ant etap konplete */
.hd-order-timeline::after {
    content: '' !important;
    position: absolute !important;
    top: 18px !important;
    left: 10% !important;
    height: 2px !important;
    background: #28a745 !important;
    width: calc((100% - 20%) * var(--hd-progress, 0) / 100) !important;
    z-index: 0 !important;
    transition: width 0.5s ease !important;
}
@media screen and (max-width: 767px) {
    .hd-order-timeline::after {
        left: 5% !important;
        width: calc((100% - 10%) * var(--hd-progress, 0) / 100) !important;
    }
}

/* Timeline santre orizontalman */
.hd-order-timeline {
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: space-around !important;
    text-align: center !important;
}
@media screen and (max-width: 767px) {
    .hd-order-timeline {
        max-width: 100% !important;
    }
}

/* Timeline — liy yo komanse nan sant premye ikòn epi fini nan sant dènye ikòn (4 etap = 12.5% chak bò) */
.hd-order-timeline::before {
    left: 12.5% !important;
    right: 12.5% !important;
}
.hd-order-timeline::after {
    left: 12.5% !important;
    width: calc((100% - 25%) * var(--hd-progress, 0) / 100) !important;
}

/* Pou 2 etap (cancelled/refunded/failed) - 25% chak bò */
.hd-order-timeline:has(.hd-timeline-step:nth-child(2):last-child)::before {
    left: 25% !important;
    right: 25% !important;
}
.hd-order-timeline:has(.hd-timeline-step:nth-child(2):last-child)::after {
    left: 25% !important;
    width: calc((100% - 50%) * var(--hd-progress, 0) / 100) !important;
}

@media screen and (max-width: 767px) {
    .hd-order-timeline::before {
        left: 12.5% !important;
        right: 12.5% !important;
    }
    .hd-order-timeline::after {
        left: 12.5% !important;
        width: calc((100% - 25%) * var(--hd-progress, 0) / 100) !important;
    }
}

/* Timeline — apwòch nouvo: liy pa segman ant chak etap, pa gen liy apre dènye etap */
.hd-order-timeline::before,
.hd-order-timeline::after {
    display: none !important;
}
.hd-timeline-step {
    position: relative !important;
    z-index: 1 !important;
    flex: 1 1 0 !important;
}
.hd-timeline-step::after {
    content: '' !important;
    position: absolute !important;
    top: 18px !important;
    left: 50% !important;
    width: 100% !important;
    height: 2px !important;
    background: #e5e5e5 !important;
    z-index: -1 !important;
}
.hd-timeline-step:last-child::after {
    display: none !important;
}
.hd-timeline-step.is-done + .hd-timeline-step.is-done::before,
.hd-timeline-step.is-done::after {
    /* Liy ant 2 etap done = vèt */
}
.hd-timeline-step.is-done:not(:last-child)::after {
    background: #28a745 !important;
}
.hd-timeline-step.is-done + .hd-timeline-step:not(.is-done) ~ .hd-timeline-step::after,
.hd-timeline-step:not(.is-done)::after {
    background: #e5e5e5 !important;
}

/* Timeline — liy ant 2 etap vèt SÈLMAN si toulède konplete (chwa via :has()) */
.hd-timeline-step:not(:last-child)::after {
    background: #e5e5e5 !important;
}
.hd-timeline-step.is-done:has(+ .hd-timeline-step.is-done)::after {
    background: #28a745 !important;
}

/* Timeline — fòs gri lè etap done MEN pwochen etap pa done (override règ anvan) */
.hd-timeline-step.is-done:not(:has(+ .hd-timeline-step.is-done))::after {
    background: #e5e5e5 !important;
}

/* Timeline — kache ::after sou DENYE etap (override total) */
.hd-order-timeline .hd-timeline-step:last-child::after,
.hd-order-timeline .hd-timeline-step:last-of-type::after,
.hd-order-timeline > .hd-timeline-step:nth-last-child(1)::after,
.hd-timeline-step:last-child::after,
.hd-timeline-step.is-pending:last-child::after,
.hd-timeline-step.is-done:last-child::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    width: 0 !important;
}

/* View Order — Bouton Continue Shopping anba Billing (agoch) */
.hd-after-order-actions {
    margin-top: 20px !important;
    text-align: left !important;
}
.hd-btn-continue-shopping {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #000 !important;
    color: #fff !important;
    padding: 12px 28px !important;
    border: 2px solid #000 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.hd-btn-continue-shopping:hover {
    background: #dd9933 !important;
    border-color: #dd9933 !important;
    color: #fff !important;
}
@media screen and (min-width: 768px) {
    .hd-after-order-actions {
        max-width: 50% !important;
        padding-right: 12px !important;
    }
}

/* Continue Shopping — margin bottom 5px */
.hd-after-order-actions {
    margin-bottom: 5px !important;
}

/* Continue Shopping — santre */
.hd-after-order-actions {
    text-align: center !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Per-item Reorder button — chip andedan item nan order details */
a.hd-item-reorder-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 10px !important;
    padding: 6px 14px !important;
    background: #28a745 !important;
    color: #fff !important;
    border: 2px solid #28a745 !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
a.hd-item-reorder-btn:hover {
    background: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: #fff !important;
}

/* Bouton Order Again — agoch + margin-top 4px */
.woocommerce-MyAccount-content p.order-again,
.woocommerce-MyAccount-content .order-again,
.woocommerce-MyAccount-content p.order-actions,
.hd-order-confirmation .order-again,
p.order-again {
    text-align: left !important;
    margin-top: 4px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

/* Item checkbox sou order details */
.hd-item-checkbox-wrap {
    display: block !important;
    margin: 0 0 8px 0 !important;
    cursor: pointer !important;
    text-align: right !important;
}
.hd-item-checkbox {
    width: 22px !important;
    height: 22px !important;
    cursor: pointer !important;
    accent-color: #28a745 !important;
}

/* Order Again button — state disabled (gri) */
.order-again a.is-disabled,
p.order-again a[aria-disabled="true"] {
    background: #999 !important;
    border-color: #999 !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Bouton Order Again — adwat + margin-top 10px (override règ anvan) */
.woocommerce-MyAccount-content p.order-again,
.woocommerce-MyAccount-content .order-again,
.woocommerce-MyAccount-content p.order-actions,
.hd-order-confirmation .order-again,
p.order-again {
    text-align: right !important;
    margin-top: 10px !important;
}

/* Billing/Shipping section — retire margin top + bottom */
.woocommerce-MyAccount-content .woocommerce-customer-details,
body.woocommerce-account .woocommerce-customer-details {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Cart Mobile — reorganize: Product → Price → Quantity → Subtotal → Save for later */
@media screen and (max-width: 767px) {
    body.woocommerce-cart table.cart tr.cart_item,
    body.woocommerce-cart .woocommerce-cart-form table.cart tr {
        display: flex !important;
        flex-direction: column !important;
        padding: 12px !important;
    }
    body.woocommerce-cart table.cart td.product-name {
        order: 1 !important;
    }
    /* Retire save-for-later soti nan product-name */
    body.woocommerce-cart table.cart td.product-name .save-for-later,
    body.woocommerce-cart table.cart td.product-name .wcsfl_btn,
    body.woocommerce-cart table.cart td.product-name a.wpc-save-for-later,
    body.woocommerce-cart table.cart td.product-name button.save-for-later {
        display: none !important;
    }
    body.woocommerce-cart table.cart td.product-price {
        order: 2 !important;
    }
    body.woocommerce-cart table.cart td.product-quantity {
        order: 3 !important;
    }
    body.woocommerce-cart table.cart td.product-subtotal {
        order: 4 !important;
        text-align: right !important;
    }
    body.woocommerce-cart table.cart td.product-subtotal::before {
        text-align: left !important;
    }

    /* Re-mete Save for later anba subtotal (clone via ::after pseudo NOT possible — bezwen JS oswa template override) */
}

@media screen and (max-width: 767px) {
    body.woocommerce-cart table.cart td.product-name .save-for-later,
    body.woocommerce-cart table.cart td.product-name .wcsfl_btn,
    body.woocommerce-cart table.cart td.product-name a.wpc-save-for-later,
    body.woocommerce-cart table.cart td.product-name button.save-for-later {
        /* Re-enable display ki te cache pa CSS anvan an */
        display: inline-block !important;
    }
    body.woocommerce-cart table.cart td.product-save-for-later {
        display: block !important;
        order: 5 !important;
        text-align: right !important;
        padding-top: 8px !important;
    }
}


/* Cart totals / actions rete nòmal */
body.woocommerce-cart table.cart tfoot,
body.woocommerce-cart .cart-collaterals {
    display: block !important;
}

/* Cart — kache thead sou tout vize (mobile + desktop) */
body.woocommerce-cart table.cart thead,
body.woocommerce-cart .woocommerce-cart-form table.cart thead {
    display: none !important;
}

/* Save for later — anba net nan cart item (apre subtotal) */
body.woocommerce-cart table.cart tr.cart_item td.product-save-for-later {
    display: block !important;
    width: 100% !important;
    order: 99 !important;
    margin-top: 16px !important;
    padding: 12px 0 0 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    text-align: right !important;
    clear: both !important;
}
@media screen and (max-width: 767px) {
    body.woocommerce-cart table.cart tr.cart_item {
        display: flex !important;
        flex-direction: column !important;
    }
    body.woocommerce-cart table.cart tr.cart_item td.product-save-for-later {
        order: 99 !important;
    }
}

/* Save for later cell — retire pseudo-elements (::before / ::after) ki ka bay 2 pwen */
body.woocommerce-cart table.cart tr.cart_item td.product-save-for-later::before,
body.woocommerce-cart table.cart tr.cart_item td.product-save-for-later::after {
    display: none !important;
    content: none !important;
}
body.woocommerce-cart table.cart tr.cart_item td.product-save-for-later {
    list-style: none !important;
}

/* Reorder button alinye apre product-total (anba price) */
table.woocommerce-table--order-details a.hd-item-reorder-btn {
    display: inline-block !important;
    margin-top: 8px !important;
    align-self: center !important;
}

/* View Order — Tout seksyon menm largeur konsistan */
.woocommerce-MyAccount-content .hd-order-summary-card,
.woocommerce-MyAccount-content section.woocommerce-order-details,
.woocommerce-MyAccount-content section.woocommerce-customer-details,
.woocommerce-MyAccount-content table.woocommerce-table--order-details,
.woocommerce-MyAccount-content .hd-after-order-actions,
.woocommerce-MyAccount-content section.woocommerce-customer-details > .col2-set,
.woocommerce-MyAccount-content section.woocommerce-customer-details .woocommerce-columns,
.woocommerce-MyAccount-content section.woocommerce-customer-details address {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
 * Print Invoice — Hidden on screen, Visible on print
 * Added: 2026-06-21
 * ============================================================ */
.hd-print-invoice {
    display: none !important;
}

@media print {
    /* HIDE everything except the invoice */
    body * {
        visibility: hidden !important;
    }
    .hd-print-invoice,
    .hd-print-invoice * {
        visibility: visible !important;
    }
    .hd-print-invoice {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        padding: 30px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        color: #222 !important;
        background: #fff !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Header */
    .hd-inv-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        border-bottom: 3px solid #dd9933 !important;
        padding-bottom: 20px !important;
        margin-bottom: 24px !important;
    }
    .hd-inv-business {
        max-width: 60% !important;
    }
    .hd-inv-logo {
        max-height: 70px !important;
        max-width: 200px !important;
        display: block !important;
        margin-bottom: 8px !important;
    }
    .hd-inv-business-name {
        font-size: 24px !important;
        margin: 0 0 8px 0 !important;
        font-weight: 700 !important;
        color: #222 !important;
    }
    .hd-inv-business-address,
    .hd-inv-business-email {
        margin: 0 !important;
        font-size: 11px !important;
        color: #555 !important;
        line-height: 1.4 !important;
    }
    .hd-inv-meta {
        text-align: right !important;
    }
    .hd-inv-title {
        font-size: 32px !important;
        font-weight: 900 !important;
        color: #dd9933 !important;
        margin: 0 0 10px 0 !important;
        letter-spacing: 2px !important;
    }
    .hd-inv-meta-line {
        margin: 2px 0 !important;
        font-size: 11px !important;
        color: #333 !important;
    }
    .hd-inv-meta-line strong {
        color: #000 !important;
    }

    /* Addresses */
    .hd-inv-addresses {
        display: flex !important;
        gap: 30px !important;
        margin-bottom: 24px !important;
    }
    .hd-inv-address-block {
        flex: 1 !important;
        background: #f9f9f9 !important;
        padding: 12px 16px !important;
        border-left: 3px solid #dd9933 !important;
    }
    .hd-inv-address-block h3 {
        margin: 0 0 8px 0 !important;
        font-size: 11px !important;
        color: #dd9933 !important;
        letter-spacing: 1px !important;
        font-weight: 700 !important;
    }
    .hd-inv-address-block p,
    .hd-inv-address-block address {
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
        font-style: normal !important;
        color: #333 !important;
    }

    /* Items table */
    .hd-inv-items {
        width: 100% !important;
        border-collapse: collapse !important;
        margin-bottom: 20px !important;
    }
    .hd-inv-items thead th {
        background: #222 !important;
        color: #fff !important;
        padding: 10px 12px !important;
        text-align: left !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
        font-weight: 700 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    .hd-inv-items thead th.hd-inv-qty,
    .hd-inv-items thead th.hd-inv-unit,
    .hd-inv-items thead th.hd-inv-total {
        text-align: right !important;
    }
    .hd-inv-items tbody td {
        padding: 10px 12px !important;
        border-bottom: 1px solid #e5e5e5 !important;
        font-size: 12px !important;
        vertical-align: top !important;
    }
    .hd-inv-items tbody td.hd-inv-qty,
    .hd-inv-items tbody td.hd-inv-unit,
    .hd-inv-items tbody td.hd-inv-total {
        text-align: right !important;
    }
    .hd-inv-item-meta {
        font-size: 10px !important;
        color: #666 !important;
        margin-top: 4px !important;
    }
    .hd-inv-item-meta p { margin: 0 !important; }

    /* Totals */
    .hd-inv-totals {
        display: flex !important;
        justify-content: flex-end !important;
        margin-bottom: 30px !important;
    }
    .hd-inv-totals table {
        min-width: 280px !important;
        border-collapse: collapse !important;
    }
    .hd-inv-totals td {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    .hd-inv-tot-label {
        text-align: right !important;
        color: #555 !important;
    }
    .hd-inv-tot-val {
        text-align: right !important;
        min-width: 100px !important;
        font-weight: 600 !important;
        color: #222 !important;
    }
    .hd-inv-grand-total td {
        font-size: 16px !important;
        font-weight: 700 !important;
        border-top: 2px solid #222 !important;
        padding-top: 10px !important;
        color: #000 !important;
    }
    .hd-inv-grand-total .hd-inv-tot-val {
        color: #dd9933 !important;
    }

    /* Footer */
    .hd-inv-footer {
        text-align: center !important;
        padding-top: 20px !important;
        border-top: 1px solid #e5e5e5 !important;
        color: #666 !important;
    }
    .hd-inv-thanks {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #222 !important;
        margin: 0 0 6px 0 !important;
    }
    .hd-inv-website {
        margin: 0 !important;
        font-size: 11px !important;
        color: #dd9933 !important;
    }

    /* Force page settings */
    @page {
        size: A4 !important;
        margin: 0.5cm !important;
    }
}
/* ============================================================
 * End — Print Invoice
 * ============================================================ */

@media print {
    /* Asire tout tèks nan invoice se nwa lizib */
    .hd-print-invoice,
    .hd-print-invoice *,
    .hd-print-invoice td,
    .hd-print-invoice tr,
    .hd-print-invoice p,
    .hd-print-invoice span,
    .hd-print-invoice address {
        color: #000 !important;
        opacity: 1 !important;
    }
    /* Kache WOOCS popup info ki ka kraze layout */
    .hd-print-invoice .woocs_price_info,
    .hd-print-invoice .woocs_price_code,
    .hd-print-invoice .woocs_price_info_icon {
        display: none !important;
    }
}

@media print {
    /* Body 0 margin/padding pou invoice okipe tout paj */
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        background: #fff !important;
    }
    .hd-print-invoice {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 auto !important;
        padding: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Force addresses flex côte à côte */
    .hd-print-invoice .hd-inv-addresses {
        display: flex !important;
        flex-direction: row !important;
        gap: 20px !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
    .hd-print-invoice .hd-inv-address-block {
        flex: 1 1 50% !important;
        width: 50% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .hd-print-invoice .hd-inv-address-block address {
        font-style: normal !important;
    }

    /* Header flex */
    .hd-print-invoice .hd-inv-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
}

@media print {
    /* Force tout ancestors 100% pou invoice okipe tout paj */
    html, body,
    body > *,
    body .woocommerce,
    body .woocommerce-account,
    body .woocommerce-MyAccount-content,
    body main, body #main, body .site-main,
    body .container, body .row, body .entry-content,
    body section, body article, body div {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    body {
        overflow: visible !important;
    }
    /* Sèl invoice gen padding andedan */
    .hd-print-invoice {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 20px !important;
        margin: 0 !important;
        page-break-inside: auto !important;
    }

    /* Page break logical */
    .hd-print-invoice .hd-inv-items {
        page-break-inside: auto !important;
    }
    .hd-print-invoice .hd-inv-items tr {
        page-break-inside: avoid !important;
        page-break-after: auto !important;
    }
    .hd-print-invoice .hd-inv-totals,
    .hd-print-invoice .hd-inv-footer {
        page-break-inside: avoid !important;
    }

    /* @page setting */
    @page {
        size: auto !important;
        margin: 10mm !important;
    }
}

/* ============================================================
 * Print Invoice — Solisyon C: display:none ak :has() (override anvan an)
 * Added: 2026-06-21
 * ============================================================ */
@media print {
    /* Anile règ visibility anvan */
    body, body * {
        visibility: visible !important;
    }

    /* Retire nan layout tout sib ki PA gen invoice */
    body > *:not(:has(.hd-print-invoice)) {
        display: none !important;
    }
    body :has(.hd-print-invoice) > *:not(.hd-print-invoice):not(:has(.hd-print-invoice)) {
        display: none !important;
    }

    /* Ancestors ki gen invoice — 100% lajè, pa gen padding */
    html, body,
    body :has(.hd-print-invoice) {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #fff !important;
        float: none !important;
        display: block !important;
    }

    /* Invoice rete nòmal block */
    .hd-print-invoice {
        display: block !important;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 15px 20px !important;
        page-break-inside: auto !important;
    }
}

/* Kache bouton hamburger "My account" sou desktop (sèlman vizib mobile) */
@media screen and (min-width: 992px) {
    body.woocommerce-account .my-account-hamburger,
    body.woocommerce-account button.my-account-hamburger {
        display: none !important;
    }
}


/* Mobile sèlman — tfoot menm largeur ak tbody */
@media screen and (max-width: 767px) {
    body.woocommerce-account .woocommerce-table--order-details tfoot,
    body.woocommerce-account .woocommerce-table--order-details tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.woocommerce-account .woocommerce-table--order-details tfoot tr {
        display: table !important;
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }
    body.woocommerce-account .woocommerce-table--order-details tfoot tr th,
    body.woocommerce-account .woocommerce-table--order-details tfoot tr td {
        display: table-cell !important;
        width: 50% !important;
        box-sizing: border-box !important;
    }
}

/* Bouton Reorder pa-item — santre orizontalman */
a.hd-item-reorder-btn {
    display: block !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
table.woocommerce-table--order-details td.product-name a.hd-item-reorder-btn,
table.woocommerce-table--order-details a.hd-item-reorder-btn {
    margin: 10px auto !important;
}

/* Reorder bouton — FÒS sant orizontalman (override total) */
body.woocommerce-account a.hd-item-reorder-btn,
body.woocommerce-account .hd-item-reorder-btn,
.woocommerce-MyAccount-content a.hd-item-reorder-btn,
table.woocommerce-table--order-details a.hd-item-reorder-btn,
table.woocommerce-table--order-details tr a.hd-item-reorder-btn {
    display: block !important;
    width: fit-content !important;
    min-width: 110px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    align-self: center !important;
    text-align: center !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}
/* Parent tr / cell — text-align: center */
table.woocommerce-table--order-details tr.order_item,
table.woocommerce-table--order-details tbody tr {
    text-align: center !important;
    align-items: center !important;
}

/* Star Rating — Fòs Unicode stars ki travay san WooCommerce font */
.star-rating,
.woocommerce .star-rating,
.woocommerce-page .star-rating {
    font-family: serif !important;
    font-size: 1em !important;
    width: 5.4em !important;
    height: 1.2em !important;
    line-height: 1 !important;
    overflow: hidden !important;
    position: relative !important;
    display: inline-block !important;
}
.star-rating::before,
.woocommerce .star-rating::before {
    content: "\2606\2606\2606\2606\2606" !important;  /* 5 etwal vid */
    color: #d3ced2 !important;
    float: left !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    letter-spacing: 2px !important;
    font-family: serif !important;
}
.star-rating span,
.woocommerce .star-rating span {
    overflow: hidden !important;
    float: left !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    padding-top: 1.5em !important;
}
.star-rating span::before,
.woocommerce .star-rating span::before {
    content: "\2605\2605\2605\2605\2605" !important;  /* 5 etwal ranpli */
    top: 0 !important;
    position: absolute !important;
    left: 0 !important;
    color: #dd9933 !important;
    letter-spacing: 2px !important;
    font-family: serif !important;
}



/* Frequently Bought Together (woobt) — Fix mobile layout */
@media screen and (max-width: 767px) {
    .woobt-products {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        padding: 0 !important;
    }
    .woobt-product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 8px !important;
        background: #fff !important;
    }
    /* Retire konektè + ki te separe kolòn yo */
    .woobt-product + .woobt-product::before,
    .woobt-products .woobt-product + .woobt-product::before {
        display: none !important;
    }
    /* Imaj — max width korèk */
    .woobt-img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 10px !important;
    }
    .woobt-img img {
        width: 100% !important;
        height: auto !important;
        max-width: 120px !important;
        display: block !important;
        margin: 0 auto !important;
    }
    /* Non pwodwi — pa gen forced line breaks */
    .woobt-title,
    .woobt-product .woobt-title,
    .woobt-product h3,
    .woobt-product a {
        font-size: 13px !important;
        line-height: 1.4 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        text-align: center !important;
        display: block !important;
    }
    /* Availability + pri */
    .woobt-availability,
    .woobt-price {
        font-size: 12px !important;
        text-align: center !important;
    }
    /* Checkbox alinye */
    .woobt-checkbox {
        margin-bottom: 8px !important;
    }
    /* Retire operator + / = */
    .woobt-products .woobt-product:not(:first-child)::before,
    .woobt-plus, .woobt-op {
        display: none !important;
    }
}

/* FBT — Fòs 2 kolòn (override carousel plugin) */
.woobt-products,
.woobt-products.woobt-products-layout-carousel-4,
.woobt-products.woobt-products-layout-carousel-3,
.woobt-products.woobt-products-layout-carousel-2,
[class*="woobt-products-layout"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
.woobt-products .woobt-product,
[class*="woobt-products-layout"] .woobt-product {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
}
/* Retire ancien carousel layout */
.woobt-products .slick-track,
.woobt-products .slick-list {
    display: contents !important;
}
/* Retire operator + / = */
.woobt-op,
.woobt-plus {
    display: none !important;
}

/* FBT — Force 2 kolòn (override slick carousel wrappers) */
.woobt-products,
.woobt-products [class*="woobt-products-layout"],
.woobt-products .slick-slider,
.woobt-products .slick-list,
.woobt-products .slick-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
.woobt-products .slick-slide,
.woobt-products .slick-slide-inner,
[class*="woobt-products-layout"] > *,
.woobt-products > .woobt-product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}
/* Retire arrows carousel */
.woobt-products .slick-arrow,
.woobt-products .slick-prev,
.woobt-products .slick-next,
.woobt-products .slick-dots {
    display: none !important;
}

/* FBT — Match "You may also like" style (kard san bòde ekstèn, imaj gwo, tit ba a) */
.woobt-products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    border: none !important;
}
.woobt-products .woobt-product {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}
.woobt-products .woobt-img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    aspect-ratio: auto !important;
    display: block !important;
}
.woobt-products .woobt-img img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}
.woobt-products .woobt-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #222 !important;
    margin: 8px 0 4px !important;
    text-align: center !important;
    display: block !important;
    word-break: normal !important;
}
.woobt-products .woobt-availability {
    font-size: 12px !important;
    color: #28a745 !important;
    text-align: center !important;
    margin: 2px 0 !important;
}
.woobt-products .woobt-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-align: center !important;
    margin: 4px 0 !important;
}
.woobt-products .woobt-checkbox {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 2 !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 3px !important;
}
.woobt-products .woobt-product {
    position: relative !important;
}

/* FBT — Desktop 4 kolòn, Mobile 2 kolòn */
@media screen and (min-width: 768px) {
    .woobt-products,
    .woobt-products [class*="woobt-products-layout"],
    .woobt-products .slick-slider,
    .woobt-products .slick-list,
    .woobt-products .slick-track {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media screen and (max-width: 767px) {
    .woobt-products,
    .woobt-products [class*="woobt-products-layout"],
    .woobt-products .slick-slider,
    .woobt-products .slick-list,
    .woobt-products .slick-track {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Tit FBT — menm size ak font ak "Related products" (h2) */


/* FBT imaj — menm dimansyon ak Related products (WC thumbnail) */
.woobt-products .woobt-img img,
.woobt-products .woobt-product img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    aspect-ratio: 300 / 299 !important;
}

/* ============================================================
 * Empty Cart Page — Améliorer UX + koulè oranj mak Haiti Designs
 * Added: 2026-07-05
 * ============================================================ */
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .container.cart-box {
    padding: 40px 20px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}
body.woocommerce-cart .empty-cart-page {
    text-align: center !important;
    padding: 40px 20px !important;
    margin: 20px 0 !important;
}
/* Ikòn cart — koulè oranj Haiti Designs (via CSS filter) */
body.woocommerce-cart .empty-cart-page .cart-empty-img {
    width: 120px !important;
    height: auto !important;
    margin: 0 auto 24px !important;
    display: block !important;
    filter: brightness(0) saturate(100%) invert(63%) sepia(52%) saturate(1104%) hue-rotate(4deg) brightness(93%) contrast(88%) !important;
    /* Konvèti nenpòt koulè an #dd9933 */
}
/* Tit */
body.woocommerce-cart #empty-cart-heading,
body.woocommerce-cart .empty-cart-page h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 12px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
/* Deskripsyon */
body.woocommerce-cart .empty-cart-page p {
    font-size: 15px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    max-width: 400px !important;
    margin: 0 auto 28px !important;
}
/* Bouton Continue Shopping */
body.woocommerce-cart .empty-cart-page a.button.wc-backward,
body.woocommerce-cart .return-to-shop a.button {
    display: inline-block !important;
    background: #dd9933 !important;
    color: #fff !important;
    border: 2px solid #dd9933 !important;
    border-radius: 50px !important;
    padding: 14px 32px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(221, 153, 51, 0.25) !important;
}
body.woocommerce-cart .empty-cart-page a.button.wc-backward:hover {
    background: #c88521 !important;
    border-color: #c88521 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(221, 153, 51, 0.35) !important;
}
/* Mobile ajisteman */
@media screen and (max-width: 767px) {
    body.woocommerce-cart .empty-cart-page {
        padding: 30px 16px !important;
    }
    body.woocommerce-cart .empty-cart-page .cart-empty-img {
        width: 100px !important;
        margin-bottom: 20px !important;
    }
    body.woocommerce-cart #empty-cart-heading,
    body.woocommerce-cart .empty-cart-page h2 {
        font-size: 22px !important;
    }
    body.woocommerce-cart .empty-cart-page p {
        font-size: 14px !important;
    }
    body.woocommerce-cart .empty-cart-page a.button.wc-backward {
        padding: 12px 28px !important;
        font-size: 14px !important;
    }
}
/* ============================================================
 * End — Empty Cart
 * ============================================================ */

/* Empty Cart — Redwi ikòn + tit sou yon sèl liy */
body.woocommerce-cart .empty-cart-page .cart-empty-img {
    width: 70px !important;
    max-width: 70px !important;
    margin: 0 auto 16px !important;
}
body.woocommerce-cart #empty-cart-heading,
body.woocommerce-cart .empty-cart-page h2 {
    white-space: nowrap !important;
    font-size: 20px !important;
    letter-spacing: 0.3px !important;
}
@media screen and (max-width: 767px) {
    body.woocommerce-cart .empty-cart-page .cart-empty-img {
        width: 60px !important;
        max-width: 60px !important;
    }
    body.woocommerce-cart #empty-cart-heading,
    body.woocommerce-cart .empty-cart-page h2 {
        font-size: 17px !important;
        white-space: nowrap !important;
    }
}

/* Empty Cart — Redwi bouton Continue Shopping + santre tout kontni */
body.woocommerce-cart .container.cart-box,
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .empty-cart-page,
body.woocommerce-cart .return-to-shop {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body.woocommerce-cart .empty-cart-page a.button.wc-backward,
body.woocommerce-cart .return-to-shop a.button {
    padding: 10px 22px !important;
    font-size: 13px !important;
    display: inline-block !important;
    margin: 0 auto !important;
}
@media screen and (max-width: 767px) {
    body.woocommerce-cart .empty-cart-page a.button.wc-backward,
    body.woocommerce-cart .return-to-shop a.button {
        padding: 9px 20px !important;
        font-size: 12px !important;
    }
}

/* Empty Cart — Ajisteman final: santre tit, redwi bouton, tèks 1 liy */
body.woocommerce-cart #empty-cart-heading,
body.woocommerce-cart .empty-cart-page h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}
body.woocommerce-cart .empty-cart-page a.button.wc-backward,
body.woocommerce-cart .return-to-shop a.button {
    padding: 8px 18px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    min-width: auto !important;
    width: auto !important;
    max-width: none !important;
}
@media screen and (max-width: 767px) {
    body.woocommerce-cart #empty-cart-heading,
    body.woocommerce-cart .empty-cart-page h2 {
        font-size: 15px !important;
    }
    body.woocommerce-cart .empty-cart-page a.button.wc-backward,
    body.woocommerce-cart .return-to-shop a.button {
        padding: 7px 16px !important;
        font-size: 11px !important;
    }
}

/* Empty Cart — Fòs santre kontenè woocommerce nan mitan paj */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart div.woocommerce {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
}
body.woocommerce-cart .container.cart-box {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
}
body.woocommerce-cart .empty-cart-page {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    max-width: 400px !important;
    text-align: center !important;
}
body.woocommerce-cart .empty-cart-page > * {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Empty Cart — Fòs absoli sant orizontal (override Bootstrap mx-3) */
body.woocommerce-cart .empty-cart-page.mx-3,
body.woocommerce-cart .empty-cart-page {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 400px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-cart .empty-cart-page > *,
body.woocommerce-cart .empty-cart-page img,
body.woocommerce-cart .empty-cart-page h2,
body.woocommerce-cart .empty-cart-page p,
body.woocommerce-cart .empty-cart-page a {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    align-self: center !important;
}
body.woocommerce-cart .cart-empty,
body.woocommerce-cart .return-to-shop {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}