/*
Theme Name: Literature Child Theme
Theme URI: https://literature.axiomthemes.com/
Description: Literature is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.3.0
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: literature
Template: literature
*/

@font-face {
    font-family: 'Ruposhi';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi Bangla UI Uni';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi';
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi Bangla UI Uni';
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi Bangla UI Uni';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi';
    font-style: italic;
    font-weight: bold;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Bold-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Ruposhi Bangla UI Uni';
    font-style: italic;
    font-weight: bold;
    font-display: swap;
    src: url('/wp-content/uploads/2026/06/Ruposhi-Bangla-UI-Uni-Bold-Italic.ttf') format('truetype');
}


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ==========================================================================
   GLOBAL TYPOGRAPHY RULES (FONT OVERRIDES)
   ========================================================================== */

/* 1. Headers: English in Cormorant Garamond, Bengali in Ruposhi Bangla UI Uni */
h1,
h2,
h3,
h4,
h5,
h6,
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
.product_title,
.entry-title,
.entry-title a,
.post_title,
.post_title a,
.title,
.title a {
    font-family: "Cormorant Garamond", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", serif !important;
}

/* 2. Body Text: DM Sans with Bengali fallbacks */
body,
p,
li,
td,
th,
input,
textarea,
select,
button,
label,
.woocommerce-breadcrumb,
.price,
.price *,
.product-short-description,
.woocommerce-Tabs-panel,
.woocommerce-Tabs-panel p,
.comment-respond,
.comment-form * {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
}

/* WooCommerce Info Banner Styling */
.woocommerce-info {
    background-color: #f7e9d0 !important;
    color: #1d1b18 !important;
    font-family: 'DM Sans', sans-serif !important;
    border-top: 0px !important;
}

/* Ensure text and links in the banner have contrast */
.woocommerce-info,
.woocommerce-info a:not(.button) {
    color: #1d1b18 !important;
}

/* WooCommerce Button inside Info Banner */
.woocommerce-info .button,
.woocommerce-info a.button,
.woocommerce-info .woocommerce-Button,
.woocommerce-info .wc-forward {
    background-color: #43280d !important;
    color: #f7e9d0 !important;
    font-family: 'Cormorant Garamond', serif !important;
    border: 1px solid #43280d !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}

/* Button Hover State */
.woocommerce-info .button:hover,
.woocommerce-info a.button:hover,
.woocommerce-info .woocommerce-Button:hover,
.woocommerce-info .wc-forward:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #f7e9d0 !important;
}

.trx-addons-menu-link-text {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   CUSTOM PRODUCT CARD DESIGN (WIREFRAME STYLING)
   ========================================================================== */

/* 1. Main Grid List Overrides */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    /* 4 columns on desktop */
    gap: 30px !important;
    align-items: stretch !important;
    /* Stretch card wrappers to equal heights in each row */
}

@media (max-width: 1200px) {
    ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}


@media (max-width: 900px) {
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 410px) {
    ul.products {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}



ul.products::before,
ul.products::after {
    display: none !important;
    /* Remove float clearing elements that break CSS grid */
}

/* 2. Product Card Wrapper */
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Override parent grid gap padding */
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    /* Support column stretching */
    height: 100% !important;
}

ul.products li.product .post_item {
    background-color: #f7e9d0 !important;
    /* Warm Cream background */
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 12px !important;
    /* 12px corner rounding */
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    /* Fill parent height */
    flex-grow: 1 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

/* Hover effect on card */
ul.products li.product .post_item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(29, 27, 24, 0.08) !important;
    border-color: rgba(29, 27, 24, 0.2) !important;
}

/* 3. Image Section (Top) */
ul.products li.product .post_featured {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 11px 11px 0 0 !important;
    /* Corner rounding to fit the card */
    overflow: hidden !important;
    background-color: transparent !important;
    aspect-ratio: 1 / 1.4142 !important;
    /* A4 aspect ratio */
    height: auto !important;
}

ul.products li.product .post_featured a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

ul.products li.product .post_featured img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}



ul.products li.product .post_item:hover .post_featured img {
    transform: scale(1.04) !important;
}

/* 4. Sale Badge */
ul.products li.product span.onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background-color: #ffffff !important;
    /* White pill background */
    color: #1d1b18 !important;
    /* Dark text */
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    z-index: 10 !important;
}

/* 5. Wishlist Button (Top Right corner placement) */
ul.products li.product .yith-wcwl-add-to-wishlist,
ul.products li.product .yith-wcwl-add-button {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* 6. Content Section (Bottom) */
ul.products li.product .post_data {
    padding: 24px 20px 20px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background-color: transparent !important;
}

ul.products li.product .post_data_inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    /* Single column stack */
    grid-template-rows: auto auto auto 1fr auto !important;
    /* 5 rows: Meta/Categories, Title, Stars, Price, Buttons */
    row-gap: 10px !important;
    column-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    flex-grow: 1 !important;
    /* Forces grid to expand and match card height */
}

/* Product Title */
ul.products li.product .post_header.entry-header {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul.products li.product h2.woocommerce-loop-product__title {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    /* Bold */
    line-height: 1.4 !important;
    color: #1d1b18 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;

    /* Clamp to exactly 2 lines with ellipsis truncation */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.8em !important;
    /* line-height (1.4) * 2 */
}

ul.products li.product h2.woocommerce-loop-product__title a {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    color: #1d1b18 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

ul.products li.product h2.woocommerce-loop-product__title a:hover {
    color: #d41f22 !important;
    /* Theme red on hover */
}

/* Price Section */
ul.products li.product .price {
    grid-column: 1 / 2 !important;
    grid-row: 4 / 5 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    /* Sale price first, original price second */
    justify-content: flex-end !important;
    /* Left-aligned starting from main-axis end in row-reverse */
    align-items: center !important;
    gap: 8px !important;
    text-align: left !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.15rem !important;
    color: #1d1b18 !important;
    margin: 0 !important;
}

/* Current / Sale Price */
ul.products li.product .price ins,
ul.products li.product .price>.amount {
    color: #d41f22 !important;
    /* Theme red for sale price */
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Original Struck-out Price */
ul.products li.product .price del {
    color: #8a8a8a !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
    display: inline-block !important;
}

/* Attribute Section (Author/Cover) */
ul.products li.product .product_meta_custom,
ul.products li.product .post_tags {
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
    display: flex !important;
    gap: 15px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    color: #8a8a8a !important;
}

/* Grouped Categories and Short Description vertically stacked and left-aligned */
ul.products li.product .product-card-meta-wrap,
.trx-addons-woo-products-carousel .product-card-meta-wrap {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* Hide default carousel category to avoid duplicates */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-category {
    display: none !important;
}

ul.products li.product .product-card-meta-wrap .product_categories,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories {
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

ul.products li.product .product-card-meta-wrap .product_categories a,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories a {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #8a8a8a !important;
}

ul.products li.product .product-card-meta-wrap .product_categories a.category-is-english,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories a.category-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: none !important;
}

ul.products li.product .product-card-meta-wrap .product-short-description,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product-short-description {
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Meta Labels Styling */
.product-card-meta-wrap .meta-label {
    color: #464036 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Render first paragraph inline to stay beside the label */
.product-card-meta-wrap .product-short-description p:first-of-type {
    display: inline !important;
}

/* Render other paragraphs as block to stack them below the first line */
.product-card-meta-wrap .product-short-description p:not(:first-of-type) {
    display: block !important;
    margin-top: 4px !important;
}

.product-card-meta-wrap .product-short-description.short-desc-is-bengali p {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #8a8a8a !important;
    margin: 0 !important;
}

.product-card-meta-wrap .product-short-description.short-desc-is-english p {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #8a8a8a !important;
    margin: 0 !important;
}

/* 7. Action Buttons (Bottom) */
/* Standard star rating placement */
ul.products li.product .star-rating,
ul.products li.product .woocommerce-product-rating {
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    justify-self: flex-start !important;
}

ul.products li.product .add_to_cart_wrap {
    grid-column: 1 / 2 !important;
    grid-row: 5 / 6 !important;
    width: 100% !important;
    margin-top: 5px !important;
    display: flex !important;
    gap: 10px !important;
}

/* Buy Now Button */
ul.products li.product .add_to_cart_wrap a.button {
    margin: 0 !important;
    /* Reset margin */
    flex-grow: 1 !important;
    background-color: #43280d !important;
    /* Dark button background */
    color: #f7e9d0 !important;
    /* Warm cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    /* 12px corner radius */
    border: 1px solid #43280d !important;
    text-align: center !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Buy Now Button Hover */
ul.products li.product .add_to_cart_wrap a.button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* Product Categories (Visible below the title) */
ul.products li.product .product_categories {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 16px !important;
    /* Increased font size to 16px */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #8a8a8a !important;
    /* Muted grey */
    margin-top: 8px !important;
    /* Margin top to separate from title above */
    margin-bottom: 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

ul.products li.product .product_categories a {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 16px !important;
    /* Increased font size to 16px */
    color: #8a8a8a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

ul.products li.product .product_categories a:hover {
    color: #d41f22 !important;
    /* Accent red hover */
}


/* 7.5. Standard Product Cards styling for unwrapped products (e.g. Empty Cart page Related/Cross-Sells) */
ul.products li.product:not(:has(.post_item)) {
    background-color: #f7e9d0 !important;
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    height: 100% !important;
    position: relative !important;
}

ul.products li.product:not(:has(.post_item)):hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(29, 27, 24, 0.08) !important;
    border-color: rgba(29, 27, 24, 0.2) !important;
}

ul.products li.product:not(:has(.post_item)) .onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background-color: #ffffff !important;
    color: #1d1b18 !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.4 !important;
    z-index: 10 !important;
}

ul.products li.product:not(:has(.post_item)) img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.4142 !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 11px 11px 0 0 !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

ul.products li.product:not(:has(.post_item)):hover img {
    transform: scale(1.04) !important;
}

ul.products li.product:not(:has(.post_item)) .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    padding: 24px 20px 10px 20px !important;
    text-decoration: none !important;
    color: #1d1b18 !important;
    flex-grow: 1 !important;
}

ul.products li.product:not(:has(.post_item)) h2.woocommerce-loop-product__title {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #1d1b18 !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.5em !important;
}

ul.products li.product:not(:has(.post_item)) .price {
    padding: 0 20px 20px 20px !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.15rem !important;
    color: #1d1b18 !important;
    text-align: left !important;
}

ul.products li.product:not(:has(.post_item)) .price ins,
ul.products li.product:not(:has(.post_item)) .price>.amount {
    color: #d41f22 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

ul.products li.product:not(:has(.post_item)) .price del {
    color: #8a8a8a !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
}

ul.products li.product:not(:has(.post_item)) a.button.add_to_cart_button {
    margin: 0 20px 20px 20px !important;
    background-color: #43280d !important;
    color: #f7e9d0 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: block !important;
    line-height: 1 !important;
}

ul.products li.product:not(:has(.post_item)) a.button.add_to_cart_button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* 8. English-Specific Typography Overrides */

/* English Title Styling (Cormorant Garamond Semibold) */
ul.products li.product h2.woocommerce-loop-product__title span.title-is-english,
ul.products li.product h2.woocommerce-loop-product__title span.title-is-english a,
ul.products li.product h2.woocommerce-loop-product__title a span.title-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    /* Semibold */
    font-size: 1.45rem !important;
    /* Slightly scaled up to match visual weight of Ruposhi font */
}

/* English Category Styling (Cormorant Garamond Semibold) */
ul.products li.product .product_categories a.category-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    /* Semibold */
    font-size: 15px !important;
    /* Match title styling scaling */
    text-transform: none !important;
    /* Keep original casing for English category terms */
}

/* ==========================================================================
   HUSKY PRODUCT FILTERS SIDEBAR STYLING
   ========================================================================== */

/* 1. Price Range Slider (Ion.RangeSlider) Styling */

/* Selected Range Highlight Line */
.irs--round .irs-bar {
    background-color: #1d1b18 !important;
}

/* Drag Handles (Knobs) */
.irs--round .irs-handle {
    border: 3px solid #1d1b18 !important;
    background-color: #f7e9d0 !important;
    /* Matches warm cream card background */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
}

.irs--round .irs-handle:hover,
.irs--round .irs-handle.state_hover {
    background-color: #1d1b18 !important;
}

/* Background Track */
.irs--round .irs-line {
    background-color: rgba(29, 27, 24, 0.1) !important;
    border-radius: 4px !important;
}

/* Value Labels (Popup tags above slider) */
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: #1d1b18 !important;
    color: #f7e9d0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    padding: 3px 7px !important;
}

/* Little triangle pointing down on labels */
.irs--round .irs-from::before,
.irs--round .irs-to::before,
.irs--round .irs-single::before {
    border-top-color: #1d1b18 !important;
}

/* Scale Grid markings/text below slider */
.irs--round .irs-grid-text {
    color: #8a8a8a !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
}

.irs--round .irs-grid-pol {
    background-color: rgba(29, 27, 24, 0.15) !important;
}

/* 2. Premium Checkbox Styling (Replacing HUSKY iCheck blue skin image sprites with CSS) */
.icheckbox_square-blue {
    background: #f7e9d0 !important;
    /* Warm cream */
    border: 1px solid rgba(29, 27, 24, 0.3) !important;
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.icheckbox_square-blue.checked {
    background: #1d1b18 !important;
    /* Espresso when checked */
    border-color: #1d1b18 !important;
}

/* Draw custom checkmark via borders on checked state */
.icheckbox_square-blue.checked::after {
    content: '' !important;
    position: absolute !important;
    left: 5px !important;
    top: 2px !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #f7e9d0 !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

/* Hover transitions */
.icheckbox_square-blue:hover {
    border-color: #1d1b18 !important;
}

/* Checkbox Labels styling */
.woof_container_stock label,
.woof_container_onsales label {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    color: #1d1b18 !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

/* 3. Text Search Field Styling */
.woof_husky_txt-input {
    background: #f7e9d0 !important;
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    border-radius: 12px !important;
    color: #1d1b18 !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.woof_husky_txt-input:focus {
    border-color: #1d1b18 !important;
    outline: none !important;
}

/* 4. Chosen Select Dropdowns Override (Category/Tag Selectors) */
.chosen-container-single .chosen-single {
    background: #f7e9d0 !important;
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    border-radius: 12px !important;
    /* Match rounded buttons */
    color: #1d1b18 !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    height: auto !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

.chosen-container-active .chosen-single,
.chosen-container-single .chosen-single:focus {
    border-color: #1d1b18 !important;
}

.chosen-container-single .chosen-single div b {
    background-position: 0 9px !important;
    /* Shift arrow position down slightly for alignment */
}

.chosen-container .chosen-drop {
    background: #f7e9d0 !important;
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 24px rgba(29, 27, 24, 0.08) !important;
}

.chosen-container .chosen-search input[type="text"] {
    background-color: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 8px !important;
    color: #1d1b18 !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.chosen-container .chosen-search input[type="text"]:focus {
    border-color: #1d1b18 !important;
}

.chosen-container .chosen-results li.highlighted,
#woof_tax_select_product_cat_chosen.chosen-container .chosen-results li.highlighted {
    background-color: #1d1b18 !important;
    background-image: none !important;
    /* Override standard blue gradient background image */
    color: #f7e9d0 !important;
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
    border-radius: 12px 12px 0 0 !important;
    border-bottom-color: transparent !important;
}

.chosen-container .chosen-results li {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
    color: #1d1b18 !important;
}

/* Multi-select styling */
.chosen-container-multi .chosen-choices {
    background: #f7e9d0 !important;
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    border-radius: 12px !important;
    padding: 6px 12px !important;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #1d1b18 !important;
    color: #f7e9d0 !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 12px !important;
    padding: 4px 20px 4px 8px !important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background-position: -42px -10px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    color: #1d1b18 !important;
}

/* 5. Headings Inside Filter block */
.woof_container h4 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    font-size: 1.25rem !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 6. Filter Form Reset Button */
.woof_submit_search_form_container {
    margin-top: 25px !important;
}

.woof_reset_search_form {
    background-color: #43280d !important;
    /* Espresso button */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: 100% !important;
    /* Full width button */
    text-align: center !important;
}

.woof_reset_search_form:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* ==========================================================================
   1. SWIPER WIDTH CALCULATION BUG FIX (PREVENTS 8.3E6PX STRETCHING)
   ========================================================================== */
/* If a products list contains a carousel, do not display it as a grid */
.elementor-widget-trx_addons_woo_products_carousel ul.products,
.trx-addons-woo-products-carousel-wrap ul.products,
ul.products:has(.trx-addons-swiper-slider),
ul.products:has(.swiper-container),
ul.products:has(.swiper) {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.trx-addons-swiper-slider,
.swiper-container,
.swiper {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
    /* Prevents slide content bleeding */
}

.trx-addons-swiper-slider .swiper-wrapper {
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    align-items: stretch !important;
    /* Forces all slides to have the same height */
}

.trx-addons-swiper-slider .swiper-slide {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    /* Allows flex stretching to determine equal height */
    flex-shrink: 0 !important;
    /* Prevents slides from squeezing */
    padding-left: 10px !important;
    /* 10px left + 10px right = 20px gap between cards */
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Prevent flex container parents from expanding infinitely */
.elementor-widget-trx_sc_services,
.elementor-widget-trx_addons_woo_products_carousel,
.elementor-column-wrap,
.elementor-widget-wrap,
.e-con {
    min-width: 0 !important;
}


/* ==========================================================================
   2. TRX ADDONS CAROUSEL PRODUCT CARD STYLING (MATCHING THE STYLE.CSS GRID)
   ========================================================================== */

/* Remove default list item bullet styling inside slides */
.trx-addons-woo-products-carousel li.product {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* Product Card Wrapper (Matches style.css card background & shadows) */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-wrapper {
    background-color: #f7e9d0 !important;
    /* Warm Cream background */
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 20px !important;
    /* Rounded corners */
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex-grow: 1 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
}

/* Hover Translate-Up Animation */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-wrapper:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(29, 27, 24, 0.08) !important;
    border-color: rgba(29, 27, 24, 0.2) !important;
}

/* Image Section (Matches the 440px Tall Book Cover Aspect Ratio) */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-thumbnail {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 19px 19px 0 0 !important;
    overflow: hidden !important;
    background-color: transparent !important;
    aspect-ratio: 1 / 1.4142 !important;
    /* A4 aspect ratio */
    height: auto !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-product-thumbnail a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Image Zoom Hover Animation */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-wrapper:hover .trx-addons-woo-products-product-thumbnail img {
    transform: scale(1.04) !important;
}



/* Sale Badge */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background-color: #ffffff !important;
    color: #1d1b18 !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    z-index: 10 !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-ribbon-container {
    position: static !important;
}

/* Details Section Layout */
.trx-addons-woo-products-carousel .trx-addons-woo-products-details-wrap {
    padding: 24px 20px 20px 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    /* Single column stack */
    grid-template-rows: auto auto auto 1fr auto !important;
    /* 5 rows: Category, Title, Stars, Price, Buttons */
    row-gap: 10px !important;
    column-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    flex-grow: 1 !important;
    background-color: transparent !important;
}

/* Product Title */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product__link {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1d1b18 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;

    /* Clamp to exactly 2 lines with ellipsis truncation */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.8em !important;
    /* line-height (1.4) * 2 */
}

.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title a {
    color: #1d1b18 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title a:hover {
    color: #d41f22 !important;
    /* Theme Red Hover */
}

/* Price Placement */
.trx-addons-woo-products-carousel .price {
    grid-column: 1 / 2 !important;
    grid-row: 4 / 5 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    /* Sale price first, original price second */
    justify-content: flex-end !important;
    /* Left-aligned starting from main-axis end in row-reverse */
    align-items: center !important;
    gap: 8px !important;
    text-align: left !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.15rem !important;
    color: #1d1b18 !important;
    margin: 0 !important;
}

.trx-addons-woo-products-carousel .price ins,
.trx-addons-woo-products-carousel .price>.amount {
    color: #d41f22 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.trx-addons-woo-products-carousel .price del {
    color: #8a8a8a !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
    display: inline-block !important;
}

/* Category styling */
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-category {
    grid-column: 1 / 3 !important;
    grid-row: 2 / 3 !important;
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #8a8a8a !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* Action Buttons Wrapper (Buy Now) */
/* Carousel star rating placement */
.trx-addons-woo-products-carousel .star-rating,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-rating {
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    justify-self: flex-start !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-product-actions-wrapper {
    grid-column: 1 / 2 !important;
    grid-row: 5 / 6 !important;
    width: 100% !important;
    margin-top: 5px !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-atc-button {
    width: 100% !important;
    display: flex !important;
}

.trx-addons-woo-products-carousel .add_to_cart_wrap {
    width: 100% !important;
    display: flex !important;
}

.trx-addons-woo-products-carousel .add_to_cart_wrap a.button {
    margin: 0 !important;
    /* Reset margin */
    flex-grow: 1 !important;
    background-color: #43280d !important;
    /* Espresso button background */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    text-align: center !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.trx-addons-woo-products-carousel .add_to_cart_wrap a.button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* 10. English-Specific Typography Overrides */
.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title span.title-is-english,
.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title span.title-is-english a,
.trx-addons-woo-products-carousel h5.woocommerce-loop-product__title a span.title-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 1.45rem !important;
}

.trx-addons-woo-products-carousel .trx-addons-woo-products-product-category span.category-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: none !important;
}

/* ==========================================================================
   3. MOBILE RESPONSIVENESS AND COLLISION PREVENTIONS
   ========================================================================== */

/* Tablet & Mobile Slide Spacing adjustments */
@media (max-width: 768px) {
    .trx-addons-swiper-slider .swiper-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .trx-addons-swiper-slider .swiper-wrapper {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
}

/* Mobile Portrait details section stack (prevents title & price collisions) */
@media (max-width: 480px) {

    /* Standard Product Grid overrides */
    ul.products li.product .post_data {
        padding: 16px 15px 15px 15px !important;
    }

    ul.products li.product .post_data_inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    ul.products li.product .post_header.entry-header {
        order: 2 !important;
    }

    ul.products li.product .product-card-meta-wrap {
        order: 1 !important;
        flex-wrap: wrap !important;
        margin-top: 0 !important;
    }

    ul.products li.product .star-rating,
    ul.products li.product .woocommerce-product-rating {
        order: 3 !important;
    }

    ul.products li.product .price {
        order: 4 !important;
        align-items: flex-start !important;
        text-align: left !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        font-size: 1.1rem !important;
        width: 100% !important;
    }

    ul.products li.product .price del {
        margin-top: 0 !important;
        display: inline-block !important;
    }

    ul.products li.product .add_to_cart_wrap {
        order: 5 !important;
        margin-top: 5px !important;
    }

    /* TRX Addons Carousel overrides */
    .trx-addons-woo-products-carousel .trx-addons-woo-products-details-wrap {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px 15px 15px 15px !important;
    }

    .trx-addons-woo-products-carousel .trx-addons-woo-products-product__link {
        order: 2 !important;
    }

    .trx-addons-woo-products-carousel .product-card-meta-wrap {
        order: 1 !important;
        flex-wrap: wrap !important;
        margin-top: 0 !important;
    }

    .trx-addons-woo-products-carousel .star-rating,
    .trx-addons-woo-products-carousel .trx-addons-woo-products-product-rating {
        order: 3 !important;
    }

    .trx-addons-woo-products-carousel .price {
        order: 4 !important;
        align-items: flex-start !important;
        text-align: left !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        font-size: 1.1rem !important;
        width: 100% !important;
    }

    .trx-addons-woo-products-carousel .price del {
        margin-top: 0 !important;
        display: inline-block !important;
    }

    .trx-addons-woo-products-carousel .trx-addons-woo-products-product-actions-wrapper {
        order: 5 !important;
        margin-top: 5px !important;
    }
}

/* ==========================================================================
   WOOF PRODUCTS FILTER ACTIVE PANELS STYLING
   ========================================================================== */
.woof_products_top_panel {
    display: block !important;
    width: 100% !important;
    margin: 15px 0 25px 0 !important;
    padding: 0 !important;
}

.woof_products_top_panel_ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woof_products_top_panel_ul>li {
    display: inline-block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Clear All Button */
.woof_reset_button_2 {
    background-color: #43280d !important;
    /* Espresso background */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    border: 1px solid #43280d !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woof_reset_button_2:hover {
    background-color: #d41f22 !important;
    /* Accent Red on hover */
    border-color: #d41f22 !important;
    color: #ffffff !important;
}

/* Active filter list container */
.woof_products_top_panel_ul ul {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woof_products_top_panel_ul ul li {
    display: inline-block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* "Product categories:" label text */
.woof_products_top_panel_ul ul li:first-of-type {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #464036 !important;
    /* Premium brand title color */
}

/* Active Filter Pill / Tag Link */
.woof_products_top_panel_ul ul li a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    background-color: #f7e9d0 !important;
    /* Warm Cream background */
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 20px !important;
    color: #1d1b18 !important;
    text-decoration: none !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Add custom "×" close icon after the tag value */
.woof_products_top_panel_ul ul li a::after {
    content: "×" !important;
    margin-left: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #d41f22 !important;
    /* Theme red close indicator */
    line-height: 1 !important;
    transition: color 0.2s ease !important;
}

.woof_products_top_panel_ul ul li a:hover {
    border-color: #d41f22 !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(212, 31, 34, 0.05) !important;
}

.woof_products_top_panel_ul ul li a:hover::after {
    color: #1d1b18 !important;
}

/* Hide standard background image/close icon from plugin if any exists */
.woof_remove_ppi {
    background: none !important;
    padding-left: 0 !important;
    display: inline !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE STYLING (SSP) - MANDAS PUBLICATION
   ========================================================================== */

/* Page Padding */
.single-product .page_content_wrap {
    padding-top: 50px !important;
    /* Gap from the navbar */
    padding-left: 80px !important;
    padding-right: 80px !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .single-product .page_content_wrap {
        padding-top: 30px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* 1. Breadcrumbs Styling */
.single-product nav.woocommerce-breadcrumb {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    color: #8a8a8a !important;
    margin-bottom: 40px !important;
    display: block !important;
}

.single-product nav.woocommerce-breadcrumb a {
    color: #8a8a8a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    font-weight: 500 !important;
}

.single-product nav.woocommerce-breadcrumb a:hover {
    color: #d41f22 !important;
    /* Theme Accent Red */
}

.single-product nav.woocommerce-breadcrumb .woocommerce-breadcrumb-delimiter {
    margin: 0 10px !important;
    color: rgba(29, 27, 24, 0.3) !important;
    display: inline-block !important;
}

.single-product nav.woocommerce-breadcrumb .woocommerce-breadcrumb-delimiter::before {
    content: "/" !important;
}

/* 2. Main Product Grid Layout (Desktop) */
.single-product .post_item_single .product {
    display: grid !important;
    grid-template-columns: 4.5fr 5.5fr !important;
    /* Left: Gallery, Right: Details */
    gap: 60px !important;
    margin-bottom: 80px !important;
    align-items: start !important;
    position: relative !important;
    /* For absolute positioning of children like .onsale */
}

/* Force full-width elements to span all columns of the grid */
.single-product .post_item_single .product>.woocommerce-tabs,
.single-product .post_item_single .product>.related.products {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Responsive Grid for Tablets/Mobile */
@media (max-width: 991px) {
    .single-product .post_item_single .product {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

/* 3. Product Gallery (Left Column) */
.single-product .woocommerce-product-gallery {
    position: relative !important;
    width: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
    /* Pure white backdrop for book cover contrast */
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding: 30px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

.single-product .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    max-width: 440px !important;
    /* Elegant maximum cover size */
    margin: 0 auto !important;
}

.single-product .woocommerce-product-gallery__image {
    width: 100% !important;
    display: block !important;
}

/* Realistic 3D Book Shadow Effect */
.single-product .woocommerce-product-gallery__image img.wp-post-image {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px 16px 16px 8px !important;
    display: block !important;
    box-shadow:
        2px 2px 5px rgba(0, 0, 0, 0.05),
        10px 15px 30px rgba(29, 27, 24, 0.18),
        20px 25px 50px rgba(29, 27, 24, 0.15) !important;
    border-left: 2px solid rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.single-product .woocommerce-product-gallery__image:hover img.wp-post-image {
    transform: scale(1.02) translateY(-4px) !important;
    box-shadow:
        2px 2px 5px rgba(0, 0, 0, 0.05),
        12px 20px 35px rgba(29, 27, 24, 0.22),
        25px 30px 60px rgba(29, 27, 24, 0.2) !important;
}

/* Hide zoom/magnifier trigger icon if undesired, or style it beautifully */
.single-product .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 10 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.single-product .woocommerce-product-gallery__trigger:hover {
    transform: scale(1.1) !important;
    background: #1d1b18 !important;
    border-color: #1d1b18 !important;
}

.single-product .woocommerce-product-gallery__trigger img.emoji {
    width: 18px !important;
    height: 18px !important;
}

/* Sale Badge on Single Product Page */
.single-product span.onsale {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    background-color: #d41f22 !important;
    /* Theme Red for attention */
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    border-radius: 30px !important;
    margin: 0 !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.2 !important;
    z-index: 10 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 10px rgba(212, 31, 34, 0.2) !important;
}

/* 4. Product Details Summary (Right Column) */
.single-product .summary.entry-summary {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Product Title */
.single-product h1.product_title.entry-title {
    font-family: "Ruposhi Bangla UI Uni", "Kalpurush", serif !important;
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1d1b18 !important;
    /* Espresso */
    margin: 0 0 15px 0 !important;
    text-align: left !important;
}

@media (max-width: 767px) {
    .single-product h1.product_title.entry-title {
        font-size: 1.8rem !important;
    }
}

/* Price Section */
.single-product .summary .price {
    display: flex !important;
    align-items: baseline !important;
    gap: 15px !important;
    margin: 0 0 25px 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.75rem !important;
    color: #1d1b18 !important;
    line-height: 1 !important;
}

/* Current / Sale Price */
.single-product .summary .price ins,
.single-product .summary .price>.amount {
    color: #d41f22 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Original price (crossed out) */
.single-product .summary .price del {
    color: #8a8a8a !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    text-decoration: line-through !important;
}

/* 5. Book Specific Details (Short Description Block) */
.single-product .woocommerce-product-details__short-description {
    border-top: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding: 24px 0 !important;
    margin: 0 0 30px 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #464036 !important;
}

.single-product .woocommerce-product-details__short-description p {
    margin: 0 0 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.single-product .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0 !important;
}

/* Style labels inside short description like "সম্পাদনা ও ভূমিকা" */
.single-product .woocommerce-product-details__short-description strong {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1d1b18 !important;
}

/* 6. Cart Form & Add to Cart/Buy Now Button */
.single-product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 0 0 35px 0 !important;
    flex-wrap: wrap !important;
}

/* Quantity input styling matching overall premium look */
.single-product form.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #f7e9d0 !important;
    /* Theme Warm Cream */
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    position: relative !important;
    height: 52px !important;
    width: 130px !important;
    box-sizing: border-box !important;
    justify-content: space-between !important;
}

.single-product form.cart .quantity input.qty {
    border: none !important;
    background: transparent !important;
    color: #1d1b18 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    width: 50px !important;
    padding: 0 !important;
    height: 100% !important;
    outline: none !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
}

.single-product form.cart .quantity input.qty::-webkit-outer-spin-button,
.single-product form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Plus/Minus triggers */
.single-product form.cart .quantity .q_inc,
.single-product form.cart .quantity .q_dec {
    cursor: pointer !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1d1b18 !important;
    font-weight: bold !important;
    font-size: 20px !important;
    user-select: none !important;
    transition: opacity 0.2s ease !important;
}

.single-product form.cart .quantity .q_inc::before {
    content: "+" !important;
}

.single-product form.cart .quantity .q_dec::before {
    content: "-" !important;
}

.single-product form.cart .quantity .q_inc:hover,
.single-product form.cart .quantity .q_dec:hover {
    opacity: 0.5 !important;
}

/* Add to Cart / Buy Now Button */
.single-product button.single_add_to_cart_button.button {
    background-color: #43280d !important;
    /* Espresso */
    color: #f7e9d0 !important;
    /* Warm Cream */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 0 40px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    height: 52px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 200px !important;
    letter-spacing: 0.5px !important;
}

.single-product button.single_add_to_cart_button.button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(29, 27, 24, 0.12) !important;
}

/* 7. Product Meta Details (Category, Product ID) */
.single-product .product_meta {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: #8a8a8a !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-top: 1px solid rgba(29, 27, 24, 0.05) !important;
    padding-top: 20px !important;
}

.single-product .product_meta span {
    display: block !important;
}

.single-product .product_meta a {
    color: #1d1b18 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.single-product .product_meta a:hover {
    color: #d41f22 !important;
}

.single-product .product_meta .product_id span {
    color: #1d1b18 !important;
    font-weight: 600 !important;
}

/* 8. Tabs Section (Reviews) */
.single-product .woocommerce-tabs {
    margin-top: 0px !important;
    border-top: none !important;
    padding-top: 0px !important;
}

.single-product .woocommerce-tabs ul.tabs {
    list-style: none !important;
    margin: 0 0 35px 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 40px !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    display: block !important;
    padding: 0 0 15px 0 !important;
    position: relative !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    font-family: "Cormorant Garamond", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #8a8a8a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    outline: none !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
    color: #1d1b18 !important;
}

.single-product .woocommerce-tabs ul.tabs li.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    right: 0 !important;
    height: 2.5px !important;
    background-color: #1d1b18 !important;
}

/* Tab Panels Content Styling */
.single-product .woocommerce-Tabs-panel {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    line-height: 1.8 !important;
    color: #464036 !important;
    font-size: 16px !important;
}

.single-product .woocommerce-Tabs-panel h2 {
    font-family: "Cormorant Garamond", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", serif !important;
    font-size: 1.85rem !important;
    color: #1d1b18 !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
}

/* 9. Reviews Form & Review Cards */
.single-product #comments .woocommerce-noreviews {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    color: #8a8a8a !important;
    font-size: 15px !important;
}

.single-product .comment-respond {
    background-color: #f7e9d0 !important;
    /* Warm Cream */
    border: 1px solid rgba(29, 27, 24, 0.08) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    margin-top: 40px !important;
    box-sizing: border-box !important;
}

.single-product .comment-respond .comment-reply-title {
    font-family: "Cormorant Garamond", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", serif !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    display: block !important;
    margin-bottom: 25px !important;
}

/* Review Star Ratings Styling */
.single-product .comment-form-rating {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

.single-product .comment-form-rating label {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #1d1b18 !important;
}

.single-product p.stars {
    margin: 0 !important;
    line-height: 1 !important;
}

.single-product p.stars a {
    color: #d41f22 !important;
    /* Theme Accent Red for stars */
    font-size: 16px !important;
    text-decoration: none !important;
    margin-right: 5px !important;
}

.single-product p.stars a::before {
    color: #d41f22 !important;
}

/* Input elements inside comment form */
.single-product .comment-form textarea,
.single-product .comment-form input[type="text"],
.single-product .comment-form input[type="email"] {
    background: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 15px !important;
    color: #1d1b18 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
    outline: none !important;
}

.single-product .comment-form textarea:focus,
.single-product .comment-form input:focus {
    border-color: #1d1b18 !important;
}

/* Comment Form Privacy Agreement Box */
.single-product .comment-form .comments_i_agree_privacy_policy {
    margin-top: 15px !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 14px !important;
    color: #464036 !important;
}

.single-product .comment-form .comments_i_agree_privacy_policy input {
    margin-right: 8px !important;
    cursor: pointer !important;
}

/* Submit Review Button */
.single-product .comment-form input[type="submit"] {
    background-color: #43280d !important;
    /* Espresso */
    color: #f7e9d0 !important;
    /* Warm Cream */
    font-family: "Cormorant Garamond", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 0 45px !important;
    height: 50px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.single-product .comment-form input[type="submit"]:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* 10. Related Products Section */
.single-product section.related.products {
    margin-top: 80px !important;
    border-top: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding-top: 60px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.single-product section.related.products>h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin-bottom: 40px !important;
    text-align: center !important;
}

/* Related Products Card Width Fix */
.single-product section.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.single-product section.related.products ul.products li.product,
.woocommerce .single-product section.related.products ul.products[class*="columns-"] li.product,
.woocommerce-page .single-product section.related.products ul.products[class*="columns-"] li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.single-product section.related.products ul.products li.product .post_item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    .single-product section.related.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    .single-product section.related.products ul.products {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* ==========================================================================
   WOOCOMMERCE CART PAGE CUSTOM STYLING (MANDAS BRANDING)
   ========================================================================== */

/* 1. Page Padding */
.woocommerce-cart .page_content_wrap {
    padding-left: 80px !important;
    padding-right: 80px !important;
    padding-top: 50px !important;
    padding-bottom: 80px !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    .woocommerce-cart .page_content_wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 30px !important;
    }
}

/* 2. Responsive Side-by-Side Grid Layout (Desktop) */
@media (min-width: 992px) {
    .woocommerce-cart .woocommerce {
        display: grid !important;
        grid-template-columns: 6.5fr 3.5fr !important;
        gap: 40px !important;
        align-items: start !important;
    }

    .woocommerce-cart .woocommerce-cart-form {
        grid-column: 1 / 2 !important;
        margin-bottom: 0 !important;
    }

    .woocommerce-cart .cart-collaterals {
        grid-column: 2 / 3 !important;
        width: 100% !important;
        margin-top: 0 !important;
    }
}

/* 3. Cart Shop Table Styling */
.woocommerce-cart table.shop_table.cart {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    /* Elegant row gaps */
    border: none !important;
    background: transparent !important;
    width: 100% !important;
}

.woocommerce-cart table.shop_table.cart thead th {
    background-color: #1d1b18 !important;
    /* Espresso */
    color: #f7e9d0 !important;
    /* Warm Cream */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-cart table.shop_table.cart thead th:first-child {
    border-radius: 12px 0 0 12px !important;
}

.woocommerce-cart table.shop_table.cart thead th:last-child {
    border-radius: 0 12px 12px 0 !important;
}

.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.woocommerce-cart table.shop_table.cart tbody tr.cart_item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(29, 27, 24, 0.06) !important;
}

.woocommerce-cart table.shop_table.cart tbody td {
    padding: 20px !important;
    border: none !important;
    border-top: 1px solid rgba(29, 27, 24, 0.06) !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.06) !important;
    vertical-align: middle !important;
}

.woocommerce-cart table.shop_table.cart tbody td:first-child {
    border-left: 1px solid rgba(29, 27, 24, 0.06) !important;
    border-radius: 16px 0 0 16px !important;
}

.woocommerce-cart table.shop_table.cart tbody td:last-child {
    border-right: 1px solid rgba(29, 27, 24, 0.06) !important;
    border-radius: 0 16px 16px 0 !important;
}

/* 4. Product Row Item Details */
/* Thumbnail */
.woocommerce-cart table.shop_table.cart td.product-thumbnail img {
    width: 65px !important;
    height: auto !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08) !important;
    display: inline-block !important;
}

/* Product Title Link */
.woocommerce-cart table.shop_table.cart td.product-name a {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    transition: color 0.2s ease !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a:hover {
    color: #d41f22 !important;
    /* Accent Red */
}

/* Price & Subtotal text formatting */
.woocommerce-cart table.shop_table.cart td.product-price,
.woocommerce-cart table.shop_table.cart td.product-subtotal {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    font-size: 16px !important;
}

.woocommerce-cart table.shop_table.cart td.product-subtotal .amount {
    color: #d41f22 !important;
    /* Theme Red for line total */
}

/* Remove button */
.woocommerce-cart table.shop_table.cart td.product-remove a.remove {
    color: #d41f22 !important;
    background-color: rgba(212, 31, 34, 0.06) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover {
    background-color: #d41f22 !important;
    color: #ffffff !important;
}

/* Quantity inputs */
.woocommerce-cart table.shop_table.cart td.product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #f7e9d0 !important;
    /* Warm Cream */
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 10px !important;
    padding: 0 8px !important;
    height: 40px !important;
    width: 100px !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.woocommerce-cart table.shop_table.cart td.product-quantity .quantity input.qty {
    border: none !important;
    background: transparent !important;
    color: #1d1b18 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
    width: 35px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 5. Coupon and Action Buttons Row */
.woocommerce-cart table.shop_table.cart td.actions {
    background-color: transparent !important;
    border: none !important;
    padding: 20px 0 !important;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon {
    display: inline-flex !important;
    gap: 12px !important;
    align-items: center !important;
}

.woocommerce-cart table.shop_table.cart td.actions .coupon input#coupon_code {
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    background-color: #ffffff !important;
    color: #1d1b18 !important;
    font-family: 'DM Sans', sans-serif !important;
    width: 180px !important;
    height: 46px !important;
    box-sizing: border-box !important;
    outline: none !important;
    font-size: 14px !important;
}

.woocommerce-cart table.shop_table.cart td.actions button.button {
    background-color: #43280d !important;
    /* Espresso */
    color: #f7e9d0 !important;
    /* Warm Cream */
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 0 25px !important;
    border-radius: 12px !important;
    border: 1px solid #43280d !important;
    height: 46px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-cart table.shop_table.cart td.actions button.button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* Customize Update Cart button style to look secondary */
.woocommerce-cart table.shop_table.cart td.actions button[name="update_cart"] {
    float: right !important;
    background-color: transparent !important;
    color: #43280d !important;
    border: 1px solid #43280d !important;
}

.woocommerce-cart table.shop_table.cart td.actions button[name="update_cart"]:hover {
    background-color: #43280d !important;
    color: #f7e9d0 !important;
}

/* 6. Cart Totals Box (Right Side) */
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #f7e9d0 !important;
    /* Warm Cream box */
    border: 1px solid rgba(29, 27, 24, 0.08) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.65rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding-bottom: 10px !important;
    text-transform: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 25px !important;
    background: transparent !important;
    border: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tr {
    border-bottom: 1px solid rgba(29, 27, 24, 0.06) !important;
    background: transparent !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive th,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive td {
    padding: 15px 0 !important;
    background: transparent !important;
    border: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    color: #1d1b18 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive th {
    font-weight: 700 !important;
    text-align: left !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive td {
    text-align: right !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tr.order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tr.order-total td {
    font-size: 18px !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table.shop_table_responsive tr.order-total td .amount {
    color: #d41f22 !important;
    /* Accent Red for final checkout total */
}

/* Proceed to Checkout Button */
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
    background-color: #43280d !important;
    /* Espresso button background */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(29, 27, 24, 0.1) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #3d3d3d !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(29, 27, 24, 0.15) !important;
}

/* ==========================================================================
   MANDAS CUSTOM TABBED LOGIN/SIGNUP STYLING
   ========================================================================== */

/* Outer Auth Card Wrapper */
.mandas-auth-card {
    max-width: 520px !important;
    margin: 60px auto !important;
    background-color: #ffffff !important;
    border: 1px solid var(--wp--preset--color--theme-color-bd-color, rgba(29, 27, 24, 0.12)) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 35px rgba(29, 27, 24, 0.05) !important;
    box-sizing: border-box !important;
}

/* Tabs Navigation Bar */
.mandas-auth-tabs {
    display: flex !important;
    width: 100% !important;
    border-bottom: 1px solid var(--wp--preset--color--theme-color-bd-color, rgba(29, 27, 24, 0.1)) !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--wp--preset--color--theme-color-bg-color-2, #F1EFE3) !important;
}

/* Auth Tab Button */
.mandas-auth-tab {
    flex: 1 !important;
    background: var(--wp--preset--color--theme-color-bg-color-2, #F1EFE3) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 20px 10px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
}

/* Active Tab Styles (Design System Aligned) */
.mandas-auth-tab.active {
    background-color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    /* Espresso/Dark action background */
    color: var(--wp--preset--color--theme-color-bg-color, #f7e9d0) !important;
    /* Warm Cream text */
}

.mandas-auth-tab:not(.active):hover {
    background-color: var(--wp--preset--color--theme-color-bg-color, #fcfbf7) !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
}

/* Content Container Padding */
.mandas-auth-content {
    padding: 40px 35px 35px 35px !important;
    background-color: #ffffff !important;
}

/* Force Form Elements Backgrounds to White and Remove Box Border/Padding */
.mandas-auth-content form.woocommerce-form-login,
.mandas-auth-content form.woocommerce-form-register {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    /* Override any theme-set hardcoded height */
}

/* Hide Default WooCommerce Grid Display */
.mandas-auth-card #customer_login {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mandas-auth-card #customer_login .col-1,
.mandas-auth-card #customer_login .col-2 {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tab Toggle Hide/Show Rules */
.mandas-auth-card.show-login #customer_login .col-2 {
    display: none !important;
}

.mandas-auth-card.show-login #customer_login .col-1 {
    display: block !important;
}

.mandas-auth-card.show-register #customer_login .col-1 {
    display: none !important;
}

.mandas-auth-card.show-register #customer_login .col-2 {
    display: block !important;
}

/* Hide WooCommerce Default Form Headings */
.mandas-auth-card #customer_login h2 {
    display: none !important;
}

/* Welcome Headers styling */
.mandas-auth-header {
    margin-bottom: 30px !important;
    text-align: left !important;
}

.mandas-auth-sub {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.mandas-auth-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.25 !important;
}

.mandas-auth-desc {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Input Fields styling */
.mandas-auth-content form .form-row {
    margin-bottom: 20px !important;
}

.mandas-auth-content form .form-row label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.mandas-auth-content form .form-row input.input-text {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid var(--wp--preset--color--theme-color-bd-color, rgba(29, 27, 24, 0.15)) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    height: 48px !important;
}

.mandas-auth-content form .form-row input.input-text:focus {
    border-color: var(--wp--preset--color--theme-color-link, #d2a66f) !important;
    box-shadow: 0 0 0 3px rgba(210, 166, 111, 0.15) !important;
}

/* WooCommerce Password Field wrapper & Show/Hide Eye toggle */
.mandas-auth-content .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.mandas-auth-content .password-input input {
    padding-right: 48px !important;
}

.mandas-auth-content .show-password-input {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    outline: none !important;
}

/* Privacy policy text at registration */
.mandas-auth-content .woocommerce-privacy-policy-text {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--wp--preset--color--theme-color-meta, #8a8a8a) !important;
    margin-bottom: 20px !important;
}

.mandas-auth-content .woocommerce-privacy-policy-text a {
    color: var(--wp--preset--color--theme-color-link, #d2a66f) !important;
    text-decoration: none !important;
}

.mandas-auth-content .woocommerce-privacy-policy-text a:hover {
    color: var(--wp--preset--color--theme-color-hover, #ad895d) !important;
}

/* Form Action Row adjustments (Remember me and Submit button) */
.mandas-auth-content form .form-row-wide {
    width: 100% !important;
}

.mandas-auth-content form label.woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    cursor: pointer !important;
    margin-bottom: 20px !important;
}

.mandas-auth-content form label.woocommerce-form-login__rememberme input {
    margin-right: 8px !important;
}

/* Submit Buttons styling (Large, Center-focused) */
.mandas-auth-content form button[type="submit"] {
    width: 100% !important;
    background-color: var(--wp--preset--color--theme-color-title, #43280d) !important;
    /* Espresso Accent */
    color: var(--wp--preset--color--theme-color-bg-color, #f7e9d0) !important;
    /* Warm Cream Text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    height: 52px !important;
    border: 1px solid var(--wp--preset--color--theme-color-title, #43280d) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.mandas-auth-content form button[type="submit"]:hover {
    background-color: var(--wp--preset--color--theme-color-link, #d2a66f) !important;
    /* Gold Hover Accent */
    border-color: var(--wp--preset--color--theme-color-link, #d2a66f) !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    box-shadow: 0 4px 15px rgba(210, 166, 111, 0.2) !important;
}

/* Lost Password Link styling */
.mandas-auth-content .lost_password {
    text-align: center !important;
    margin-top: 20px !important;
    font-family: 'DM Sans', sans-serif !important;
}

.mandas-auth-content .lost_password a {
    color: var(--wp--preset--color--theme-color-link, #d2a66f) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mandas-auth-content .lost_password a:hover {
    color: var(--wp--preset--color--theme-color-hover, #ad895d) !important;
}

/* Responsive Overrides */

/* Header User Icon Auth Label Styling */
.elementor-widget-icon-box .elementor-icon-box-icon a.mandas-header-account-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    border: 1px solid #43280d !important;
    /* Border around it of color #43280d */
    padding: 8px 18px !important;
    /* Spacing */
    border-radius: 30px !important;
    /* Pill style */
    transition: all 0.3s ease !important;
}

.mandas-header-auth-label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--theme-color-title, #1d1b18) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    transition: color 0.3s ease !important;
}

/* Hover effects for the bordered button */
.elementor-widget-icon-box:hover a.mandas-header-account-link {
    background-color: var(--wp--preset--color--theme-color-title, #43280d) !important;
    border-color: var(--wp--preset--color--theme-color-title, #43280d) !important;
}

.elementor-widget-icon-box:hover .mandas-header-auth-label {
    color: var(--wp--preset--color--theme-color-bg-color, #f7e9d0) !important;
    /* Switch to cream text */
}

/* Make sure the user SVG icon inherits color/stroke correctly on hover */
.elementor-widget-icon-box a.mandas-header-account-link svg {
    transition: stroke 0.3s ease !important;
}

.elementor-widget-icon-box:hover a.mandas-header-account-link svg {
    stroke: var(--wp--preset--color--theme-color-bg-color, #f7e9d0) !important;
    /* Light stroke on hover */
}

/* Mobile responsive label hiding and border removal if space is tight */
@media (max-width: 480px) {
    .mandas-header-auth-label {
        display: none !important;
        /* Only show user icon on extremely small screens */
    }

    .elementor-widget-icon-box .elementor-icon-box-icon a.mandas-header-account-link {
        border: none !important;
        padding: 0 !important;
        background: transparent !important;
    }
}

/* ==========================================================================
   MANDAS SHOP AND ARCHIVE PAGE SIDEBAR LAYOUT
   ========================================================================== */
.mandas-shop-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 40px !important;
    /* Space between sidebar and products list */
    width: 100% !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* Sidebar taking 20% width */
.mandas-shop-sidebar {
    flex: 0 0 20% !important;
    width: 20% !important;
    max-width: 20% !important;
    box-sizing: border-box !important;
    background-color: #f7e9d0 !important;
    /* Warm Cream to match cards */
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 20px !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    position: sticky !important;
    top: 120px !important;
    /* Sticky sidebar on scroll */
    z-index: 99 !important;
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
}

.mandas-shop-sidebar::-webkit-scrollbar {
    width: 6px !important;
}

.mandas-shop-sidebar::-webkit-scrollbar-track {
    background: transparent !important;
}

.mandas-shop-sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(29, 27, 24, 0.15) !important;
    border-radius: 10px !important;
}

/* Content area taking remaining width */
.mandas-shop-content {
    flex: 1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Force children of content area to stack vertically and take 100% width */
.mandas-shop-content-header,
.mandas-shop-content ul.products,
.mandas-shop-content .woocommerce-pagination,
.mandas-shop-content .woocommerce-notices-wrapper,
.mandas-shop-content .literature_shop_mode_buttons {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Content header row with flex to align count and ordering side-by-side */
.mandas-shop-content-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

.mandas-shop-content-header .woocommerce-result-count {
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
}

.mandas-shop-content-header .woocommerce-ordering {
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
}

/* Filters wrapper style */
.mandas-shop-filters-wrap {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 0px !important;
}

.mandas-filter-group {
    margin-bottom: 8px !important;
}

.mandas-filter-group:last-child {
    margin-bottom: 0 !important;
}

/* Increase dropdown options max-height to see more category values at once */
.chosen-container .chosen-results,
.select2-container .select2-results__options {
    max-height: 450px !important;
}

@media (min-width: 1025px) {
    .mandas-shop-filters-wrap {
        display: flex !important;
        /* Force always show on desktop */
    }
}

/* Adjust columns in products grid to fit 3 columns when sidebar is active */
@media (min-width: 1201px) {
    .mandas-shop-layout ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        /* 3 columns layout as shown in mockup */
        gap: 25px !important;
    }
}

/* Clear margins/styles inside sidebar WOOF containers */
.mandas-shop-sidebar .woof_container {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mandas-shop-sidebar .woof_submit_search_form_container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

.mandas-shop-sidebar .woof_submit_search_form_container>* {
    width: 100% !important;
}

/* Pagination container alignment inside shop content */
.mandas-shop-content .woocommerce-pagination {
    text-align: center !important;
    margin-top: 50px !important;
    margin-bottom: 30px !important;
    display: block !important;
    width: 100% !important;
}

.mandas-shop-content .woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Header section (breadcrumb & title) alignment */
.list_products_header {
    padding: 20px 80px !important;
    box-sizing: border-box !important;
}

/* On mobile/tablet screens, toggle layout to stacked */
@media (max-width: 1024px) {
    .list_products_header {
        padding: 20px !important;
    }

    .mandas-shop-layout {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .mandas-shop-sidebar {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        /* Disable sticky on mobile */
        padding: 14px 20px !important;
        /* Tighter padding when collapsed */
        border-radius: 12px !important;
        transition: padding 0.3s ease !important;
    }

    .mandas-shop-sidebar.is-expanded {
        padding: 24px 20px !important;
        /* Full padding when expanded */
    }

    .mandas-shop-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Filters wrapper and title interactive styles on mobile/tablet */
    .mandas-shop-filters-wrap {
        display: none;
        /* Collapse by default on mobile/tablet */
    }

    .mandas-sidebar-title {
        font-size: 1.25rem !important;
        cursor: pointer !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: none !important;
        transition: margin-bottom 0.3s ease !important;
    }

    .mandas-shop-sidebar.is-expanded .mandas-sidebar-title {
        margin-bottom: 20px !important;
        /* Restore margin when expanded */
        padding-bottom: 10px !important;
        border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
    }

    .mandas-sidebar-title::after {
        content: '▼' !important;
        font-size: 0.7rem !important;
        color: #1d1b18 !important;
        opacity: 0.6 !important;
        transition: transform 0.3s ease !important;
        transform: rotate(0deg);
    }

    .mandas-shop-sidebar.is-expanded .mandas-sidebar-title::after {
        transform: rotate(180deg) !important;
    }

    /* Inline sorting and count on mobile/tablet */
    .mandas-shop-content-header {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 15px !important;
    }

    .mandas-shop-content-header .woocommerce-result-count {
        font-size: 0.9rem !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .mandas-shop-content-header .woocommerce-ordering {
        margin: 0 !important;
    }

    .mandas-shop-content-header .woocommerce-ordering select.orderby {
        font-size: 0.85rem !important;
        padding: 8px 30px 8px 12px !important;
        max-width: 170px !important;
        width: auto !important;
        height: auto !important;
        line-height: normal !important;
    }
}

/* Single Product Page spacing */
.single-product .post_item_single {
    padding: 20px 80px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    .single-product .post_item_single {
        padding: 20px !important;
    }
}

/* ==========================================================================
   FEATURED CATEGORIES SECTION & SHOW MORE COLLAPSE SYSTEM
   ========================================================================== */

/* 1. Main Grid Setup for Wrapper */
.featured-cat-img-wrapper {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    flex-wrap: nowrap !important;
    /* Override Elementor flex defaults */
    flex-direction: row !important;
    overflow: visible !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* 2. Grid Item Spacing and Hover Effects */
.featured-cat-img-wrapper>div {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #f7e9d0 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 5px !important;
    /* 5px padding all around the image */
    box-sizing: border-box !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease !important;
    cursor: pointer;
}

.featured-cat-img-wrapper>div img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    /* Conforms nicely with 5px padding */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Premium Card hover lifts and shadows */
.featured-cat-img-wrapper>div:hover {
    transform: translateY(-6px) !important;
    background-color: #ebdcb9 !important;
    /* Slightly darker warm cream on hover */
    box-shadow: 0 12px 24px rgba(29, 27, 24, 0.12) !important;
}

/* 3. Collapse/Show-More state CSS rules (Responsive Hiding after 1st row) */
/* Collapse is active by default (no .expanded and no .no-collapse class) */
.featured-cat-img-wrapper:not(.expanded):not(.no-collapse)>div:not(.featured-cat-toggle-card) {
    display: none !important;
}

@media (min-width: 1201px) {

    /* Desktop: 7 columns. Show first 6 categories + toggle card by default */
    .featured-cat-img-wrapper:not(.expanded):not(.no-collapse)>div:nth-child(-n+6) {
        display: flex !important;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .featured-cat-img-wrapper {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 16px !important;
    }

    /* Laptop: 5 columns. Show first 4 categories + toggle card by default */
    .featured-cat-img-wrapper:not(.expanded):not(.no-collapse)>div:nth-child(-n+4) {
        display: flex !important;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .featured-cat-img-wrapper {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 12px !important;
    }

    /* Tablet: 4 columns. Show first 3 categories + toggle card by default */
    .featured-cat-img-wrapper:not(.expanded):not(.no-collapse)>div:nth-child(-n+3) {
        display: flex !important;
    }
}

@media (max-width: 480px) {
    .featured-cat-img-wrapper {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }

    /* Mobile: 3 columns. Show first 2 categories + toggle card by default */
    .featured-cat-img-wrapper:not(.expanded):not(.no-collapse)>div:nth-child(-n+2) {
        display: flex !important;
    }
}

/* 4. Fade-in animation for revealed elements */
@keyframes fadeInCat {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 1201px) {
    .featured-cat-img-wrapper.expanded>div:nth-child(n+7) {
        animation: fadeInCat 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .featured-cat-img-wrapper.expanded>div:nth-child(n+5) {
        animation: fadeInCat 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
}

@media (max-width: 768px) and (min-width: 481px) {
    .featured-cat-img-wrapper.expanded>div:nth-child(n+4) {
        animation: fadeInCat 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
}

@media (max-width: 480px) {
    .featured-cat-img-wrapper.expanded>div:nth-child(n+3) {
        animation: fadeInCat 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
}

/* 5. Toggle Card Styling (Grid Card style) */
.featured-cat-toggle-card {
    background-color: #f7e9d0 !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease !important;
    height: 100% !important;
    /* Stretch to fill row height naturally */
    min-height: 80px !important;
    /* Ensure it has a nice minimal presence on smaller screens */
}

.featured-cat-toggle-card:hover {
    background-color: #ebdcb9 !important;
    /* Slightly darker warm cream on hover */
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 24px rgba(29, 27, 24, 0.12) !important;
}

.toggle-card-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: left !important;
    color: #1d1b18 !important;
    width: 100% !important;
    height: 100% !important;
}

.toggle-text-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

.toggle-card-title {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    color: #1d1b18 !important;
}

.toggle-text-wrap .brush-stroke {
    width: 60px !important;
    height: 4px !important;
    margin-top: 1px !important;
    opacity: 0.95 !important;
}

.featured-cat-toggle-card .chevron-icon {
    flex-shrink: 0 !important;
    color: #1d1b18 !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.featured-cat-img-wrapper.expanded .featured-cat-toggle-card .chevron-icon {
    transform: rotate(180deg) !important;
}

/* ==========================================================================
   6. MINI-CART PANEL WIDGET DESIGN SYSTEM INTEGRATION
   ========================================================================== */
/* Main Widget Panel Container */
.sc_layouts_cart_panel_widget,
.sc_layouts_cart_panel_widget .widget_shopping_cart {
    background-color: #f7e9d0 !important;
    /* Warm Cream background */
    color: #1d1b18 !important;
    padding: 0 !important;
    /* Get rid of outer padding completely */
}

/* Cart Panel Header */
.sc_layouts_cart_panel_header {
    border-bottom: 2px solid rgba(29, 27, 24, 0.1) !important;
    padding: 24px 16px 16px 16px !important;
    /* Balanced header padding */
    margin-bottom: 15px !important;
}

.widget_shopping_cart_content {
    padding: 0 16px 24px 16px !important;
    /* Balanced inner content padding */
}

.sc_layouts_cart_panel_title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.65rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    /* Keep text & badge together */
    gap: 10px !important;
    /* Small gap between text and badge */
    width: 100% !important;
}

/* Close Button in Header */
.sc_layouts_cart_panel_close_btn {
    background: none !important;
    border: none !important;
    color: #1d1b18 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background-color: rgba(29, 27, 24, 0.05) !important;
    transition: all 0.2s ease !important;
    margin-left: auto !important;
    /* Push it to the far right of the title */
}

.sc_layouts_cart_panel_close_btn:hover {
    background-color: #d41f22 !important;
    color: #ffffff !important;
}

/* Cart Items Count Badge */
.sc_layouts_cart_items_short {
    background-color: #d41f22 !important;
    /* Theme Red Accent */
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    min-width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Cart List */
ul.woocommerce-mini-cart {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Individual Cart Item Card */
li.woocommerce-mini-cart-item {
    position: relative !important;
    background-color: #ffffff !important;
    /* White item card */
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    /* Decreased gap between cards */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    display: flex !important;
    align-items: center !important;
}

li.woocommerce-mini-cart-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(29, 27, 24, 0.06) !important;
}

/* Item Inner Wrapper */
.trx_addons_sc_layouts_cart_mini_cart_item_inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
}

/* Remove button placement & style */
li.woocommerce-mini-cart-item a.remove {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: rgba(29, 27, 24, 0.05) !important;
    color: #1d1b18 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    line-height: 1 !important;
    z-index: 10 !important;
}

li.woocommerce-mini-cart-item a.remove:hover {
    background-color: #d41f22 !important;
    color: #ffffff !important;
}

/* Cart Item Image wrapper */
.trx_addons_sc_layouts_cart_mini_cart_item_link_image {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.trx_addons_sc_layouts_cart_mini_cart_item_link_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Cart Item Details Content */
.trx_addons_sc_layouts_cart_mini_cart_item_content {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-right: 15px !important;
    /* Leave space for remove button */
}

.trx_addons_sc_layouts_cart_mini_cart_item_name {
    font-family: 'Ruposhi Bangla UI Uni', 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1d1b18 !important;
    display: block !important;
    /* Limit title to 2 lines */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Custom quantity & price block */
.mini-cart-qty-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 6px !important;
    width: 100% !important;
}

.mini-cart-qty-btn {
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    background-color: #f7e9d0 !important;
    /* Matches design */
    color: #1d1b18 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.mini-cart-qty-btn:hover {
    background-color: #1d1b18 !important;
    color: #f7e9d0 !important;
    border-color: #1d1b18 !important;
}

.mini-cart-qty-val {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    min-width: 14px !important;
    text-align: center !important;
}

.mini-cart-price {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #d41f22 !important;
    /* Theme Red for Price */
    margin-left: auto !important;
    /* Push price to the right */
}

/* Hide fallback native quantity layout */
.woocommerce-mini-cart-item .quantity {
    display: block !important;
    width: 100% !important;
}

/* Subtotal Section */
.widget_shopping_cart p.total {
    border-top: 2px solid rgba(29, 27, 24, 0.1) !important;
    border-bottom: 2px solid rgba(29, 27, 24, 0.1) !important;
    padding: 16px 0 !important;
    margin: 20px 0 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.widget_shopping_cart p.total .amount {
    color: #d41f22 !important;
    font-family: 'DM Sans', sans-serif !important;
}

/* Cart Action Buttons */
.widget_shopping_cart p.buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.widget_shopping_cart p.buttons a.button,
.widget_shopping_cart p.buttons button.button,
.widget_shopping_cart p.buttons #btn-1cc-mini-cart {
    flex: 1 1 0% !important;
    /* Force equal width */
    width: 100% !important;
    /* Fills its flex-basis container */
    box-sizing: border-box !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 12px 10px !important;
    /* Equal padding */
    height: 48px !important;
    /* Set equal fixed height */
    border-radius: 12px !important;
    text-align: center !important;
    line-height: 1.4 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure outer wrapper divs for buttons flex correctly in the layout */
.widget_shopping_cart p.buttons>div {
    flex: 1 1 0% !important;
    width: 100% !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* View Cart Button (Light outline style) */
.widget_shopping_cart p.buttons a.button:not(.checkout) {
    background-color: transparent !important;
    color: #43280d !important;
    border: 2px solid #43280d !important;
}

.widget_shopping_cart p.buttons a.button:not(.checkout):hover {
    background-color: #43280d !important;
    color: #f7e9d0 !important;
}

/* Checkout / Buy Now Button (Solid dark style) */
.widget_shopping_cart p.buttons a.button.checkout,
.widget_shopping_cart p.buttons button.checkout,
.widget_shopping_cart p.buttons #btn-1cc-mini-cart {
    background-color: #43280d !important;
    color: #f7e9d0 !important;
    border: 2px solid #43280d !important;
}

.widget_shopping_cart p.buttons a.button.checkout:hover,
.widget_shopping_cart p.buttons button.checkout:hover,
.widget_shopping_cart p.buttons #btn-1cc-mini-cart:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* ==========================================================================
   7. SEARCH RESULTS TEMPLATE DESIGN
   ========================================================================== */
.mandas-search-page-wrap {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.mandas-search-header {
    margin-bottom: 40px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(29, 27, 24, 0.1) !important;
    padding-bottom: 30px !important;
}

.mandas-search-header .search-subtitle {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #8a8a8a !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.mandas-search-title {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 2.75rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.2 !important;
}

.mandas-search-header .search-results-meta {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1rem !important;
    color: #666666 !important;
}

.mandas-search-section {
    margin-bottom: 50px !important;
}

.mandas-search-section .search-section-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    position: relative !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid rgba(29, 27, 24, 0.05) !important;
}

.mandas-search-section .search-section-title::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -2px !important;
    width: 60px !important;
    height: 2px !important;
    background-color: #d41f22 !important;
}

/* Posts / Articles Grid Layout */
.mandas-posts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
}

@media (max-width: 991px) {
    .mandas-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 575px) {
    .mandas-posts-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

.mandas-search-post-card {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    /* 12px corner rounding */
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid transparent !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.mandas-search-post-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(29, 27, 24, 0.06) !important;
}

.mandas-search-post-card .post-card-image {
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    background-color: #f5f5f5 !important;
}

.mandas-search-post-card .post-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.mandas-search-post-card:hover .post-card-image img {
    transform: scale(1.05) !important;
}

.mandas-search-post-card .post-card-body {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.mandas-search-post-card .post-card-date {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: #8a8a8a !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.mandas-search-post-card .post-card-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0 !important;
}

.mandas-search-post-card .post-card-title a {
    color: #1d1b18 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mandas-search-post-card .post-card-title a:hover {
    color: #d41f22 !important;
}

.mandas-search-post-card .post-card-excerpt {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    color: #666666 !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
}

.mandas-search-post-card .post-card-excerpt p {
    margin: 0 !important;
    color: #666666 !important;
}

.mandas-search-post-card .post-card-read-more {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    text-decoration: none !important;
    border-bottom: 2px solid #d41f22 !important;
    align-self: flex-start !important;
    padding-bottom: 2px !important;
    transition: all 0.2s ease !important;
}

.mandas-search-post-card .post-card-read-more:hover {
    color: #d41f22 !important;
    border-bottom-color: #1d1b18 !important;
    padding-left: 4px !important;
}

/* No Results Styling */
.mandas-no-results {
    text-align: center !important;
    padding: 60px 20px !important;
    margin: 0 auto !important;
}

.mandas-no-results .no-results-icon {
    color: #d41f22 !important;
    margin-bottom: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    background-color: rgba(212, 31, 34, 0.05) !important;
    border-radius: 50% !important;
}

.mandas-no-results .no-results-title {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin: 0 0 12px 0 !important;
}

.mandas-no-results .no-results-desc {
    font-family: 'DM Sans', 'Ruposhi Bangla UI Uni', sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #666666 !important;
    margin: 0 0 30px 0 !important;
}

.mandas-no-results .no-results-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.mandas-no-results .mandas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    text-decoration: none;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mandas-no-results .mandas-btn-primary {
    background-color: #43280d !important;
    color: #ffffff !important;
    border: 2px solid #43280d !important;
}

.mandas-no-results .mandas-btn-primary:hover {
    background-color: #d41f22 !important;
    border-color: #d41f22 !important;
    color: #ffffff !important;
}

.mandas-no-results .mandas-btn-secondary {
    background-color: transparent !important;
    color: #43280d !important;
    border: 2px solid #43280d !important;
}

.mandas-no-results .mandas-btn-secondary:hover {
    background-color: #43280d !important;
    border-color: #43280d !important;
    color: #ffffff !important;
}


.wc-block-components-button__text {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 400 !important;
}

.wc-block-cart__submit-button {
    border-radius: 12px;
    background-color: #43280d;
}

/* ==========================================================================
   8. WOOCOMMERCE CHECKOUT PLACE ORDER BUTTON STYLE FIXES
   ========================================================================== */
.woocommerce-checkout #payment #place_order,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions .wc-block-components-button,
.wc-block-checkout__actions button[type="submit"] {
    background-color: #43280d !important;
    border: 2px solid #43280d !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 1.15rem !important;
    font-weight: 400 !important;
    /* Cormorant Garamond Regular */
    text-transform: none !important;
    padding: 15px 30px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(29, 27, 24, 0.1) !important;
}

.woocommerce-checkout #payment #place_order:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions .wc-block-components-button:hover,
.wc-block-checkout__actions button[type="submit"]:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(29, 27, 24, 0.2) !important;
}

/* Ensure inner text span inherits white color and Cormorant Garamond Regular */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.wc-block-components-button.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.wc-block-checkout__actions .wc-block-components-button .wc-block-components-button__text {
    color: #ffffff !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 400 !important;
}

.wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text,
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text,
.wc-block-checkout__actions .wc-block-components-button:hover .wc-block-components-button__text {
    color: #ffffff !important;
}

/* Disabled State Styling */
.woocommerce-checkout #payment #place_order:disabled,
.woocommerce-checkout #payment #place_order[disabled],
.wc-block-components-checkout-place-order-button:disabled,
.wc-block-components-checkout-place-order-button[disabled],
.wc-block-components-button.wc-block-components-checkout-place-order-button:disabled,
.wc-block-components-button.wc-block-components-checkout-place-order-button[disabled],
.wc-block-checkout__actions .wc-block-components-button:disabled,
.wc-block-checkout__actions .wc-block-components-button[disabled] {
    background-color: #e5e0d8 !important;
    border-color: #e5e0d8 !important;
    color: #a39f98 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.wc-block-components-checkout-place-order-button:disabled .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button[disabled] .wc-block-components-button__text,
.wc-block-components-button.wc-block-components-checkout-place-order-button:disabled .wc-block-components-button__text,
.wc-block-components-button.wc-block-components-checkout-place-order-button[disabled] .wc-block-components-button__text,
.wc-block-checkout__actions .wc-block-components-button:disabled .wc-block-components-button__text,
.wc-block-checkout__actions .wc-block-components-button[disabled] .wc-block-components-button__text {
    color: #a39f98 !important;
}

/* Coupon Apply Button Styling in Order Summary Section */
.wc-block-components-totals-coupon__form button,
.wc-block-components-totals-coupon button[type="submit"],
.wc-block-components-totals-coupon button.wc-block-components-button {
    background-color: #43280d !important;
    border: 1px solid #43280d !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.wc-block-components-totals-coupon__form button:hover,
.wc-block-components-totals-coupon button[type="submit"]:hover,
.wc-block-components-totals-coupon button.wc-block-components-button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

.wc-block-components-totals-coupon__form button:disabled,
.wc-block-components-totals-coupon__form button[disabled],
.wc-block-components-totals-coupon button[type="submit"]:disabled,
.wc-block-components-totals-coupon button[type="submit"][disabled],
.wc-block-components-totals-coupon button.wc-block-components-button:disabled,
.wc-block-components-totals-coupon button.wc-block-components-button[disabled] {
    background-color: #e5e0d8 !important;
    border-color: #e5e0d8 !important;
    color: #a39f98 !important;
    cursor: not-allowed !important;
}

.wc-block-components-totals-coupon__form button:disabled .wc-block-components-button__text,
.wc-block-components-totals-coupon button[type="submit"]:disabled .wc-block-components-button__text,
.wc-block-components-totals-coupon button.wc-block-components-button:disabled .wc-block-components-button__text {
    color: #a39f98 !important;
}

.wc-block-components-totals-coupon__form button .wc-block-components-button__text,
.wc-block-components-totals-coupon button[type="submit"] .wc-block-components-button__text,
.wc-block-components-totals-coupon button.wc-block-components-button .wc-block-components-button__text {
    color: #ffffff !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 400 !important;
}

.wc-block-components-totals-coupon__form button:hover .wc-block-components-button__text,
.wc-block-components-totals-coupon button[type="submit"]:hover .wc-block-components-button__text,
.wc-block-components-totals-coupon button.wc-block-components-button:hover .wc-block-components-button__text {
    color: #ffffff !important;
}

/* Apply Cormorant Garamond Regular to Cart Drawer buttons */
.widget_shopping_cart p.buttons a.button,
.woocommerce-mini-cart__buttons a.button,
.wc-block-cart__submit-button,
.wc-block-components-button {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   9. GLOBAL & WOOCOMMERCE TEXT INPUT FOCUS STYLE CORRECTIONS
   ========================================================================== */
/* Global site-wide input focus styling to have #1d1b18 border */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    border-color: #1d1b18 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #1d1b18 !important;
    /* clean 1px border ring */
}

/* WooCommerce block input wrapper focused state styling (entire input area) */
.wc-block-components-text-input:focus-within,
.wc-block-components-text-input.is-focused,
.wc-block-components-text-input--focused,
.wc-block-components-textarea:focus-within,
.wc-block-components-textarea.is-focused,
.wc-block-components-select:focus-within,
.wc-block-components-select.is-focused {
    border-color: #1d1b18 !important;
    box-shadow: 0 0 0 1px #1d1b18 !important;
    outline: none !important;
}

/* Prevent double focus ring on internal inputs inside wrappers */
.wc-block-components-text-input input:focus,
.wc-block-components-textarea textarea:focus,
.wc-block-components-select select:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Fix the focus outline showing on the placeholder/label text */
.wc-block-components-text-input label,
.wc-block-components-text-input .wc-block-components-text-input__label,
.wc-block-components-text-input__label,
.wc-block-components-textarea label,
.wc-block-components-textarea .wc-block-components-textarea__label,
.wc-block-components-text-input:focus-within label,
.wc-block-components-text-input:focus-within .wc-block-components-text-input__label,
.wc-block-components-textarea:focus-within label,
.wc-block-components-textarea:focus-within .wc-block-components-textarea__label {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Responsive Padding for the Search Page Wrap */
.content_wrap.mandas-search-page-wrap {
    padding-left: 80px !important;
    padding-right: 80px !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    .content_wrap.mandas-search-page-wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ==========================================================================
   10. RECTANGULAR BOOK THUMBNAILS IN CART & CHECKOUT
   ========================================================================== */
/* WooCommerce Blocks Cart & Checkout Product Images (including Checkout Order Summary sidebar) */
.wc-block-components-product-image,
.wc-block-components-checkout-order-summary-item__image,
.wc-block-cart-item__image,
.wc-block-components-product-image img,
.wc-block-components-checkout-order-summary-item__image img,
.wc-block-cart-item__image img,
.wc-block-checkout__sidebar .wc-block-components-product-image,
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary-item__image,
.wc-block-checkout__sidebar [class*="product-image"],
.wc-block-checkout__sidebar [class*="summary-item__image"],
.wc-block-checkout__sidebar img,
.wc-block-checkout .wc-block-components-product-image,
.wc-block-checkout .wc-block-components-checkout-order-summary-item__image,
.wc-block-checkout [class*="product-image"],
.wc-block-checkout [class*="summary-item__image"],
.wc-block-checkout img {
    width: 60px !important;
    max-width: 60px !important;
    height: 85px !important;
    max-height: 85px !important;
    aspect-ratio: 1 / 1.4142 !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}

/* Classical Mini-Cart Panel Widget Images */
.trx_addons_sc_layouts_cart_mini_cart_item_link_image,
li.woocommerce-mini-cart-item img {
    width: 60px !important;
    max-width: 60px !important;
    height: 85px !important;
    max-height: 85px !important;
    aspect-ratio: 1 / 1.4142 !important;
    flex-shrink: 0 !important;
}

li.woocommerce-mini-cart-item img {
    object-fit: cover !important;
}

/* Classical Cart and Checkout Table Item Images */
.woocommerce-cart table.shop_table td.product-thumbnail img,
.woocommerce-checkout table.shop_table td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img,
.woocommerce-cart-form td.product-thumbnail img {
    width: 70px !important;
    max-width: 70px !important;
    height: 100px !important;
    max-height: 100px !important;
    aspect-ratio: 1 / 1.4142 !important;
    object-fit: cover !important;
}

/* ==========================================================================
   11. BOOK TITLE TYPOGRAPHY & TRUNCATION IN CART & CHECKOUT
   ========================================================================== */
/* Main Cart Page Product Titles */
.woocommerce-cart table.shop_table td.product-name a,
.woocommerce-cart-form td.product-name a,
.wc-block-cart-item__name,
.wc-block-components-cart-item__name,
.wc-block-components-product-name,
.wc-block-cart-item__name a {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    /* Truncate book title name after 3 lines */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

/* Cart Drawer and Checkout Order Summary Product Titles */
.trx_addons_sc_layouts_cart_mini_cart_item_name,
.woocommerce-mini-cart-item .trx_addons_sc_layouts_cart_mini_cart_item_name,
.wc-block-components-checkout-order-summary-item__name,
.wc-block-components-checkout-order-summary-item .wc-block-components-product-name {
    font-size: 1.05rem !important;
    /* Decreased font size for Drawer & Checkout Summary */
    line-height: 1.3 !important;
    /* Truncate book title name after 3 lines */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

/* ==========================================================================
   12. PRICE & DISCOUNT BADGE SIZING OVERRIDES
   ========================================================================== */
.wc-block-components-order-summary-item__total-price,
.wc-block-cart-item__total-price-and-sale-badge-wrapper,
.wc-block-components-checkout-order-summary-item__price,
.wc-block-components-order-summary-item__total-price .wc-block-components-product-price,
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price,
.wc-block-components-checkout-order-summary-item__price .wc-block-components-product-price {
    font-size: 0.8rem !important;
}

.wc-block-components-order-summary-item__total-price .wc-block-components-sale-badge,
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,
.wc-block-components-checkout-order-summary-item__price .wc-block-components-sale-badge {
    font-size: 0.68rem !important;
    padding: 2px 5px !important;
}

/* ==========================================================================
   13. MOBILE RESPONSIVENESS FIXES FOR CART & CHECKOUT PAGES
   ========================================================================== */
@media (max-width: 600px) {

    /* Prevent price and discount badge columns from shrinking and getting clipped */
    .wc-block-cart-item__price,
    .wc-block-components-product-price,
    .wc-block-components-checkout-order-summary-item__price,
    .wc-block-components-sale-badge,
    .wc-block-components-product-sale-badge,
    .wc-block-components-sale-badge--discount,
    .onsale,
    .wc-block-components-order-summary-item__total-price,
    .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        max-width: none !important;
        font-size: 0.8rem !important;
    }

    .wc-block-components-sale-badge,
    .wc-block-components-product-sale-badge,
    .wc-block-components-sale-badge--discount,
    .onsale {
        padding: 2px 5px !important;
        font-size: 0.7rem !important;
    }

    /* Make the middle text/metadata column flexible so it shrinks first (Checkout Summary) */
    .wc-block-components-checkout-order-summary-item__info,
    .wc-block-components-checkout-order-summary-item__text,
    .wc-block-components-checkout-order-summary-item__details {
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        min-width: 0 !important;
        /* Allow the column to shrink past standard content width */
        overflow: visible !important;
    }

    /* Force the book title text to wrap to multiple lines and make its font size smaller on mobile */
    .wc-block-cart-item__name,
    .wc-block-components-cart-item__name,
    .wc-block-components-product-name,
    .woocommerce-cart table.shop_table td.product-name a,
    .woocommerce-cart-form td.product-name a,
    .wc-block-cart-item__name a {
        white-space: normal !important;
        word-break: break-word !important;
        font-size: 1.05rem !important;
        /* Smaller title font size on mobile screens */
    }

    /* Cart Drawer and Checkout Order Summary smaller mobile font sizes */
    .wc-block-components-checkout-order-summary-item__name,
    .wc-block-components-checkout-order-summary-item .wc-block-components-product-name,
    .trx_addons_sc_layouts_cart_mini_cart_item_name,
    .woocommerce-mini-cart-item .trx_addons_sc_layouts_cart_mini_cart_item_name {
        white-space: normal !important;
        word-break: break-word !important;
        font-size: 0.95rem !important;
        /* Decreased title font size on mobile screens for Drawer & Checkout Summary */
    }

    /* Adjust page side paddings to fit narrow screens */
    .wc-block-cart,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wp-block-woocommerce-checkout {
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    /* Redesign Cart Row Item into a clean Grid layout on Mobile */
    .wc-block-cart-item,
    .wc-block-components-cart-item {
        display: grid !important;
        grid-template-columns: 60px 1fr auto !important;
        grid-template-rows: auto auto !important;
        column-gap: 12px !important;
        row-gap: 8px !important;
        align-items: start !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid rgba(29, 27, 24, 0.08) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Thumbnail spans both rows on the left */
    .wc-block-cart-item__image,
    .wc-block-components-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        margin: 0 !important;
    }

    /* Title info container sits in row 1, middle column */
    .wc-block-cart-item__info,
    .wc-block-components-cart-item__info {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    /* Price container sits in row 1, right column */
    .wc-block-cart-item__price,
    .wc-block-components-cart-item__price,
    .wc-block-cart-item__total {
        grid-column: 3 !important;
        grid-row: 1 !important;
        text-align: right !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
    }

    /* Quantity selector container sits in row 2, spanning middle and right columns */
    .wc-block-cart-item__quantity,
    .wc-block-components-cart-item__quantity {
        grid-column: 2 / span 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hide the duplicate order summary collapsible header/block at the bottom of the checkout on mobile */
    .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-block,
    .wc-block-checkout__actions .checkout-order-summary-block-fill-wrapper,
    .wc-block-checkout__actions .wc-block-components-checkout-order-summary,
    .wc-block-checkout__actions .wc-block-checkout__order-summary-collapsible,
    .wc-block-checkout__actions .wc-block-components-checkout-order-summary-step,
    .wc-block-checkout__actions [class*="order-summary"] {
        display: none !important;
    }
}

/* ==========================================================================
   14. HIDE PRODUCT METADATA/DETAILS IN CHECKOUT ORDER SUMMARY
   ========================================================================== */
.wc-block-checkout .wc-block-components-product-metadata,
.wc-block-checkout__sidebar .wc-block-components-product-metadata,
.wc-block-components-checkout-order-summary-item .wc-block-components-product-metadata,
.wc-block-checkout .wc-block-components-product-details,
.wc-block-checkout__sidebar .wc-block-components-product-details,
.wc-block-components-checkout-order-summary-item .wc-block-components-product-details,
.wc-block-checkout__sidebar dl,
.wc-block-components-checkout-order-summary-item dl {
    display: none !important;
}

/* ==========================================================================
   15. GAP BETWEEN BOOK CARDS IN CHECKOUT ORDER SUMMARY
   ========================================================================== */
.wc-block-components-checkout-order-summary-item {
    margin-bottom: 10px !important;
}

/* ==========================================================================
   16. REDUCE BOTTOM SPACING IN CHECKOUT STEPS
   ========================================================================== */
/* Reduce the gap between checkout steps (e.g. contact fields to shipping address) */
.woocommerce-checkout .wc-block-components-checkout-step,
.woocommerce-checkout .wc-block-checkout__contact-fields,
.woocommerce-checkout .wp-block-woocommerce-checkout-contact-information-block,
.woocommerce-checkout #contact-fields {
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
}

/* Eliminate bottom margin/padding on the inner content area and address form, and hide rogue text spaces like   */
.woocommerce-checkout .wc-block-components-checkout-step__content,
.woocommerce-checkout .wc-block-components-checkout-step__content> :last-child,
.woocommerce-checkout .wc-block-components-address-form,
.woocommerce-checkout .wc-block-components-address-form> :last-child,
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-address-form__email,
.woocommerce-checkout .wc-block-checkout__contact-fields .wc-block-components-text-input {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__content {
    font-size: 0 !important;
    /* Hide rogue text characters like   */
}

.woocommerce-checkout .wc-block-components-checkout-step__content>* {
    font-size: 1rem !important;
    /* Restore normal sizing for children */
}

/* ==========================================================================
   17. FIX CHECKOUT FOOTER VERTICAL SPACING GAP
   ========================================================================== */
.woocommerce-checkout .content_wrap,
.woocommerce-checkout #content,
.woocommerce-checkout .site-content,
.woocommerce-checkout main,
.woocommerce-checkout article,
.woocommerce-checkout .entry-content {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   18. PARENT HEIGHT INHERITS CHILD HEIGHT FOR CHECKOUT FORM
   ========================================================================== */
/* On Desktop, prevent the WooCommerce columns from stretching vertically to match each other */
@media (min-width: 769px) {
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        align-items: flex-start !important;
    }
}

/* On Mobile and Tablet, ensure all checkout columns and Elementor wrappers stack full-width and stretch horizontally */
@media (max-width: 768px) {

    .woocommerce-checkout .wc-block-checkout__main,
    .woocommerce-checkout .wc-block-components-main,
    .woocommerce-checkout .wc-block-checkout__form,
    .woocommerce-checkout .wc-block-components-form,
    .woocommerce-checkout .wc-block-components-sidebar-layout,
    .woocommerce-checkout .elementor-element-3cbbb53c,
    .woocommerce-checkout .elementor-element-3cbbb53c>.elementor-widget-container,
    .woocommerce-checkout .elementor-element-54364ed5,
    .woocommerce-checkout .elementor-element-54364ed5>.e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
        align-self: stretch !important;
        align-items: stretch !important;
        height: auto !important;
    }
}

/* ==========================================================================
   19. REMOVE TOP PADDING OF CHECKOUT BLOCK
   ========================================================================== */
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .wc-block-components-sidebar-layout,
.woocommerce-checkout .elementor-element-3cbbb53c,
.woocommerce-checkout .elementor-widget-text-editor,
.woocommerce-checkout .elementor-widget-text-editor .elementor-widget-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ==========================================================================
   20. LOGGED OUT LOGIN HEADER STYLE RESET
   ========================================================================== */
/* Strip button border, outline, padding, and background styles from the login link when logged out */
.mandas-logged-out-link {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    color: #1d1b18 !important;
    height: 100% !important;
    transform: translateY(2px) !important;
    /* Micro-nudges the block down to align perfectly with the plain header icons */
}



/* ==========================================================================
   21. WOOCOMMERCE ORDER PAY BUTTONS STYLING
   ========================================================================== */
.woocommerce-order-pay .woocommerce-pay-buttons,
.woocommerce-order-pay form#order_review,
.woocommerce-order-pay #payment .form-row {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    margin-top: 25px !important;
}

/* Pay Now (Primary) Button */
.woocommerce-order-pay #payment #place_order,
.woocommerce-order-pay #payment #btn-razorpay,
.woocommerce-order-pay #payment #btn-cashfree,
.woocommerce-order-pay #payment #cf-payment-button,
.woocommerce-order-pay #payment #cashfree_payment_button,
.woocommerce-order-pay #payment .cf-pay-btn,
.woocommerce-order-pay .woocommerce-pay-buttons #place_order,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-razorpay,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-cashfree,
.woocommerce-order-pay .woocommerce-pay-buttons #cf-payment-button,
.woocommerce-order-pay .woocommerce-pay-buttons #cashfree_payment_button,
.woocommerce-order-pay .woocommerce-pay-buttons .cf-pay-btn,
.woocommerce-order-pay .woocommerce-pay-buttons .button.alt,
.woocommerce-order-pay #payment .button.alt {
    background-color: #43280d !important;
    color: #f7e9d0 !important;
    border: 1px solid #43280d !important;
    border-radius: 12px !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 14px 28px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(29, 27, 24, 0.15) !important;
    height: auto !important;
    line-height: 1 !important;
}

.woocommerce-order-pay #payment #place_order:hover,
.woocommerce-order-pay #payment #btn-razorpay:hover,
.woocommerce-order-pay #payment #btn-cashfree:hover,
.woocommerce-order-pay #payment #cf-payment-button:hover,
.woocommerce-order-pay #payment #cashfree_payment_button:hover,
.woocommerce-order-pay #payment .cf-pay-btn:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #place_order:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-razorpay:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-cashfree:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #cf-payment-button:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #cashfree_payment_button:hover,
.woocommerce-order-pay .woocommerce-pay-buttons .cf-pay-btn:hover,
.woocommerce-order-pay .woocommerce-pay-buttons .button.alt:hover,
.woocommerce-order-pay #payment .button.alt:hover {
    background-color: #d41f22 !important;
    border-color: #d41f22 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(212, 31, 34, 0.3) !important;
}

/* Cancel (Secondary Outline) Button */
.woocommerce-order-pay .woocommerce-pay-buttons .cancel,
.woocommerce-order-pay .woocommerce-pay-buttons a.button.cancel,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-razorpay-cancel,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-cashfree-cancel,
.woocommerce-order-pay .woocommerce-pay-buttons #cf-cancel-button,
.woocommerce-order-pay #btn-razorpay-cancel,
.woocommerce-order-pay #btn-cashfree-cancel,
.woocommerce-order-pay #cf-cancel-button,
.woocommerce-order-pay a.cancel {
    background-color: transparent !important;
    color: #43280d !important;
    border: 1px solid #43280d !important;
    border-radius: 12px !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 14px 28px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    height: auto !important;
    line-height: 1 !important;
}

.woocommerce-order-pay .woocommerce-pay-buttons .cancel:hover,
.woocommerce-order-pay .woocommerce-pay-buttons a.button.cancel:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-razorpay-cancel:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #btn-cashfree-cancel:hover,
.woocommerce-order-pay .woocommerce-pay-buttons #cf-cancel-button:hover,
.woocommerce-order-pay #btn-razorpay-cancel:hover,
.woocommerce-order-pay #btn-cashfree-cancel:hover,
.woocommerce-order-pay #cf-cancel-button:hover,
.woocommerce-order-pay a.cancel:hover {
    background-color: #43280d !important;
    border-color: #43280d !important;
    color: #f7e9d0 !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 600px) {

    .woocommerce-order-pay .woocommerce-pay-buttons,
    .woocommerce-order-pay form#order_review,
    .woocommerce-order-pay #payment .form-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .woocommerce-order-pay #place_order,
    .woocommerce-order-pay #btn-razorpay,
    .woocommerce-order-pay #btn-cashfree,
    .woocommerce-order-pay .cancel,
    .woocommerce-order-pay #btn-razorpay-cancel,
    .woocommerce-order-pay #btn-cashfree-cancel {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   22. CUSTOM AUTHENTICATION CARD (LOGIN/REGISTER) STYLING
   ========================================================================== */
/* Reduce spacing at the top of the My Account page */
.woocommerce-account .site-content,
.woocommerce-account .content_wrap,
.woocommerce-account article,
.woocommerce-account .entry-content,
.woocommerce-account main,
.woocommerce-account .page_content_wrap {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

.mandas-auth-card {
    max-width: 440px !important;
    margin: 20px auto 50px auto !important;
    /* Reduced top margin to decrease spacing */
    background-color: #fdfaf4 !important;
    /* Light warm cream card background */
    border: 1px solid rgba(29, 27, 24, 0.08) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    box-shadow: 0 15px 35px rgba(29, 27, 24, 0.04) !important;
    box-sizing: border-box !important;
}

/* Mobile responsive styles for the authentication card */
@media (max-width: 767px) {

    /* Remove padding from parent wrappers to control spacing purely via the card itself */
    .e-con:has(.mandas-auth-card),
    .e-con-inner:has(.mandas-auth-card),
    .account-wrapper:has(.mandas-auth-card),
    .e-my-account-tab:has(.mandas-auth-card),
    .woocommerce:has(.mandas-auth-card) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mandas-auth-card {
        width: auto !important;
        max-width: 100% !important;
        margin: 20px !important;
        /* 20px space around the card */
        padding: 20px !important;
        /* 20px inner padding */
        border-radius: 12px !important;
        /* 12px corner rounding */
        border: 1px solid rgba(29, 27, 24, 0.08) !important;
        /* Restore border */
    }
}

/* Base background for logged out account page wrapper */
body:not(.logged-in) .woocommerce-account,
body:not(.logged-in) .woocommerce-account #content,
body:not(.logged-in) .woocommerce-account .site-content {
    background-color: #fcf8f0 !important;
    /* Soft lighter warm cream page background */
}

/* Auth Navigation Tabs Reset */
.mandas-auth-tabs {
    display: flex !important;
    border-bottom: 2px solid rgba(29, 27, 24, 0.08) !important;
    margin-bottom: 30px !important;
    gap: 20px !important;
    background: transparent !important;
    padding: 0 !important;
}

.mandas-auth-tab,
button.mandas-auth-tab {
    flex: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: rgba(29, 27, 24, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    height: auto !important;
    line-height: 1.2 !important;
}

.mandas-auth-tab:hover {
    color: #1d1b18 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.mandas-auth-tab.active,
button.mandas-auth-tab.active {
    color: #1d1b18 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.mandas-auth-tab.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #d41f22 !important;
    /* Accent red line */
}

/* Reset standard WooCommerce layout columns & inner card styling overrides */
#customer_login,
#customer_login .col-1,
#customer_login .col-2,
.mandas-auth-content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#customer_login .col-1,
#customer_login .col-2 {
    float: none !important;
    box-sizing: border-box !important;
}

/* Toggle displays depending on active tab class set on wrapper */
.mandas-auth-card.show-login #customer_login .col-1 {
    display: block !important;
}

.mandas-auth-card.show-login #customer_login .col-2 {
    display: none !important;
}

.mandas-auth-card.show-register #customer_login .col-1 {
    display: none !important;
}

.mandas-auth-card.show-register #customer_login .col-2 {
    display: block !important;
}

/* Custom Header Titles Inside Columns */
.mandas-auth-header {
    margin-bottom: 25px !important;
}

.mandas-auth-sub {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #8a8a8a !important;
    display: block !important;
    margin-bottom: 5px !important;
}

.mandas-auth-title {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1d1b18 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.2 !important;
}

.mandas-auth-desc {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.8rem !important;
    color: #8a8a8a !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Inner Forms Reset */
.mandas-auth-card form.woocommerce-form-login,
.mandas-auth-card form.woocommerce-form-register {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.mandas-auth-card .woocommerce-form-row {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.mandas-auth-card label {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #1d1b18 !important;
    margin-bottom: 8px !important;
}

.mandas-auth-card input.input-text {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.95rem !important;
    color: #1d1b18 !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

.mandas-auth-card input.input-text:focus {
    border-color: #1d1b18 !important;
    box-shadow: 0 0 0 1px #1d1b18 !important;
}

/* Remember check and link styling */
.mandas-auth-card .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.mandas-auth-card .woocommerce-form-login__rememberme input {
    margin: 0 !important;
}

.mandas-auth-card .woocommerce-LostPassword {
    margin-top: 15px !important;
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.9rem !important;
}

.mandas-auth-card .woocommerce-LostPassword a {
    color: #d41f22 !important;
    /* Theme red links */
    text-decoration: none !important;
    font-weight: 500 !important;
}

/* Login/Signup Submission Button */
.mandas-auth-card button.button {
    width: 100% !important;
    background-color: #43280d !important;
    color: #f7e9d0 !important;
    border: 1px solid #43280d !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(29, 27, 24, 0.1) !important;
    margin-top: 10px !important;
    text-transform: none !important;
}

.mandas-auth-card button.button:hover {
    background-color: #d41f22 !important;
    border-color: #d41f22 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(212, 31, 34, 0.2) !important;
}

/* ==========================================================================
   10. BOOK CARD AC IMPROVEMENTS (MANDAS PUBLICATION)
   ========================================================================== */

/* Hide default WooCommerce AJAX-appended 'View Cart' link next to the button */
a.added_to_cart.wc-forward {
    display: none !important;
}

/* Hide book description/excerpts and Description labels in product cards */
ul.products li.product .product-short-description,
.trx-addons-woo-products-carousel .product-short-description,
ul.products li.product .post_excerpt,
.trx-addons-woo-products-carousel .post_excerpt,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-excerpt {
    display: none !important;
}

/* Hide review stars and all associated review text on Book Cards */
ul.products li.product .star-rating,
ul.products li.product .woocommerce-product-rating,
.trx-addons-woo-products-carousel .star-rating,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-rating,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-rating-wrap {
    display: none !important;
}

/* Category Displays as a Colored Chip */
ul.products li.product .product-card-meta-wrap .product_categories a,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories a {
    display: inline-block !important;
    background-color: #d41f22 !important;
    /* Theme Red Accent */
    color: #ffffff !important;
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    transition: all 0.2s ease !important;
}

ul.products li.product .product-card-meta-wrap .product_categories a.category-is-english,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories a.category-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: none !important;
    padding: 2px 10px !important;
}

ul.products li.product .product-card-meta-wrap .product_categories a:hover,
.trx-addons-woo-products-carousel .product-card-meta-wrap .product_categories a:hover {
    background-color: #1d1b18 !important;
    /* Dark Charcoal on Hover */
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Author Name Styling and Layout Rows */
ul.products li.product .product-author-name,
.trx-addons-woo-products-carousel .product-author-name {
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #8a8a8a !important;
    text-align: left !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    width: 100% !important;
    display: block !important;
}

ul.products li.product .product-author-name.author-is-english,
.trx-addons-woo-products-carousel .product-author-name.author-is-english {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', 'Ruposhi', 'Kalpurush', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

ul.products li.product .product-author-name.author-is-bengali,
.trx-addons-woo-products-carousel .product-author-name.author-is-bengali {
    font-family: 'Ruposhi Bangla UI Uni', 'Ruposhi', 'Kalpurush', sans-serif !important;
}

/* Convert loop containers to use flex columns for consistent bottom alignment */
ul.products li.product .post_data_inner,
.trx-addons-woo-products-carousel .trx-addons-woo-products-details-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
    row-gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Flex layout order assignments */
ul.products li.product .product-card-meta-wrap,
.trx-addons-woo-products-carousel .product-card-meta-wrap {
    order: 1 !important;
}

ul.products li.product .post_header.entry-header,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product__link {
    order: 2 !important;
}

ul.products li.product .product-author-name,
.trx-addons-woo-products-carousel .product-author-name {
    order: 3 !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Price sits at order 4 and has margin-top: auto to push it and the button below it to the bottom */
ul.products li.product .price_wrap,
ul.products li.product .price,
.trx-addons-woo-products-carousel .price {
    order: 4 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

ul.products li.product .add_to_cart_wrap,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-actions-wrapper,
.trx-addons-woo-products-carousel .add_to_cart_wrap {
    order: 5 !important;
    margin-top: 0 !important;
}

/* Style the Discount Percentage chip (Sale badge) as a colored pill */
ul.products li.product span.onsale,
.trx-addons-woo-products-carousel .trx-addons-woo-products-product-onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background-color: #d41f22 !important;
    /* Theme red accent */
    color: #ffffff !important;
    border: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    /* Slight rounded rectangular chip */
    margin: 0 !important;
    line-height: 1 !important;
    min-height: auto !important;
    min-width: auto !important;
    z-index: 10 !important;
}

/* ==========================================================================
   11. WOOCOMMERCE GUTENBERG BLOCK CARDS MATCHING DESIGN
   ========================================================================== */

/* Grid container layout */
.wc-block-grid__products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

@media (max-width: 1024px) {
    .wc-block-grid__products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .wc-block-grid__products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    .wc-block-grid__products {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* Individual card wrapper style */
.wc-block-grid__product {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #f7e9d0 !important;
    /* Warm cream */
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
    padding: 0 !important;
    /* Reset Gutenberg padding */
    margin: 0 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

.wc-block-grid__product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(29, 27, 24, 0.08) !important;
    border-color: rgba(29, 27, 24, 0.2) !important;
}

/* Link wrapper */
.wc-block-grid__product-link {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}

/* Image wrapper and image styles */
.wc-block-grid__product-image {
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1.4142 !important;
    /* A4 aspect ratio matching shop */
    overflow: hidden !important;
    background-color: transparent !important;
    height: auto !important;
}

.wc-block-grid__product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.wc-block-grid__product:hover .wc-block-grid__product-image img {
    transform: scale(1.04) !important;
}

/* Title styles */
.wc-block-grid__product-title {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #1d1b18 !important;
    margin: 0 0 5px 0 !important;
    padding: 0 20px !important;
    /* Side paddings */
    text-align: left !important;
    box-sizing: border-box !important;

    /* Ellipsis clamping */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.8em !important;
}

/* Price Section */
.wc-block-grid__product-price {
    grid-column: auto !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: left !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.15rem !important;
    color: #1d1b18 !important;
    margin: auto 0 10px 0 !important;
    /* margin-top: auto pushes it to bottom, keep price close to button */
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* Current / Sale Price */
.wc-block-grid__product-price ins,
.wc-block-grid__product-price>.amount:not(del .amount) {
    color: #d41f22 !important;
    /* Theme red */
    font-weight: 700 !important;
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Original Struck-out Price */
.wc-block-grid__product-price del {
    color: #8a8a8a !important;
    font-size: 0.9em !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

/* Sale Badge styling */
.wc-block-grid__product-onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background-color: #d41f22 !important;
    /* Theme red */
    color: #ffffff !important;
    border: none !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    margin: 0 !important;
    line-height: 1 !important;
    min-height: auto !important;
    min-width: auto !important;
    z-index: 10 !important;
}

.wc-block-grid__product-onsale span {
    color: #ffffff !important;
}

/* Side paddings and margins for dynamically injected details in Gutenberg cards */
.wc-block-grid__product .product-card-meta-wrap,
.wc-block-grid__product .product-author-name,
.wc-block-grid__product .add_to_cart_wrap {
    padding: 0 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}

.wc-block-grid__product .product-card-meta-wrap {
    margin: 0 0 8px 0 !important;
}

/* Category Displays as a Colored Chip inside Gutenberg cards */
.wc-block-grid__product .product-card-meta-wrap .product_categories a {
    display: inline-block !important;
    background-color: #d41f22 !important;
    /* Theme Red Accent */
    color: #ffffff !important;
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1 !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    transition: all 0.2s ease !important;
}

.wc-block-grid__product .product-card-meta-wrap .product_categories a.category-is-english {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: none !important;
    padding: 2px 10px !important;
}

.wc-block-grid__product .product-card-meta-wrap .product_categories a:hover {
    background-color: #1d1b18 !important;
    /* Dark Charcoal on Hover */
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Author Name Styling inside Gutenberg cards */
.wc-block-grid__product .product-author-name {
    font-family: "DM Sans", "Ruposhi Bangla UI Uni", "Ruposhi", "Kalpurush", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #8a8a8a !important;
    text-align: left !important;
    margin-top: 2px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.wc-block-grid__product .product-author-name.author-is-english {
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', 'Ruposhi', 'Kalpurush', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.wc-block-grid__product .product-author-name.author-is-bengali {
    font-family: 'Ruposhi Bangla UI Uni', 'Ruposhi', 'Kalpurush', sans-serif !important;
}

/* Button Wrapper styling inside Gutenberg cards */
.wc-block-grid__product .add_to_cart_wrap {
    padding-bottom: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
}

.wc-block-grid__product .add_to_cart_wrap a.button {
    margin: 0 !important;
    flex-grow: 1 !important;
    background-color: #43280d !important;
    /* Dark button background */
    color: #f7e9d0 !important;
    /* Warm cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    /* 12px corner radius */
    border: 1px solid #43280d !important;
    text-align: center !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.wc-block-grid__product .add_to_cart_wrap a.button:hover {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    color: #ffffff !important;
}

/* ==========================================================================
   12. SINGLE PRODUCT PAGE ENHANCEMENTS & LAYOUT ACs
   ========================================================================== */

/* Remove thick white padding surrounding book cover on viewport widths > 990px */
@media (min-width: 991px) {
    .single-product .woocommerce-product-gallery {
        padding: 0 !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        max-width: 85% !important;
        /* Make the image a bit smaller */
        margin: 0 auto !important;
        /* Center the entire gallery so badges align perfectly */
    }
}

/* Zoom button icon styling and hover behavior */
.single-product .woocommerce-product-gallery__trigger {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.1) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;

    /* Render clean inline SVG search icon directly as the background image */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1b18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.single-product .woocommerce-product-gallery__trigger:hover {
    transform: scale(1.1) !important;
    background-color: #1d1b18 !important;
    border-color: #1d1b18 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-search'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") !important;
    background-size: 18px 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Wipes out any pseudo-elements or text from parent theme or WooCommerce */
.single-product .woocommerce-product-gallery__trigger::before,
.single-product .woocommerce-product-gallery__trigger::after {
    content: none !important;
    display: none !important;
}

/* Hide default span / emoji inside trigger */
.single-product .woocommerce-product-gallery__trigger span,
.single-product .woocommerce-product-gallery__trigger img {
    display: none !important;
}

/* Product ID and values displayed on same line without line breaks */
.single-product .product_meta>span {
    display: block !important;
    /* Keep individual meta items as blocks stacking vertically */
}

.single-product .product_meta span span,
.single-product .product_meta span a {
    display: inline !important;
    /* Ensure value nodes sit on the same line as labels */
}

/* Hide product meta (Category & Product ID) entirely on single product page */
.single-product .product_meta {
    display: none !important;
}

/* Ensure the image container has relative positioning and hugs the image width exactly */
.single-product .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
}

.single-product .woocommerce-product-gallery__image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.single-product .woocommerce-product-gallery__image>a {
    display: block !important;
    width: 100% !important;
}

/* Position sale badge and zoom trigger inside the image container directly over the image */
.single-product .woocommerce-product-gallery__image span.onsale {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    margin: 0 !important;
    z-index: 20 !important;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    margin: 0 !important;
    z-index: 20 !important;

    /* Hidden by default, appears on hover */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Appear when hovering over the main gallery or the wrapper container */
.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Ruposhi font when content is in Bangla with high specificity override */
.bengali-font,
.bengali-font a,
.bengali-font strong,
.bengali-font span,
input.bengali-font,
textarea.bengali-font,
select.bengali-font,
.single-product .woocommerce-product-details__short-description .bengali-font,
.single-product .woocommerce-product-details__short-description strong.bengali-font,
.single-product .woocommerce-product-details__short-description p.bengali-font,
.single-product .woocommerce-product-details__short-description span.bengali-font {
    font-family: "Ruposhi Bangla UI Uni", sans-serif !important;
}

/* ==========================================================================
   13. PREMIUM WOOCOMMERCE NOTIFICATION ALERTS
   ========================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background-color: #faf3e6 !important;
    /* Very light warm cream background */
    border: none !important;
    border-left: 4px solid #1d1b18 !important;
    /* Elegant dark left border by default */
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #1d1b18 !important;
    box-shadow: 0 10px 30px rgba(29, 27, 24, 0.04) !important;
    margin-bottom: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: 60px !important;
}

/* Specific left-border colors per type */
.woocommerce-message {
    border-left-color: #d41f22 !important;
    /* Theme Red for success */
}

.woocommerce-info {
    border-left-color: #1d1b18 !important;
    /* Charcoal for info */
}

.woocommerce-error {
    border-left-color: #d41f22 !important;
    /* Red for errors */
    list-style: none !important;
}

/* Reset default absolute positioning on the WooCommerce checkmark/info icon and style it */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: static !important;
    /* Remove WooCommerce default absolute positioning */
    display: inline-block !important;
    color: #d41f22 !important;
    font-size: 18px !important;
    margin: 0 12px 0 0 !important;
    /* Spacing to the right of icon */
    padding: 0 !important;
    float: none !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    height: auto !important;
    width: auto !important;
    align-self: center !important;
}

.woocommerce-info::before {
    color: #1d1b18 !important;
}

/* View Cart / Action button inside alert popups with float reset */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
    float: none !important;
    /* Remove WooCommerce default float: right */
    margin: 0 0 0 auto !important;
    /* Push button to the far right side of the flexbox container */
    background-color: #43280d !important;
    /* Espresso background */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    border: 1px solid #43280d !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    align-self: center !important;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-error a.button:hover {
    background-color: #d41f22 !important;
    /* Theme Red hover */
    border-color: #d41f22 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(212, 31, 34, 0.2) !important;
}

/* Custom Product ID above title style */
.custom-product-id-above-title {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #8c8273 !important;
    /* Elegant sand/tan shade */
    margin-bottom: 12px !important;
    line-height: 1 !important;
}

.custom-product-id-above-title span {
    font-weight: 700 !important;
    color: #1d1b18 !important;
}

/* Style for Empty State Return to Shop link */
.mandas-empty-state-shop-link {
    margin-left: 10px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    color: #d41f22 !important;
    transition: color 0.3s ease !important;
    display: inline-block !important;
}

.mandas-empty-state-shop-link:hover {
    color: #1d1b18 !important;
}

/* ==========================================================================
   14. WOOCOMMERCE CHECKOUT ENHANCEMENTS
   ========================================================================== */

/* Form fields & payment options 12px corner rounding on Checkout page */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-checkout textarea,
.wc-block-components-text-input,
.wc-block-components-text-input__input,
.wc-block-components-combobox,
.wc-block-components-combobox__input,
.wc-block-components-textarea,
.wc-block-components-textarea__textarea,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-content {
    border-radius: 12px !important;
}

.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    overflow: hidden !important;
    /* Ensure content background does not overflow the rounded corners */
}

/* Guest user Login button on checkout page (styled as Espresso primary CTA) */
.woocommerce-checkout a.showlogin,
.woocommerce-checkout .woocommerce-form-login .button,
.wc-block-checkout__login-button,
.wc-block-checkout__login-prompt,
.woocommerce-checkout .wc-block-checkout__login-prompt,
.wc-block-components-checkout-step__login-button,
.wp-block-woocommerce-checkout-login-button,
.wc-block-checkout a.wc-block-components-button,
.wc-block-checkout button.wc-block-components-button {
    background-color: #43280d !important;
    /* Espresso background */
    color: #f7e9d0 !important;
    /* Warm Cream text */
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: 1px solid #43280d !important;
    padding: 10px 24px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(29, 27, 24, 0.1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.woocommerce-checkout a.showlogin:hover,
.woocommerce-checkout .woocommerce-form-login .button:hover,
.wc-block-checkout__login-button:hover,
.wc-block-checkout__login-prompt:hover,
.woocommerce-checkout .wc-block-checkout__login-prompt:hover,
.wc-block-components-checkout-step__login-button:hover,
.wp-block-woocommerce-checkout-login-button:hover,
.wc-block-checkout a.wc-block-components-button:hover,
.wc-block-checkout button.wc-block-components-button:hover {
    background-color: #d41f22 !important;
    /* Theme Red hover */
    border-color: #d41f22 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(212, 31, 34, 0.2) !important;
}

/* Align checkout step headings vertically to the baseline/flex-end */
.wc-block-components-checkout-step__heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
}

/* Style privacy policy and terms links inside policy text on checkout page to match */
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.wc-block-checkout__policy-agreement a,
.wc-block-components-checkout-policy-agreement a {
    color: #d41f22 !important;
    /* Theme Red */
    text-decoration: underline !important;
    transition: color 0.3s ease !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a:hover,
.wc-block-checkout__policy-agreement a:hover,
.wc-block-components-checkout-policy-agreement a:hover {
    color: #1d1b18 !important;
    /* Espresso on hover */
}

/* Swiper WooCommerce Products Carousel overrides */
.mandas-carousel-wrapper {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Overlapping navigation arrows - white circular buttons with dark chevron */
.mandas-carousel-wrapper .swiper-button-prev,
.mandas-carousel-wrapper .swiper-button-next,
.mandas-products-carousel-swiper .swiper-button-prev,
.mandas-products-carousel-swiper .swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    color: #1d1b18 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.mandas-carousel-wrapper .swiper-button-prev,
.mandas-products-carousel-swiper .swiper-button-prev {
    left: 5px !important;
}

.mandas-carousel-wrapper .swiper-button-next,
.mandas-products-carousel-swiper .swiper-button-next {
    right: 5px !important;
}

.mandas-products-carousel-swiper {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 10px 0 40px 0 !important;
    /* Clipped at edges */
    box-sizing: border-box !important;
}

.mandas-products-carousel-swiper ul.products.swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
    /* Forces all cards to match equal height */
}

.mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide {
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 10px !important;
    /* Safe spacing between slides */
    box-sizing: border-box !important;
    list-style: none !important;
    float: none !important;
    clear: none !important;
    height: auto !important;
    /* Let stretch layout determine height */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    /* Aligns Add to Cart button to bottom */

    /* Unconditional responsive column widths for slides (using slidesPerView: 'auto') */
    width: 100% !important;
}

@media (min-width: 580px) {
    .mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide {
        width: 50% !important;
    }
}

@media (min-width: 850px) {
    .mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide {
        width: 33.333% !important;
    }
}

@media (min-width: 1100px) {
    .mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide {
        width: 25% !important;
    }
}

@media (min-width: 1300px) {
    .mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide {
        width: 20% !important;
    }
}

/* Ensure slide images are responsive and contained */
.mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide img {
    width: 100% !important;
    aspect-ratio: 1 / 1.45 !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
}

/* Ensure the standard product container inside grows to fill the vertical space */
.mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide>a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: flex-start !important;
    margin-bottom: 15px !important;
}

/* Push price details to the bottom of the content section */
.mandas-products-carousel-swiper ul.products.swiper-wrapper li.product.swiper-slide>a.woocommerce-LoopProduct-link .price {
    margin-top: auto !important;
}

/* Swiper navigation buttons */
.mandas-products-carousel-swiper .swiper-button-next,
.mandas-carousel-wrapper .swiper-button-next:hover,
.mandas-carousel-wrapper .swiper-button-prev:hover,
.mandas-products-carousel-swiper .swiper-button-next:hover,
.mandas-products-carousel-swiper .swiper-button-prev:hover {
    background-color: #ffffff !important;
    color: #1d1b18 !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.mandas-carousel-wrapper .swiper-button-prev::after,
.mandas-products-carousel-swiper .swiper-button-prev::after {
    font-family: "trx_addons_icons" !important;
    content: '\e858' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}

.mandas-carousel-wrapper .swiper-button-next::after,
.mandas-products-carousel-swiper .swiper-button-next::after {
    font-family: "trx_addons_icons" !important;
    content: '\e859' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}


/* Swiper pagination dots */
.mandas-products-carousel-swiper .swiper-pagination {
    bottom: 5px !important;
}

.mandas-products-carousel-swiper .swiper-pagination-bullet {
    background: #1d1b18 !important;
    opacity: 0.2 !important;
    width: 8px !important;
    height: 8px !important;
    transition: all 0.3s ease !important;
}

.mandas-products-carousel-swiper .swiper-pagination-bullet-active {
    background: #d41f22 !important;
    opacity: 1 !important;
    width: 20px !important;
    border-radius: 4px !important;
}

/* Hide navigation/pagination on desktop if there are 5 or fewer slides */
@media (min-width: 850px) {

    .mandas-carousel-hide-nav-desktop .swiper-button-prev,
    .mandas-carousel-hide-nav-desktop .swiper-button-next,
    .mandas-carousel-hide-nav-desktop .swiper-pagination {
        display: none !important;
    }
}

/* Custom Search Form Styling (only for main search form overlays when opened) */
.mandas-main-search-wrap-container.search_opened {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    z-index: 99999 !important;
}

.search_opened .mandas-main-search-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

@media (min-width: 850px) {
    .search_opened .mandas-main-search-wrap {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

.mandas-main-search-wrap-container .search_form {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 15px !important;
}

.mandas-main-search-wrap-container .mandas-search-label {
    width: 100% !important;
    font-size: 2rem !important;
    font-family: 'Cormorant Garamond', 'Ruposhi Bangla UI Uni', serif !important;
    color: #1d1b18 !important;
    font-weight: 700 !important;
    display: none !important;
}

.mandas-main-search-wrap-container.search_opened .mandas-search-label {
    display: block !important;
}

.mandas-main-search-wrap-container .search_field {
    width: 100% !important;
    box-sizing: border-box !important;
    flex-grow: 1 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media (min-width: 850px) {
    .mandas-main-search-wrap-container .search_field {
        width: auto !important;
    }
}

/* Hide original submit and close buttons inside the main search container ONLY when opened */
.mandas-main-search-wrap-container.search_opened .search_close,
.mandas-main-search-wrap-container.search_opened .search_submit:not(.mandas-inline-search-button) {
    display: none !important;
}

/* Style our custom inline search button only when opened */
.mandas-main-search-wrap-container.search_opened .mandas-inline-search-button {
    visibility: visible !important;
    z-index: 99999 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    background: #d41f22 !important;
    /* Theme Red */
    color: #ffffff !important;
    border: none !important;
    padding: 15px 32px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: inherit !important;
    transition: background 0.3s ease !important;
    width: 100% !important;
    /* Full width (stacked) on mobile */
    height: auto !important;
}

/* Hide our custom inline search button when closed */
.mandas-main-search-wrap-container:not(.search_opened) .mandas-inline-search-button {
    display: none !important;
}

@media (min-width: 850px) {
    .mandas-main-search-wrap-container.search_opened .mandas-inline-search-button {
        width: auto !important;
        /* Inline width on desktop */
    }
}

.mandas-main-search-wrap-container .mandas-inline-search-button:hover {
    background: #1d1b18 !important;
    /* Espresso hover */
}

/* Custom Close Button for Search Drawer */
.mandas-main-search-wrap-container.search_opened .mandas-search-close-button {
    display: flex !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    background: #ffffff !important;
    border: none !important;
    color: #1d1b18 !important;
    cursor: pointer !important;
    z-index: 100000 !important;
    padding: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
}

.mandas-main-search-wrap-container.search_opened .mandas-search-close-button:hover {
    color: #d41f22 !important;
    transform: rotate(90deg) !important;
}

.mandas-main-search-wrap-container:not(.search_opened) .mandas-search-close-button {
    display: none !important;
}

@media (max-width: 767px) {
    .mandas-main-search-wrap-container.search_opened .mandas-search-close-button {
        display: none !important;
    }
}

/* Reduce overall height of search drawer on desktop */
@media (min-width: 850px) {
    .mandas-main-search-wrap-container.search_opened {
        height: 80vh !important;
        min-height: 80vh !important;
    }
}

/* Custom Dual-Handle Price Range Slider */
.mandas-price-slider-container {
    padding: 10px 0;
    margin-top: 5px;
}

.mandas-price-slider-wrap {
    position: relative;
    height: 6px;
    background: #e2d9c8;
    border-radius: 6px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.mandas-price-slider-track {
    position: absolute;
    height: 100%;
    background: #1d1b18;
    border-radius: 6px;
}

.mandas-price-slider-wrap input[type="range"] {
    position: absolute;
    width: 100%;
    height: 6px;
    top: 0;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.mandas-price-slider-wrap input[type="range"]::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #1d1b18;
    border: 2px solid #f7e9d0;
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: transform 0.1s ease;
}

.mandas-price-slider-wrap input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.mandas-price-slider-wrap input[type="range"]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #1d1b18;
    border: 2px solid #f7e9d0;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    transition: transform 0.1s ease;
}

.mandas-price-slider-wrap input[type="range"]::-moz-range-thumb:hover {
    transform: scale(1.15);
}

/* ==========================================================================
   CUSTOM WOOCOMMERCE QUANTITY SELECTOR STYLING
   ========================================================================== */
html body div.quantity.inited,
html body .woocommerce div.quantity.inited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid rgba(29, 27, 24, 0.15) !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    width: 130px !important;
    height: 52px !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    position: relative !important;
    overflow: hidden !important;
}

html body div.quantity.inited span.q_dec,
html body .woocommerce div.quantity.inited span.q_dec {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 100% !important;
    cursor: pointer !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
}

html body div.quantity.inited input.qty,
html body .woocommerce div.quantity.inited input.qty {
    order: 2 !important;
    width: 44px !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #1d1b18 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
    box-shadow: none !important;
}

html body div.quantity.inited input.qty::-webkit-outer-spin-button,
html body div.quantity.inited input.qty::-webkit-inner-spin-button,
html body .woocommerce div.quantity.inited input.qty::-webkit-outer-spin-button,
html body .woocommerce div.quantity.inited input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

html body div.quantity.inited span.q_inc,
html body .woocommerce div.quantity.inited span.q_inc {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 100% !important;
    cursor: pointer !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
}

html body div.quantity.inited span.q_inc::before,
html body .woocommerce div.quantity.inited span.q_inc::before {
    content: "+" !important;
    font-size: 18px !important;
    font-family: inherit !important;
    color: #1d1b18 !important;
    display: block !important;
    line-height: 1 !important;
}

html body div.quantity.inited span.q_dec::before,
html body .woocommerce div.quantity.inited span.q_dec::before {
    content: "\2212" !important;
    /* Proper minus sign */
    font-size: 18px !important;
    font-family: inherit !important;
    color: #1d1b18 !important;
    display: block !important;
    line-height: 1 !important;
}

/* Hide theme's default pseudo elements or background icons if any */
html body div.quantity.inited span.q_inc::after,
html body div.quantity.inited span.q_dec::after,
html body div.quantity.inited::before,
html body div.quantity.inited::after,
html body .woocommerce div.quantity.inited span.q_inc::after,
html body .woocommerce div.quantity.inited span.q_dec::after,
html body .woocommerce div.quantity.inited::before,
html body .woocommerce div.quantity.inited::after {
    display: none !important;
}

/* ==========================================================================
   MANDAS EMAIL OTP AUTH STYLING
   ========================================================================== */
.mandas-auth-method-switcher button.mandas-method-btn {
    outline: none !important;
}

.mandas-otp-btn {
    background-color: #1d1b18 !important;
    color: #ffffff !important;
    border: 1px solid #1d1b18 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.mandas-otp-btn:hover {
    background-color: #43280d !important;
    border-color: #43280d !important;
    color: #ffffff !important;
}

.mandas-otp-login-block input.input-text {
    border: 1px solid rgba(29, 27, 24, 0.2) !important;
    padding: 10px 14px !important;
    font-family: "DM Sans", sans-serif !important;
    background-color: #fafafa !important;
    transition: border-color 0.2s ease !important;
}

.mandas-otp-login-block input.input-text:focus {
    border-color: #1d1b18 !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* ==========================================================================
   HERO CARD CAROUSEL STYLING
   ========================================================================== */
.hero-card-carousel,
.hero-card-carousel .elementor-widget-container,
.hero-card-carousel .elementor-container {
    position: relative !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    padding: 20px 80px 20px 80px !important;
    overflow: visible !important;
}

.hero-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-top: 10px !important;
    padding-bottom: 25px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: -10px !important;
    margin-bottom: -25px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: max-content !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.hero-wrapper::-webkit-scrollbar {
    display: none !important;
}

.hero-card {
    flex: 0 0 auto !important;
    width: 293px !important;
    height: 520px !important;
    aspect-ratio: 9 / 16 !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
    transition: transform 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
}

.hero-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 14px 30px rgba(29, 27, 24, 0.14), 0 4px 10px rgba(0, 0, 0, 0.05) !important;
}

.hero-card,
.hero-card *,
.hero-card div,
.hero-card a,
.hero-card figure {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
}

.hero-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: inherit !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.hero-card:hover img {
    transform: scale(1.03) !important;
}


/* Navigation Arrow Buttons: White Circle with Espresso Arrow Overlay */
.hero-carousel-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(67, 40, 13, 0.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 25 !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #43280d !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.hero-carousel-arrow:hover {
    background-color: #ffffff !important;
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22), 0 2px 6px rgba(0, 0, 0, 0.12) !important;
    border-color: rgba(67, 40, 13, 0.25) !important;
}

.hero-carousel-arrow:active {
    transform: translateY(-50%) scale(0.95) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.hero-carousel-arrow.is-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.hero-carousel-prev {
    left: 95px !important;
}

.hero-carousel-next {
    right: 95px !important;
}

@media (max-width: 1024px) {
    .hero-card-carousel,
    .hero-card-carousel .elementor-widget-container,
    .hero-card-carousel .elementor-container {
        padding: 20px 20px 20px 20px !important;
    }
    .hero-card {
        width: 248px !important;
        height: 440px !important;
        aspect-ratio: 9 / 16 !important;
    }
    .hero-carousel-prev {
        left: 35px !important;
    }
    .hero-carousel-next {
        right: 35px !important;
    }
}

@media (max-width: 767px) {
    .hero-card-carousel,
    .hero-card-carousel .elementor-widget-container,
    .hero-card-carousel .elementor-container {
        padding: 20px 20px 20px 20px !important;
    }
    .hero-card {
        width: 225px !important;
        height: 400px !important;
        aspect-ratio: 9 / 16 !important;
    }
    .hero-carousel-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    .hero-carousel-prev {
        left: 35px !important;
    }
    .hero-carousel-next {
        right: 35px !important;
    }
}

/* ==========================================================================
   CATEGORY DROPDOWN MULTI-COLUMN MENU (MAX 7 ITEMS PER COLUMN)
   ========================================================================== */
@media (min-width: 1025px) {
    .sc_layouts_menu_nav > li.menu-item-has-children > ul,
    .sc_layouts_menu_nav ul.sub-menu,
    .trx-addons-nav-menu ul.sub-menu,
    ul.sub-menu:has(li.menu-item-object-product_cat),
    ul.trx-addons-submenu:has(li.menu-item-object-product_cat),
    ul.sub-menu:has(li.trx-addons-submenu-item),
    ul.trx-addons-submenu,
    .menu-item-has-children > ul.sub-menu {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-template-rows: repeat(7, min-content) !important;
        column-gap: 24px !important;
        width: max-content !important;
        max-width: none !important;
    }

    .sc_layouts_menu_nav ul.sub-menu > li,
    ul.sub-menu > li.trx-addons-submenu-item,
    ul.trx-addons-submenu > li {
        float: none !important;
    }
}

/* ==========================================================================
   BEST SELLER INVERTED PRODUCT CARD STYLING (ESPRESSO BG + WARM CREAM TEXT)
   ========================================================================== */

/* Card Background & Borders */
#mandas-best-seller ul.products li.product .post_item,
.mandas-best-seller ul.products li.product .post_item,
.mandas-best-sellers-section ul.products li.product .post_item,
#mandas-best-seller ul.products li.product:not(:has(.post_item)),
.mandas-best-seller ul.products li.product:not(:has(.post_item)) {
    background-color: #1d1b18 !important; /* Espresso Background */
    border-color: rgba(247, 233, 208, 0.15) !important;
}

#mandas-best-seller ul.products li.product .post_item:hover,
.mandas-best-seller ul.products li.product .post_item:hover,
.mandas-best-sellers-section ul.products li.product .post_item:hover {
    border-color: rgba(247, 233, 208, 0.35) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4) !important;
}

/* Product Titles (Warm Cream) */
#mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title,
#mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title a,
#mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title span,
.mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title,
.mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title a,
.mandas-best-seller ul.products li.product h2.woocommerce-loop-product__title span {
    color: #f7e9d0 !important;
}

/* Product Author Names (Warm Cream) */
#mandas-best-seller ul.products li.product .product-author-name,
.mandas-best-seller ul.products li.product .product-author-name {
    color: #e5dbca !important;
}

/* Product Prices (Warm Cream) */
#mandas-best-seller ul.products li.product .price,
#mandas-best-seller ul.products li.product .price ins,
#mandas-best-seller ul.products li.product .price > .amount,
#mandas-best-seller ul.products li.product .price amount,
.mandas-best-seller ul.products li.product .price,
.mandas-best-seller ul.products li.product .price ins,
.mandas-best-seller ul.products li.product .price > .amount,
.mandas-best-seller ul.products li.product .price amount {
    color: #f7e9d0 !important;
}

#mandas-best-seller ul.products li.product .price del,
#mandas-best-seller ul.products li.product .price del .amount,
.mandas-best-seller ul.products li.product .price del,
.mandas-best-seller ul.products li.product .price del .amount {
    color: #a89f91 !important;
}

/* Short Description / Meta Text (Warm Cream) */
#mandas-best-seller ul.products li.product .product-short-description,
.mandas-best-seller ul.products li.product .product-short-description {
    color: #e5dbca !important;
}

/* Add to Cart Button (Warm Cream BG + Espresso Text) */
#mandas-best-seller ul.products li.product .add_to_cart_wrap a.button,
.mandas-best-seller ul.products li.product .add_to_cart_wrap a.button {
    background-color: #f7e9d0 !important;
    color: #1d1b18 !important;
    border-color: #f7e9d0 !important;
}

#mandas-best-seller ul.products li.product .add_to_cart_wrap a.button:hover,
.mandas-best-seller ul.products li.product .add_to_cart_wrap a.button:hover {
    background-color: #d41f22 !important;
    color: #ffffff !important;
    border-color: #d41f22 !important;
}

/* Category Pill Hover (Warm Cream BG + Espresso Text on Dark Cards) */
#mandas-best-seller ul.products li.product .product_categories a:hover,
.mandas-best-seller ul.products li.product .product_categories a:hover,
.mandas-best-sellers-section ul.products li.product .product_categories a:hover,
#mandas-best-seller ul.products li.product .product-card-meta-wrap .product_categories a:hover,
.mandas-best-seller ul.products li.product .product-card-meta-wrap .product_categories a:hover,
.mandas-best-sellers-section ul.products li.product .product-card-meta-wrap .product_categories a:hover {
    background-color: #f7e9d0 !important;
    color: #1d1b18 !important;
    text-decoration: none !important;
}

/* Center align Best Seller cards ONLY when they do not occupy full container width (5 or fewer slides) */
@media (min-width: 850px) {
    #mandas-best-seller.mandas-carousel-hide-nav-desktop ul.products,
    .mandas-best-seller.mandas-carousel-hide-nav-desktop ul.products,
    .mandas-best-sellers-section.mandas-carousel-hide-nav-desktop ul.products,
    #mandas-best-seller.mandas-carousel-hide-nav-desktop .mandas-products-carousel-swiper ul.products,
    .mandas-best-seller.mandas-carousel-hide-nav-desktop .mandas-products-carousel-swiper ul.products {
        justify-content: center !important;
    }
}

/* ==========================================================================
   SHIPROCKET PINCODE CHECKER STYLING (MATCHING MANDAS DESIGN SYSTEM)
   ========================================================================== */

/* Container wrapping the input and button */
div:has(> #shiprocket_pincode_check),
.shiprocket-pincode-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 18px !important;
    margin-bottom: 24px !important; /* Padding under section */
    padding-bottom: 12px !important;
    flex-wrap: wrap !important;
}

/* Pincode Input Field */
#shiprocket_pincode_check {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: #1d1b18 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(29, 27, 24, 0.18) !important;
    border-radius: 10px !important;
    height: 46px !important;
    padding: 0 16px !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    width: 180px !important;
    max-width: 100% !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

#shiprocket_pincode_check:focus {
    border-color: #1d1b18 !important;
    box-shadow: 0 0 0 3px rgba(29, 27, 24, 0.08) !important;
}

#shiprocket_pincode_check::placeholder {
    color: #8a8a8a !important;
    font-size: 14px !important;
}

/* Check Pincode Button (Outlined Style) */
button#check_pincode {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1d1b18 !important; /* Espresso Text */
    background-color: transparent !important; /* Transparent / Outlined */
    border: 1.5px solid #1d1b18 !important; /* Espresso Outline Border */
    border-radius: 10px !important;
    height: 46px !important;
    padding: 0 22px !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: 0.3px !important;
    margin: 0 !important;
}

button#check_pincode:hover {
    background-color: #1d1b18 !important; /* Fill with Espresso on hover */
    border-color: #1d1b18 !important;
    color: #f7e9d0 !important; /* Warm Cream Text */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(29, 27, 24, 0.15) !important;
}

button#check_pincode:active {
    transform: translateY(0) !important;
}

/* Pincode Result / Response Message */
#pincode_response {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #1d1b18 !important;
    margin-top: -14px !important;
    margin-bottom: 24px !important; /* Spacing under response */
    padding: 8px 14px !important;
    border-radius: 8px !important;
    background-color: rgba(247, 233, 208, 0.4) !important; /* Muted Warm Cream tint */
}

#pincode_response:empty {
    display: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 480px) {
    div:has(> #shiprocket_pincode_check),
    .shiprocket-pincode-wrap {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    #shiprocket_pincode_check,
    button#check_pincode {
        width: 100% !important;
    }
}