/*
Theme Name: Astra Child - Style N Divine
Theme URI: https://stylendivine.com
Description: Premium Saree & Ethnic Wear E-Commerce Child Theme for Style N Divine, customized with a Manyavar Mohey inspired product grid and compact archive header.
Author: Antigravity AI
Author URI: https://stylendivine.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* ==========================================================================
   TABLE OF CONTENTS:
   1. Brand Variables & Foundation
   2. Page Wrapper & Background Styling
   3. Header & Archive Banner Compact Spacing Fix
   4. Category Chips Bar (Manyavar Mohey Inspired)
   5. Shop Toolbar (Results Count & Sorting Dropdown)
   6. 4-Column Edge-to-Edge Product Grid (Desktop / Tablet / Mobile)
   7. Product Card Design & Fashion Aspect Ratio
   8. Product Card Typography (Title, Price, Sale Badge)
   9. Circular Quick-Add Cart Button
   10. Pagination & Mobile Responsiveness
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Brand Variables & Foundation
   -------------------------------------------------------------------------- */
:root {
    --sd-bg-cream: #FAF7F2;
    --sd-card-bg: #FFFFFF;
    --sd-text-dark: #202020;
    --sd-text-muted: #706E6B;
    --sd-border: #EAE5DE;
    --sd-border-light: #F2EEE8;
    --sd-accent-maroon: #7A1E3A;
    --sd-accent-terracotta: #D45B34;
    --sd-accent-gold: #C29B38;
    --sd-price-color: #1A1A1A;
    --sd-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --sd-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.07);
    --sd-font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* --------------------------------------------------------------------------
   2. Page Wrapper & Background Styling
   -------------------------------------------------------------------------- */
body.ast-woo-shop-archive,
body.woocommerce.archive,
body.woocommerce-page.archive {
    background-color: var(--sd-bg-cream) !important;
}

.ast-woo-shop-archive .site-content,
.woocommerce.archive .site-content {
    background-color: transparent !important;
    padding-top: 0 !important;
}

.ast-woo-shop-archive #primary,
.woocommerce.archive #primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 2em !important;
}

.ast-woo-shop-archive .ast-woocommerce-container,
.woocommerce.archive .ast-woocommerce-container {
    padding-top: 0 !important;
}

/* --------------------------------------------------------------------------
   3. Header & Archive Banner Compact Spacing Fix
   -------------------------------------------------------------------------- */
.ast-woo-shop-archive .ast-archive-description,
.ast-woo-shop-archive .woocommerce-products-header,
.ast-woo-shop-archive .ast-archive-entry-banner {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    text-align: center;
    border-bottom: 0 !important;
    background: transparent !important;
}

/* Breadcrumb Navigation */
.ast-woo-shop-archive .woocommerce-breadcrumb,
.ast-woo-shop-archive .ast-breadcrumbs {
    font-size: 13px !important;
    color: var(--sd-text-muted) !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

.ast-woo-shop-archive .woocommerce-breadcrumb a,
.ast-woo-shop-archive .ast-breadcrumbs a {
    color: var(--sd-text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.ast-woo-shop-archive .woocommerce-breadcrumb a:hover,
.ast-woo-shop-archive .ast-breadcrumbs a:hover {
    color: var(--sd-accent-maroon) !important;
}

/* Page Title (e.g., Bestseller, New Arrivals) */
.ast-woo-shop-archive .woocommerce-products-header__title.page-title,
.ast-woo-shop-archive .ast-archive-description .ast-archive-title,
.ast-woo-shop-archive h1.page-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: var(--sd-text-dark) !important;
    letter-spacing: 0.5px !important;
    margin: 4px 0 12px 0 !important;
    text-transform: capitalize !important;
}

/* Desktop & Tablet Title Size */
.woocommerce-products-header__title.page-title {
    font-size: 32px !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}

/* Mobile Title Size */
@media (max-width: 767px) {
    .woocommerce-products-header__title.page-title {
        font-size: 30px !important;
        margin-top: 0 !important;
        margin-bottom: 6px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.2 !important;
    }
}

/* Reduce space above Sarees heading only */
body.tax-product_cat .ast-woocommerce-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.tax-product_cat .woocommerce-products-header {
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

body.tax-product_cat .woocommerce-products-header__title.page-title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
}


/* --------------------------------------------------------------------------
   4. Category Chips Bar (Removed)
   -------------------------------------------------------------------------- */
.sd-category-chips-wrapper {
    display: none !important;
}

/* --------------------------------------------------------------------------
   5. Shop Toolbar (Results Count & Sorting Dropdown)
   -------------------------------------------------------------------------- */
.sd-shop-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 4px 14px 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--sd-border-light);
}

.woocommerce-result-count {
    font-size: 13.5px !important;
    color: var(--sd-text-muted) !important;
    margin: 0 !important;
    font-weight: 400 !important;
    float: none !important;
}

.woocommerce-ordering {
    margin: 0 !important;
    float: none !important;
}

.woocommerce-ordering select.orderby {
    font-size: 13px !important;
    color: var(--sd-text-dark) !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--sd-border) !important;
    border-radius: 4px !important;
    padding: 6px 28px 6px 12px !important;
    outline: none !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.woocommerce-ordering select.orderby:focus {
    border-color: var(--sd-accent-maroon) !important;
}

/* --------------------------------------------------------------------------
   6. 4-Column Edge-to-Edge Product Grid (Desktop / Tablet / Mobile)
   -------------------------------------------------------------------------- */
.woocommerce ul.products,
.ast-woocommerce-container ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px 12px !important;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    clear: both !important;
}

/* Clear float bugs from older Astra versions */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

.woocommerce ul.products li.product,
.ast-woocommerce-container ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* --------------------------------------------------------------------------
   7. Product Card Design & Fashion Aspect Ratio
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product,
.ast-woocommerce-container ul.products li.product {
    background-color: var(--sd-card-bg);
    border: 1px solid var(--sd-border-light);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.woocommerce ul.products li.product:hover,
.ast-woocommerce-container ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: var(--sd-shadow-md);
    border-color: var(--sd-border);
}

/* Thumbnail Wrap: Auto-set Unified Portrait Ratio (Manyavar Mohey Inspired) */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product > a:first-of-type {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 3 / 4.2 !important;
    height: auto !important;
    max-height: 480px !important;
    overflow: hidden !important;
    background-color: #F8F5EF !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Image Auto-Fit: Covers the full frame without stretching, cropping distortion, or uneven height */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wp-post-image,
.woocommerce ul.products li.product picture img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

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

/* Sale Badge */
.woocommerce ul.products li.product span.onsale {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    margin: 0 !important;
    background-color: var(--sd-accent-maroon) !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    min-height: unset !important;
    min-width: unset !important;
    line-height: 1.3 !important;
    z-index: 3 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
}

/* --------------------------------------------------------------------------
   8. Product Card Typography (Title, Price, Sale Badge)
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
    padding: 10px 12px 14px 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link h2 {
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: var(--sd-text-dark) !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.7em !important;
    transition: color 0.2s ease !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: var(--sd-accent-maroon) !important;
}

/* Bottom Meta Row (Price + Cart Action) */
.sd-product-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px !important;
    margin-top: auto;
    padding-top: 4px;
}

/* Price Styling */
.woocommerce ul.products li.product .price {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--sd-price-color) !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 2px 6px !important;
    min-width: 0 !important;
    line-height: 1.25 !important;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    font-weight: 700 !important;
    color: var(--sd-price-color) !important;
}

.woocommerce ul.products li.product .price del {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: var(--sd-text-muted) !important;
    opacity: 0.8 !important;
}

/* --------------------------------------------------------------------------
   9. Circular Quick-Add Cart Button (Manyavar Reference Inspired)
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_simple {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex-shrink: 0 !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--sd-accent-terracotta) !important;
    background-color: transparent !important;
    color: var(--sd-accent-terracotta) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important; /* Hides default text */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Custom Cart Icon inside circular button */
.woocommerce ul.products li.product .button.add_to_cart_button::before,
.woocommerce ul.products li.product .button.product_type_variable::before,
.woocommerce ul.products li.product .button.product_type_simple::before {
    content: "" !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    background-color: var(--sd-accent-terracotta) !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>') no-repeat center !important;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>') no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    transition: background-color 0.2s ease !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.product_type_variable:hover,
.woocommerce ul.products li.product .button.product_type_simple:hover {
    background-color: var(--sd-accent-terracotta) !important;
    border-color: var(--sd-accent-terracotta) !important;
    transform: scale(1.08) !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover::before,
.woocommerce ul.products li.product .button.product_type_variable:hover::before,
.woocommerce ul.products li.product .button.product_type_simple:hover::before {
    background-color: #FFFFFF !important;
}

/* Loading & Added states */
.woocommerce ul.products li.product .button.add_to_cart_button.loading::before {
    opacity: 0.3 !important;
}

.woocommerce ul.products li.product .button.add_to_cart_button.added::after {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    font-size: 10px !important;
    background: #27ae60 !important;
    color: #fff !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* --------------------------------------------------------------------------
   10. Pagination & Mobile Responsiveness
   -------------------------------------------------------------------------- */
/* WooCommerce Pagination */
.woocommerce nav.woocommerce-pagination {
    margin: 30px 0 20px 0 !important;
    text-align: center !important;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    display: inline-flex !important;
    gap: 6px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 4px !important;
    border: 1px solid var(--sd-border) !important;
    background-color: #FFFFFF !important;
    color: var(--sd-text-dark) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: var(--sd-accent-maroon) !important;
    border-color: var(--sd-accent-maroon) !important;
    color: #FFFFFF !important;
}

/* Tablet Landscape & Portrait Breakpoints */
@media (max-width: 1024px) {
    .woocommerce ul.products,
    .ast-woocommerce-container ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px 10px !important;
    }
    
    .ast-woo-shop-archive .woocommerce-products-header__title.page-title,
    .ast-woo-shop-archive h1.page-title {
        font-size: 26px !important;
    }
}

/* Mobile Devices (Two Column Grid matching Manyavar) */
@media (max-width: 768px) {
    .woocommerce ul.products,
    .ast-woocommerce-container ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px 8px !important;
    }

    .ast-woo-shop-archive .ast-archive-description,
    .ast-woo-shop-archive .woocommerce-products-header {
        padding-top: 10px !important;
        padding-bottom: 8px !important;
    }

    .ast-woo-shop-archive .woocommerce-products-header__title.page-title,
    .ast-woo-shop-archive h1.page-title {
        font-size: 22px !important;
        margin: 2px 0 8px 0 !important;
    }


    .sd-shop-toolbar {
        flex-direction: row;
        gap: 8px;
        padding-bottom: 10px;
    }

    .woocommerce-result-count {
        font-size: 12px !important;
    }

    .woocommerce-ordering select.orderby {
        font-size: 12px !important;
        padding: 5px 22px 5px 8px !important;
    }

    .woocommerce ul.products li.product .astra-shop-summary-wrap {
        padding: 8px 8px 10px 8px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 12.5px !important;
        min-height: 2.6em !important;
        margin-bottom: 4px !important;
    }

    .sd-product-meta-row {
        gap: 8px !important;
    }

    .woocommerce ul.products li.product .price {
        font-size: 13px !important;
        gap: 2px 5px !important;
        line-height: 1.25 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .woocommerce ul.products li.product .price del {
        font-size: 11px !important;
    }

    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product .button.product_type_variable,
    .woocommerce ul.products li.product .button.product_type_simple {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        flex-shrink: 0 !important;
        margin-left: 6px !important;
    }

    .woocommerce ul.products li.product .button.add_to_cart_button::before,
    .woocommerce ul.products li.product .button.product_type_variable::before,
    .woocommerce ul.products li.product .button.product_type_simple::before {
        width: 13px !important;
        height: 13px !important;
    }
}

/* ==========================================================================
   11. SINGLE PRODUCT PAGE - MANYAVAR MOHEY PREMIUM REDESIGN
   ========================================================================== */

/* Page Background */
body.single-product {
    background-color: var(--sd-bg-cream) !important;
}

/* Breadcrumb Styling */
.single-product .ast-breadcrumbs,
.single-product .woocommerce-breadcrumb {
    padding: 14px 0 10px 0 !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    color: var(--sd-text-muted) !important;
    font-weight: 400 !important;
}

.single-product .ast-breadcrumbs a,
.single-product .woocommerce-breadcrumb a {
    color: var(--sd-text-muted) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.single-product .ast-breadcrumbs a:hover,
.single-product .woocommerce-breadcrumb a:hover {
    color: var(--sd-accent-maroon) !important;
}

/* Product Container & Spacing */
.single-product div.product {
    position: relative !important;
    padding-top: 6px !important;
}

/* Product Gallery Container */
.single-product div.product .woocommerce-product-gallery {
    position: relative !important;
    margin-bottom: 25px !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    border-radius: 4px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* Floating Action Badges (Wishlist & Share) on Gallery */
.sd-gallery-floating-actions {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 20;
    pointer-events: auto;
}

.sd-action-circle-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D3748;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
}

.sd-action-circle-btn:hover {
    background: #FFFFFF;
    color: var(--sd-accent-maroon);
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.sd-action-circle-btn svg {
    display: block;
    transition: transform 0.2s ease;
}

/* Product Summary (Right Side) */
.single-product div.product .summary {
    padding-left: 15px !important;
}

/* Product Title */
.single-product div.product .summary .product_title,
.single-product h1.product_title {
    font-family: var(--sd-font-heading) !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: var(--sd-text-dark) !important;
    line-height: 1.3 !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: -0.2px !important;
}

/* Price & Tax Inclusive Subtext */
.single-product div.product .summary p.price,
.single-product div.product .summary span.price {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--sd-text-dark) !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.single-product div.product .summary p.price del,
.single-product div.product .summary span.price del {
    font-size: 17px !important;
    color: var(--sd-text-muted) !important;
    font-weight: 400 !important;
    opacity: 0.7 !important;
}

.single-product div.product .summary p.price ins,
.single-product div.product .summary span.price ins {
    text-decoration: none !important;
    color: var(--sd-text-dark) !important;
}

/* "MRP (Inclusive of all taxes)" inline note */
.single-product div.product .summary p.price::after,
.single-product div.product .summary .price::after {
    content: "MRP (Inclusive of all taxes)";
    font-size: 13px;
    font-weight: 400;
    color: var(--sd-text-muted);
    letter-spacing: 0;
}

/* SKU ID Styling */
.single-product .product_meta .sku_wrapper {
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--sd-text-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 16px !important;
}

.single-product .product_meta .sku_wrapper .sku {
    color: var(--sd-text-dark) !important;
    font-weight: 600 !important;
}

.single-product .product_meta .posted_in,
.single-product .product_meta .tagged_as {
    display: block !important;
    font-size: 12.5px !important;
    color: var(--sd-text-muted) !important;
    margin-top: 4px !important;
}

/* Variations & Color Swatches */
.single-product div.product form.cart .variations {
    border: none !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.single-product div.product form.cart .variations td.label {
    padding: 0 0 8px 0 !important;
    display: block !important;
}

.single-product div.product form.cart .variations label {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: var(--sd-text-dark) !important;
}

.single-product div.product form.cart .variations td.value {
    padding: 0 0 16px 0 !important;
    display: block !important;
}

/* Add to Cart & Buy Now Dual Action Buttons */
.single-product div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 20px 0 24px 0 !important;
}

.single-product div.product form.cart .quantity {
    margin: 0 !important;
}

.single-product div.product form.cart .quantity .qty {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 4px !important;
    border: 1px solid var(--sd-border) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.single-product div.product form.cart .single_add_to_cart_button,
.single-product div.product form.cart .sd-buy-now-btn {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    flex: 1 1 180px !important;
    text-decoration: none !important;
}

/* ADD TO CART - Elegant Peach / Outline Style */
.single-product div.product form.cart .single_add_to_cart_button {
    background-color: #FFF6F0 !important;
    border: 1.5px solid var(--sd-accent-terracotta) !important;
    color: var(--sd-accent-terracotta) !important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--sd-accent-terracotta) !important;
    color: #FFFFFF !important;
}

/* BUY NOW - Solid Vibrant Terracotta Style */
.single-product div.product form.cart .sd-buy-now-btn {
    background-color: var(--sd-accent-terracotta) !important;
    border: 1.5px solid var(--sd-accent-terracotta) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(197, 85, 43, 0.25) !important;
}

.single-product div.product form.cart .sd-buy-now-btn:hover {
    background-color: #B24620 !important;
    border-color: #B24620 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(197, 85, 43, 0.35) !important;
}

/* STICKY BOTTOM BAR (Manyavar Mohey Inspired) */
.sd-sticky-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #F8EFE4; /* Warm cream/peach beige matching screenshot */
    border-top: 1px solid rgba(197, 85, 43, 0.18);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
    z-index: 99999;
    padding: 12px 24px;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.3s;
}

.sd-sticky-bottom-bar.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.sd-sticky-inner-container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.sd-sticky-left-info {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.sd-sticky-title {
    font-family: var(--sd-font-heading);
    font-size: 19px;
    font-weight: 700;
    color: var(--sd-text-dark);
    margin: 0;
    line-height: 1.2;
}

.sd-sticky-size-badge {
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--sd-text-dark);
    text-transform: uppercase;
}

.sd-sticky-price {
    font-size: 20px;
    font-weight: 700;
    color: var(--sd-text-dark);
}

.sd-sticky-right-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sd-sticky-btn {
    height: 44px;
    padding: 0 28px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.sd-sticky-btn-cart {
    background-color: #FFF6F0;
    border: 1.5px solid var(--sd-accent-terracotta);
    color: var(--sd-accent-terracotta);
}

.sd-sticky-btn-cart:hover {
    background-color: var(--sd-accent-terracotta);
    color: #FFFFFF;
}

.sd-sticky-btn-buy {
    background-color: var(--sd-accent-terracotta);
    border: 1.5px solid var(--sd-accent-terracotta);
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(197, 85, 43, 0.25);
}

.sd-sticky-btn-buy:hover {
    background-color: #B24620;
    border-color: #B24620;
}

/* Mobile & Tablet Responsiveness for Single Product & Sticky Bar */
@media (max-width: 768px) {
    .single-product div.product .summary .product_title,
    .single-product h1.product_title {
        font-size: 22px !important;
    }

    .single-product div.product .summary p.price,
    .single-product div.product .summary span.price {
        font-size: 22px !important;
    }

    .sd-sticky-bottom-bar {
        padding: 8px 12px;
    }

    .sd-sticky-inner-container {
        flex-direction: column;
        gap: 8px;
        align-items: stretch;
    }

    .sd-sticky-left-info {
        justify-content: space-between;
        gap: 8px;
    }

    .sd-sticky-title {
        display: none; /* Hide long title on compact mobile screens */
    }

    .sd-sticky-size-badge {
        font-size: 12px;
    }

    .sd-sticky-price {
        font-size: 16px;
    }

    .sd-sticky-right-actions {
        width: 100%;
    }

    .sd-sticky-btn {
        flex: 1 1 50%;
        height: 40px;
        font-size: 12.5px;
        padding: 0 10px;
    }
}