/* ==========================================================================
   Cotton Soul — Shop Page & Product Grid Redesign (v1.6.0)
   Matches Homepage "New Arrivals" Product Card Design Language:
   1. Multi-Column Grid (3 columns on Desktop, 2 on Tablet/Mobile)
   2. Ample Row Gap Between Cards (36px vertical separation to next row images)
   3. 8px Rounded Image with Smooth Hover Zoom
   4. Upper Overlay Button Permanently Removed
   5. Explicit Flexbox Element Order:
      - 1st: Product Image
      - 2nd: Product Title (order: 1)
      - 3rd: Product Price (order: 2)
      - 4th: Outlined Pill "Add to cart" Button (order: 3)
   6. Clean Spacing:
      - Clear 16px Gap between Image & Title (Desktop: 16px / Mobile: 12px)
      - Compact 6px Gap between Title, Price & Add to Cart Button
   ========================================================================== */

/* ── 1. Grid Container & Column Layout (3 Columns Desktop, 2 Columns Mobile) ─ */
.rtsb-products-archive-custom .rtsb-row,
.rtsb-products-container .rtsb-row,
.rtsb-elementor-container .rtsb-row,
.rtsb-row.rtsb-grid-layout1,
.rtsb-row.rtsb-grid-layout2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 36px !important; /* Ample gap between Add to Cart and next row's image */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

@media (min-width: 1400px) {
    .rtsb-products-archive-custom .rtsb-row,
    .rtsb-products-container .rtsb-row,
    .rtsb-elementor-container .rtsb-row,
    .rtsb-row.rtsb-grid-layout1,
    .rtsb-row.rtsb-grid-layout2 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
        row-gap: 36px !important;
    }
}

@media (max-width: 1024px) {
    .rtsb-products-archive-custom .rtsb-row,
    .rtsb-products-container .rtsb-row,
    .rtsb-elementor-container .rtsb-row,
    .rtsb-row.rtsb-grid-layout1,
    .rtsb-row.rtsb-grid-layout2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 16px !important;
        row-gap: 30px !important;
    }
}

@media (max-width: 767px) {
    .rtsb-products-archive-custom .rtsb-row,
    .rtsb-products-container .rtsb-row,
    .rtsb-elementor-container .rtsb-row,
    .rtsb-row.rtsb-grid-layout1,
    .rtsb-row.rtsb-grid-layout2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 24px !important;
        margin: 0 !important;
    }
}

@media (max-width: 420px) {
    .rtsb-products-archive-custom .rtsb-row,
    .rtsb-products-container .rtsb-row,
    .rtsb-elementor-container .rtsb-row,
    .rtsb-row.rtsb-grid-layout1,
    .rtsb-row.rtsb-grid-layout2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 8px !important;
        row-gap: 22px !important;
    }
}

/* Fallback WooCommerce ul.products */
.woocommerce ul.products,
ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 16px !important;
        row-gap: 30px !important;
    }
}

@media (max-width: 767px) {
    .woocommerce ul.products,
    ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 24px !important;
    }
}

/* ── 2. Grid Item / Product Card Column Reset ────────────────────────────── */
.rtsb-products-archive-custom .rtsb-col-grid,
.rtsb-products-container .rtsb-col-grid,
.rtsb-col-grid.rtsb-product,
.rtsb-products-archive-custom .rtsb-product,
.rtsb-products-container .rtsb-product,
.woocommerce ul.products li.product,
ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
}

.rtsb-products-archive-custom .rtsb-grid-item,
.rtsb-products-container .rtsb-grid-item,
.rtsb-elementor-container .rtsb-grid-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    width: 100% !important;
    gap: 16px !important; /* Direct 16px gap between Product Image and Product Content */
}

@media (max-width: 767px) {
    .rtsb-products-archive-custom .rtsb-grid-item,
    .rtsb-products-container .rtsb-grid-item,
    .rtsb-elementor-container .rtsb-grid-item {
        gap: 12px !important; /* 12px on mobile */
    }
}

/* ── 3. Product Image: 8px Rounded Corners & Smooth Hover Zoom ───────────── */
.rtsb-products-archive-custom .rtsb-product-img,
.rtsb-products-container .rtsb-product-img,
.rtsb-elementor-container .rtsb-product-img,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
ul.products li.product .woocommerce-loop-product__link {
    width: 100% !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f8fafc !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
}

.rtsb-products-archive-custom .rtsb-product-img figure,
.rtsb-products-container .rtsb-product-img figure,
.rtsb-elementor-container .rtsb-product-img figure {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}

.rtsb-products-archive-custom .rtsb-product-img img,
.rtsb-products-container .rtsb-product-img img,
.rtsb-elementor-container .rtsb-product-img img,
.woocommerce ul.products li.product img,
ul.products li.product img {
    border-radius: 8px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.4s ease !important;
    object-fit: cover !important;
}

.rtsb-products-archive-custom .rtsb-grid-item:hover .rtsb-product-img img,
.rtsb-products-container .rtsb-grid-item:hover .rtsb-product-img img,
.rtsb-elementor-container .rtsb-grid-item:hover .rtsb-product-img img,
.woocommerce ul.products li.product:hover img,
ul.products li.product:hover img {
    transform: scale(1.03) !important;
}

/* ── 4. PERMANENTLY REMOVE UPPER ACTION BUTTON OVERLAY ON IMAGE ─────────── */
.rtsb-product-img .rtsb-action-buttons,
.rtsb-products-archive-custom .rtsb-product-img .rtsb-action-buttons,
.rtsb-products-container .rtsb-product-img .rtsb-action-buttons,
.rtsb-elementor-container .rtsb-product-img .rtsb-action-buttons,
.rtsb-product-img div.rtsb-action-buttons {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    bottom: -9999px !important;
}

/* ── 5. Product Content Wrapper (Strict Vertical Stack Flow) ─────────────── */
.rtsb-products-archive-custom .rtsb-product-content,
.rtsb-products-container .rtsb-product-content,
.rtsb-elementor-container .rtsb-product-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    position: static !important;
    transform: none !important;
}

/* ── 6. Product Title: Centered, Bold 600, Color #000, Order: 1 ─────────── */
.rtsb-products-archive-custom .product-title-with-btn,
.rtsb-products-container .product-title-with-btn,
.rtsb-products-archive-custom .rtsb-product-title-wrapper,
.rtsb-products-container .rtsb-product-title-wrapper,
.rtsb-elementor-container .rtsb-product-title-wrapper,
.rtsb-elementor-container .product-title-with-btn {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin: 0 0 3px 0 !important; /* Compact 3px gap between Title & Price */
    margin-top: 0 !important; /* Override negative margins from Elementor settings */
    padding: 0 !important;
    float: none !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    order: 1 !important; /* Guaranteed First element inside content */
}

.rtsb-products-archive-custom h3.product-title,
.rtsb-products-container h3.product-title,
.rtsb-elementor-container h3.product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-family: inherit !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.rtsb-products-archive-custom h3.product-title a,
.rtsb-products-container h3.product-title a,
.rtsb-elementor-container h3.product-title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
ul.products li.product .woocommerce-loop-product__title a {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 14.5px !important;
    text-decoration: none !important;
    transition: color 0.18s ease !important;
    display: inline-block !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.rtsb-products-archive-custom h3.product-title a:hover,
.rtsb-products-container h3.product-title a:hover,
.rtsb-elementor-container h3.product-title a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover {
    color: #0b2545 !important;
}

/* Prevent ShopBuilder title hovering slide animation that hides the title */
.rtsb-elementor-container .rtsb-product:hover .product-title-with-btn .product-title,
.rtsb-elementor-container .rtsb-product .product-title-with-btn .product-title {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Hide ShopBuilder extra text button overlay in title */
.rtsb-elementor-container .product-title-with-btn .btn-wrap,
.rtsb-products-archive-custom .product-title-with-btn .btn,
.rtsb-products-container .product-title-with-btn .btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
}

/* ── 7. Product Price: Centered, Clean Font, 0 Margin, Order: 2 ──────────── */
.rtsb-products-archive-custom .product-price,
.rtsb-products-container .product-price,
.rtsb-elementor-container .product-price,
.woocommerce ul.products li.product .price,
ul.products li.product .price {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 10px 0 !important; /* 10px gap before Add to Cart button */
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #323232 !important;
    text-align: center !important;
    width: 100% !important;
    line-height: 1.2 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    order: 2 !important; /* Guaranteed Second element inside content */
}

.rtsb-products-archive-custom .product-price .price-wrapper,
.rtsb-products-container .product-price .price-wrapper,
.rtsb-products-archive-custom .product-price .price-wrapper p,
.rtsb-products-container .product-price .price-wrapper p {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #323232 !important;
    position: static !important;
    transform: none !important;
    line-height: 1.2 !important;
}

.rtsb-products-archive-custom .product-price ins,
.rtsb-products-container .product-price ins,
.woocommerce ul.products li.product .price ins,
ul.products li.product .price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    color: #323232 !important;
    font-size: 14px !important;
}

.rtsb-products-archive-custom .product-price del,
.rtsb-products-container .product-price del,
.woocommerce ul.products li.product .price del,
ul.products li.product .price del {
    color: #999999 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-right: 4px !important;
    text-decoration: line-through !important;
}

.rtsb-products-archive-custom .product-price .woocommerce-Price-amount,
.rtsb-products-container .product-price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
ul.products li.product .price .woocommerce-Price-amount {
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* ── 8. Bottom Action Buttons / Single "Add to Cart" Pill Button, Order: 3 ── */
.rtsb-products-archive-custom .rtsb-product-content .rtsb-action-buttons,
.rtsb-products-container .rtsb-product-content .rtsb-action-buttons,
.rtsb-elementor-container .rtsb-product-content .rtsb-action-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    z-index: 1 !important;
    order: 3 !important; /* Guaranteed Third / Bottom element inside content */
}

.rtsb-products-archive-custom .rtsb-product-content .rtsb-action-buttons .rtsb-action-button-list,
.rtsb-products-container .rtsb-product-content .rtsb-action-buttons .rtsb-action-button-list,
.rtsb-elementor-container .rtsb-product-content .rtsb-action-button-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    position: static !important;
    transform: none !important;
}

/* Hide extra action buttons (wishlist/compare/quickview) if not cart */
.rtsb-products-archive-custom .rtsb-product-content .rtsb-action-button-list > li:not(.rtsb-cart):not(.cs-loop-notify-item),
.rtsb-products-container .rtsb-product-content .rtsb-action-button-list > li:not(.rtsb-cart):not(.cs-loop-notify-item),
.rtsb-elementor-container .rtsb-product-content .rtsb-action-button-list > li:not(.rtsb-cart):not(.cs-loop-notify-item) {
    display: none !important;
}

.rtsb-products-archive-custom .rtsb-product-content .rtsb-action-button-list li.rtsb-cart,
.rtsb-products-container .rtsb-product-content .rtsb-action-button-list li.rtsb-cart,
.rtsb-elementor-container .rtsb-product-content .rtsb-action-button-list li.rtsb-cart,
.rtsb-products-archive-custom .rtsb-product-content .rtsb-action-button-list li.cs-loop-notify-item,
.rtsb-products-container .rtsb-product-content .rtsb-action-button-list li.cs-loop-notify-item,
.rtsb-elementor-container .rtsb-product-content .rtsb-action-button-list li.cs-loop-notify-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Outlined Pill "Add to cart" & "Notify Me" Button Styling */
.rtsb-products-archive-custom .rtsb-product-content a.rtsb-add-to-cart-btn,
.rtsb-products-archive-custom .rtsb-product-content button.rtsb-add-to-cart-btn,
.rtsb-products-container .rtsb-product-content a.rtsb-add-to-cart-btn,
.rtsb-products-container .rtsb-product-content button.rtsb-add-to-cart-btn,
.rtsb-elementor-container .rtsb-product-content a.rtsb-add-to-cart-btn,
.rtsb-elementor-container .rtsb-product-content button.rtsb-add-to-cart-btn,
.rtsb-products-archive-custom .rtsb-product-content .rtsb-cart .rtsb-action-btn,
.rtsb-products-container .rtsb-product-content .rtsb-cart .rtsb-action-btn,
.rtsb-elementor-container .rtsb-product-content .rtsb-cart .rtsb-action-btn,
.cs-loop-notify-btn,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product button.add_to_cart_button,
.woocommerce ul.products li.product a.button.cs-loop-notify-btn,
.woocommerce ul.products li.product button.cs-loop-notify-btn,
ul.products li.product a.button.add_to_cart_button,
ul.products li.product button.add_to_cart_button,
ul.products li.product a.button.cs-loop-notify-btn,
ul.products li.product button.cs-loop-notify-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    border: 1.5px solid #222222 !important;
    border-radius: 50px !important;
    padding: 7px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    line-height: 1.25 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    min-height: 36px !important;
    width: auto !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
}

/* Cart Icon Inside Outlined Button */
.rtsb-product-content a.rtsb-add-to-cart-btn .icon,
.rtsb-product-content .rtsb-cart .rtsb-action-btn .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #222222 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: color 0.25s ease !important;
    margin: 0 !important;
}

.rtsb-product-content a.rtsb-add-to-cart-btn .icon svg,
.rtsb-product-content .rtsb-cart .rtsb-action-btn .icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
}

.rtsb-product-content a.rtsb-add-to-cart-btn .button-text,
.rtsb-product-content .rtsb-cart .rtsb-action-btn .button-text {
    display: inline-block !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: color 0.25s ease !important;
}

/* Hover State: Deep Navy / Black Background with White Text & Icon */
.rtsb-product-content a.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover,
.rtsb-product-content button.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover,
.rtsb-product-content .rtsb-cart .rtsb-action-btn:not(.cs-btn-subscribed):hover,
.cs-loop-notify-btn:not(.cs-btn-subscribed):hover,
.woocommerce ul.products li.product a.button.add_to_cart_button:not(.cs-btn-subscribed):hover,
.woocommerce ul.products li.product button.add_to_cart_button:not(.cs-btn-subscribed):hover,
.woocommerce ul.products li.product a.button.cs-loop-notify-btn:not(.cs-btn-subscribed):hover,
.woocommerce ul.products li.product button.cs-loop-notify-btn:not(.cs-btn-subscribed):hover,
ul.products li.product a.button.add_to_cart_button:not(.cs-btn-subscribed):hover,
ul.products li.product button.add_to_cart_button:not(.cs-btn-subscribed):hover,
ul.products li.product a.button.cs-loop-notify-btn:not(.cs-btn-subscribed):hover,
ul.products li.product button.cs-loop-notify-btn:not(.cs-btn-subscribed):hover {
    background-color: #0b2545 !important;
    border-color: #0b2545 !important;
    color: #ffffff !important;
}

.rtsb-product-content a.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover .icon,
.rtsb-product-content button.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover .icon,
.rtsb-product-content .rtsb-cart .rtsb-action-btn:not(.cs-btn-subscribed):hover .icon,
.cs-loop-notify-btn:not(.cs-btn-subscribed):hover .icon,
.rtsb-product-content a.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover .button-text,
.rtsb-product-content button.rtsb-add-to-cart-btn:not(.cs-btn-subscribed):hover .button-text,
.rtsb-product-content .rtsb-cart .rtsb-action-btn:not(.cs-btn-subscribed):hover .button-text,
.cs-loop-notify-btn:not(.cs-btn-subscribed):hover .button-text {
    color: #ffffff !important;
}

/* Subscribed State */
.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed,
.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed:hover,
.cs-loop-notify-btn.cs-btn-subscribed,
.cs-loop-notify-btn.cs-btn-subscribed:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #ffffff !important;
    cursor: default !important;
    pointer-events: none !important;
    font-size: 11.5px !important;
    padding: 6px 14px !important;
    letter-spacing: 0.2px !important;
}

.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed .icon,
.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed:hover .icon,
.cs-loop-notify-btn.cs-btn-subscribed .icon,
.cs-loop-notify-btn.cs-btn-subscribed:hover .icon {
    color: #ffffff !important;
    font-size: 11.5px !important;
}

.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed .button-text,
.rtsb-product-content .rtsb-cart .rtsb-action-btn.cs-btn-subscribed:hover .button-text,
.cs-loop-notify-btn.cs-btn-subscribed .button-text,
.cs-loop-notify-btn.cs-btn-subscribed:hover .button-text {
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
}

/* Loop Feedback Note Below Button */
.cs-loop-notify-feedback {
    display: none;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #15803d !important;
    font-weight: 600 !important;
    margin-top: 5px !important;
    text-align: center !important;
    width: 100% !important;
}

/* Fallback WooCommerce button icon */
.woocommerce ul.products li.product a.button.add_to_cart_button::before,
ul.products li.product a.button.add_to_cart_button::before {
    content: '' !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    margin-right: 6px !important;
    vertical-align: -2px !important;
}

.woocommerce ul.products li.product a.button.add_to_cart_button:hover::before,
ul.products li.product a.button.add_to_cart_button:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* ── 9. Mobile Responsive Tweaks ─────────────────────────────────────────── */
@media (max-width: 767px) {
    .rtsb-products-archive-custom .rtsb-product-title-wrapper,
    .rtsb-products-container .rtsb-product-title-wrapper {
        margin: 0 0 2px 0 !important;
    }

    .rtsb-products-archive-custom h3.product-title,
    .rtsb-products-container h3.product-title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rtsb-products-archive-custom .product-price,
    .rtsb-products-container .product-price,
    .woocommerce ul.products li.product .price {
        font-size: 12.5px !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .rtsb-product-content a.rtsb-add-to-cart-btn,
    .rtsb-product-content .rtsb-cart .rtsb-action-btn,
    .woocommerce ul.products li.product a.button.add_to_cart_button {
        padding: 5px 12px !important;
        font-size: 12px !important;
        gap: 5px !important;
        min-height: 30px !important;
        margin: 0 !important;
    }

    .rtsb-product-content a.rtsb-add-to-cart-btn .icon,
    .rtsb-product-content .rtsb-cart .rtsb-action-btn .icon {
        font-size: 12px !important;
    }

    .rtsb-product-content a.rtsb-add-to-cart-btn .button-text,
    .rtsb-product-content .rtsb-cart .rtsb-action-btn .button-text {
        font-size: 12px !important;
    }

    .rtsb-pagination-wrap,
    .rtsb-pagination,
    nav.woocommerce-pagination,
    .woocommerce-pagination {
        margin-top: 36px !important;
        margin-bottom: 24px !important;
    }
}

/* ── 10. Pagination: Generous Top Clearance (Prevent Card Overlapping) ───── */
.rtsb-pagination-wrap,
.rtsb-pagination,
nav.woocommerce-pagination,
.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination,
.elementor-widget-rtsb-products-archive-custom .rtsb-pagination-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 54px !important; /* Ample 54px clearance below bottom cards */
    margin-bottom: 40px !important;
    clear: both !important;
    position: relative !important;
    z-index: 10 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.rtsb-pagination ul.pagination-list,
.woocommerce-pagination ul.page-numbers,
.rtsb-pagination-wrap ul.pagination-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: auto !important;
}

.rtsb-pagination ul.pagination-list li,
.woocommerce-pagination ul.page-numbers li,
.rtsb-pagination-wrap ul.pagination-list li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* ── 11. Toast Notification Redesign (Cotton Soul Theme Colors) ──────────── */
#toast-container > div,
#toast-container .toast,
#toast-container .toast-success {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px -5px rgba(11, 37, 69, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 16px 20px 16px 60px !important;
    opacity: 1 !important;
    color: #1e293b !important;
    min-width: 280px !important;
    box-sizing: border-box !important;
}

#toast-container .toast-title {
    color: #0b2545 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 3px !important;
    font-family: inherit !important;
}

#toast-container .toast-message {
    color: #475569 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

#toast-container .toast-success a,
#toast-container a {
    color: #0b2545 !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color 0.2s ease !important;
}

#toast-container .toast-success a:hover,
#toast-container a:hover {
    color: #ff557d !important;
}

/* Success Checkmark Circle: Deep Navy background with White Checkmark */
#toast-container .toast-success:before {
    background: #0b2545 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    left: 18px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 6px rgba(11, 37, 69, 0.25) !important;
}

/* Close button */
#toast-container .toast-close-button,
#toast-container .toast-success .toast-close-button {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    right: 12px !important;
    top: 12px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    opacity: 0.8 !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

#toast-container .toast-close-button:hover,
#toast-container .toast-success .toast-close-button:hover {
    color: #0b2545 !important;
    opacity: 1 !important;
    background-color: #f1f5f9 !important;
    border-radius: 50% !important;
}

/* ── 12. Cart Page: Left Products Box Padding & Card Styling ────────────── */
.wc-block-cart__main,
.wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-filled-cart-block .wc-block-cart__main,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .rtsb-cart-table,
.rtsb-cart-table.woocommerce .woocommerce-cart-form {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px 28px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Cart Table Layout within Box */
.wc-block-cart__main .wc-block-cart-items,
.wp-block-woocommerce-cart-items-block table.wc-block-cart-items,
.woocommerce-cart table.shop_table.cart {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    border: none !important;
}

/* Table Header (PRODUCT / TOTAL) */
.wc-block-cart__main table.wc-block-cart-items th,
.wc-block-cart__main .wc-block-cart-items__header th,
.wp-block-woocommerce-cart-items-block th,
.woocommerce-cart table.shop_table.cart th {
    padding-top: 2px !important;
    padding-bottom: 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Cart Item Rows & Cells Spacing */
.wc-block-cart__main table.wc-block-cart-items td,
.wp-block-woocommerce-cart-items-block td,
.woocommerce-cart table.shop_table.cart td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    vertical-align: middle !important;
    border-top: 1px solid #f1f5f9 !important;
}

/* First Row border top reset */
.wc-block-cart__main table.wc-block-cart-items tbody tr:first-child td,
.wp-block-woocommerce-cart-items-block tbody tr:first-child td,
.woocommerce-cart table.shop_table.cart tbody tr:first-child td {
    border-top: none !important;
}

/* Last Row bottom padding */
.wc-block-cart__main table.wc-block-cart-items tbody tr:last-child td,
.wp-block-woocommerce-cart-items-block tbody tr:last-child td,
.woocommerce-cart table.shop_table.cart tbody tr:last-child td {
    padding-bottom: 4px !important;
}

/* Cart Item Product Thumbnail */
.wc-block-cart__main .wc-block-cart-item__image,
.wp-block-woocommerce-cart-items-block .wc-block-cart-item__image,
.woocommerce-cart table.shop_table.cart .product-thumbnail {
    padding-right: 18px !important;
}

.wc-block-cart__main .wc-block-cart-item__image img,
.wp-block-woocommerce-cart-items-block .wc-block-cart-item__image img,
.woocommerce-cart table.shop_table.cart .product-thumbnail img {
    border-radius: 8px !important;
    object-fit: cover !important;
}

/* Product Name & Details within Cart */
.wc-block-cart-item__product,
.woocommerce-cart table.shop_table.cart .product-name {
    padding-right: 14px !important;
}

.wc-block-cart-item__product a,
.woocommerce-cart table.shop_table.cart .product-name a {
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.wc-block-cart-item__product a:hover,
.woocommerce-cart table.shop_table.cart .product-name a:hover {
    color: #0b2545 !important;
}

/* Subtotal / Price in Cart */
.wc-block-cart-item__total,
.woocommerce-cart table.shop_table.cart .product-subtotal {
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #0f172a !important;
    text-align: right !important;
}

/* Quantity Controls in Cart */
.wc-block-cart-item__quantity {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Mobile & Tablet Responsive Padding */
@media (max-width: 1024px) {
    .wc-block-cart__main,
    .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-filled-cart-block .wc-block-cart__main,
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .rtsb-cart-table {
        padding: 20px 20px !important;
        border-radius: 12px !important;
    }
}

@media (max-width: 767px) {
    .wc-block-cart__main,
    .wp-block-woocommerce-cart-items-block,
    .wp-block-woocommerce-filled-cart-block .wc-block-cart__main,
    .woocommerce-cart .woocommerce-cart-form,
    .woocommerce-cart .rtsb-cart-table {
        padding: 16px 14px !important;
        border-radius: 10px !important;
    }

    .wc-block-cart__main table.wc-block-cart-items td,
    .wp-block-woocommerce-cart-items-block td,
    .woocommerce-cart table.shop_table.cart td {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/* ── 13. Cart Page: Coupon "Apply" Button Styling (Theme Dark & White Text) ── */
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon__form button,
.wp-block-woocommerce-cart-order-summary-coupon-form-block button,
.woocommerce-cart .coupon button.button,
.woocommerce-cart button[name="apply_coupon"],
.rtsb-cart-table .coupon button {
    background-color: #0b2545 !important;
    color: #ffffff !important;
    border: 1px solid #0b2545 !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.wc-block-components-totals-coupon__button .wc-block-components-button__text,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button .wc-block-components-button__text,
.wc-block-components-totals-coupon__button span,
.woocommerce-cart button[name="apply_coupon"] span {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon__form button:hover,
.wp-block-woocommerce-cart-order-summary-coupon-form-block button:hover,
.woocommerce-cart .coupon button.button:hover,
.woocommerce-cart button[name="apply_coupon"]:hover {
    background-color: #173b67 !important;
    border-color: #173b67 !important;
    color: #ffffff !important;
}

.wc-block-components-totals-coupon__button:disabled,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled,
.wc-block-components-totals-coupon__form button:disabled,
.wp-block-woocommerce-cart-order-summary-coupon-form-block button:disabled {
    background-color: #0b2545 !important;
    border-color: #0b2545 !important;
    color: #ffffff !important;
    opacity: 0.9 !important;
    cursor: pointer !important;
}

.wc-block-components-totals-coupon__button:disabled .wc-block-components-button__text,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled .wc-block-components-button__text,
.wc-block-components-totals-coupon__button:disabled span {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}