/**
 * Premium WooCommerce Glassmorphism Styles
 * Version: 1.0.0
 * Author: Jain Software
 * Description: Modern glassmorphism design for WooCommerce elements
 */

/* ===============================================
   CSS Custom Properties (Design Tokens)
   =============================================== */
:root {
    /* Primary Colors - Purple/Blue Gradient Theme */
    --wc-primary: #7c3aed;
    --wc-primary-light: #8b5cf6;
    --wc-primary-dark: #6d28d9;
    --wc-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #4f46e5 50%, #2563eb 100%);

    /* Secondary & Accent Colors */
    --wc-secondary: #06b6d4;
    --wc-accent: #f59e0b;
    --wc-success: #10b981;
    --wc-danger: #ef4444;
    --wc-warning: #f59e0b;

    /* Glassmorphism Colors */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.3);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    --glass-blur: blur(12px);

    /* Dark Glass */
    --glass-dark-bg: rgba(30, 30, 40, 0.85);
    --glass-dark-border: rgba(255, 255, 255, 0.1);

    /* Text Colors */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --text-white: #ffffff;

    /* Background */
    --bg-light: #f8fafc;
    --bg-pattern: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
}

/* ===============================================
   Global WooCommerce Styling
   =============================================== */

.woocommerce-page,
.woocommerce {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===============================================
   CART PAGE STYLES
   =============================================== */

/* Main Cart Container */
.woocommerce-cart .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
    margin: 0 auto;
    padding: var(--spacing-xl);
}

/* ===============================================
   ADDED TO CART POPUP FIXES
   =============================================== */
/* Fix button spacing in popups/modals */
.woocommerce-message .button,
.woocommerce-message .wc-forward,
.xoo-cp-container .button,
.xoo-cp-container .wc-forward,
#yith-quick-view-modal .button,
.added_to_cart_notification .button {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 10px 10px 0 !important;
    float: none !important;
    min-width: 120px !important;
}

/* Fix Suggested Products in Popup */
.woocommerce-message .cross-sells ul.products,
.added_to_cart_notification .cross-sells ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    margin-top: 20px !important;
}

.woocommerce-message .cross-sells ul.products li.product,
.added_to_cart_notification .cross-sells ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
}


/* Cart Form Glass Container */
.woocommerce-cart-form {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
    overflow: hidden;
}

/* Cart Table */
.woocommerce table.shop_table.cart,
.woocommerce-cart-form__contents {
    border: none !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 var(--spacing-md) !important;
}

.woocommerce table.shop_table.cart thead th,
.shop_table thead th {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.8rem !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    border: none !important;
}

.woocommerce table.shop_table.cart thead tr {
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}

.woocommerce table.shop_table.cart thead th:first-child {
    border-radius: var(--radius-lg) 0 0 var(--radius-lg) !important;
}

.woocommerce table.shop_table.cart thead th:last-child {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0 !important;
}

/* Cart Items */
.woocommerce table.shop_table.cart tbody tr.cart_item,
.woocommerce-cart-form__cart-item {
    background: var(--glass-bg) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: all var(--transition-base) !important;
    border: 1px solid var(--glass-border) !important;
}

.woocommerce table.shop_table.cart tbody tr.cart_item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.15) !important;
    border-color: var(--wc-primary-light) !important;
}

.woocommerce table.shop_table.cart tbody td {
    padding: var(--spacing-lg) !important;
    border: none !important;
    vertical-align: middle !important;
}

/* Cart Product Image */
.woocommerce table.shop_table.cart .product-thumbnail img {
    border-radius: var(--radius-md) !important;
    max-width: 80px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transition: transform var(--transition-base) !important;
}

.woocommerce table.shop_table.cart .product-thumbnail img:hover {
    transform: scale(1.08) !important;
}

/* Product Name */
.woocommerce table.shop_table.cart td.product-name a {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color var(--transition-fast) !important;
    font-size: 1rem !important;
}

.woocommerce table.shop_table.cart td.product-name a:hover {
    color: var(--wc-primary) !important;
}

/* Product Price */
.woocommerce table.shop_table.cart td.product-price,
.woocommerce table.shop_table.cart td.product-subtotal {
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    color: var(--wc-primary) !important;
}

.woocommerce table.shop_table.cart td.product-subtotal .amount {
    background: linear-gradient(135deg, var(--wc-primary) 0%, var(--wc-secondary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Remove Button */
.woocommerce table.shop_table.cart .remove,
.woocommerce a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%) !important;
    color: var(--wc-danger) !important;
    border-radius: var(--radius-full) !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all var(--transition-base) !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
}

.woocommerce table.shop_table.cart .remove:hover,
.woocommerce a.remove:hover {
    background: var(--wc-danger) !important;
    color: var(--text-white) !important;
    transform: scale(1.1) rotate(90deg) !important;
}

/* Quantity Input - Premium Styling */
.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 2px solid var(--glass-border) !important;
    border-radius: var(--radius-full) !important;
    overflow: hidden !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
}

.woocommerce .quantity .qty {
    width: 60px !important;
    height: 44px !important;
    border: none !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    background: transparent !important;
    color: var(--text-primary) !important;
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

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

.woocommerce .quantity button,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
    width: 40px !important;
    height: 44px !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: var(--wc-primary) !important;
    transition: all var(--transition-fast) !important;
}

.woocommerce .quantity button:hover {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
}

/* ===============================================
   CART ACTIONS ROW
   =============================================== */
.woocommerce table.shop_table.cart .actions {
    background: transparent !important;
    padding: var(--spacing-xl) var(--spacing-lg) !important;
    border: none !important;
}

/* Actions as table cell - flex layout */
.woocommerce table.shop_table.cart td.actions {
    display: block !important;
    padding: var(--spacing-xl) !important;
    background: rgba(124, 58, 237, 0.03) !important;
    border-radius: var(--radius-lg) !important;
}

/* Cart Actions Container - Using Flexbox */
.woocommerce table.shop_table.cart td.actions>* {
    vertical-align: middle !important;
}

/* Coupon Section - inline on left */
.woocommerce .coupon {
    display: inline-flex !important;
    gap: var(--spacing-sm) !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin-bottom: var(--spacing-md) !important;
    margin-right: var(--spacing-md) !important;
}

.woocommerce .coupon label {
    display: inline-block !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    margin-right: var(--spacing-sm) !important;
    font-size: 0.85rem !important;
    white-space: nowrap !important;
}

.woocommerce .coupon #coupon_code,
.woocommerce input#coupon_code {
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: var(--radius-full) !important;
    font-size: 0.9rem !important;
    min-width: 160px !important;
    max-width: 180px !important;
    background: #ffffff !important;
    transition: all var(--transition-base) !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
}

.woocommerce .coupon #coupon_code::placeholder {
    color: var(--text-muted) !important;
}

.woocommerce .coupon #coupon_code:focus {
    border-color: var(--wc-primary) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
    outline: none !important;
}

/* Action buttons - inline aligned */
.woocommerce table.shop_table.cart .actions>.button,
.woocommerce table.shop_table.cart .actions>a.checkout-button {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-right: var(--spacing-sm) !important;
    margin-bottom: var(--spacing-sm) !important;
    float: none !important;
}

/* ===============================================
   BUTTONS - Premium Glassmorphism
   =============================================== */

/* Primary Button Base */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 24px !important;
    min-height: 44px !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    cursor: pointer !important;
    transition: all var(--transition-base) !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

/* Apply Coupon Button */
.woocommerce .coupon .button,
.woocommerce button[name="apply_coupon"] {
    background: linear-gradient(135deg, var(--wc-secondary) 0%, #0891b2 100%) !important;
    color: var(--text-white) !important;
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3) !important;
}

.woocommerce .coupon .button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.4) !important;
}

/* Update Cart Button */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    background: var(--glass-bg) !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--glass-border) !important;
    backdrop-filter: var(--glass-blur) !important;
    box-shadow: var(--glass-shadow) !important;
}

.woocommerce button[name="update_cart"]:hover,
.woocommerce input[name="update_cart"]:hover {
    background: var(--text-primary) !important;
    color: var(--text-white) !important;
    border-color: var(--text-primary) !important;
}

.woocommerce button[name="update_cart"]:disabled,
.woocommerce input[name="update_cart"]:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Proceed to Checkout Button - PREMIUM STYLING (consistent size) */
.woocommerce .checkout-button,
.woocommerce a.checkout-button,
.woocommerce button[name="proceed"],
.woocommerce input[name="proceed"],
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce table.shop_table.cart td.actions .checkout-button {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    padding: 12px 28px !important;
    font-size: 0.85rem !important;
    min-height: 44px !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important;
}

.woocommerce .checkout-button::before,
.woocommerce a.checkout-button::before,
.woocommerce .wc-proceed-to-checkout a.checkout-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
    transition: left 0.5s ease !important;
}

.woocommerce .checkout-button:hover::before,
.woocommerce a.checkout-button:hover::before {
    left: 100% !important;
}

.woocommerce .checkout-button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button[name="proceed"]:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 12px 35px rgba(124, 58, 237, 0.45) !important;
}

/* ===============================================
   CART TOTALS - Glassmorphism Card
   =============================================== */
.woocommerce .cart-collaterals {
    margin-top: var(--spacing-2xl);
}

.woocommerce .cart_totals,
.woocommerce-cart .cart_totals {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-xl) !important;
    max-width: 480px !important;
    margin-left: auto !important;
}

.woocommerce .cart_totals h2,
.cart_totals h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: var(--spacing-lg) !important;
    padding-bottom: var(--spacing-md) !important;
    border-bottom: 2px solid var(--glass-border) !important;
    background: var(--wc-primary-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.woocommerce .cart_totals table.shop_table {
    border: none !important;
    margin-bottom: var(--spacing-lg) !important;
}

.woocommerce .cart_totals table.shop_table tr {
    background: transparent !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.woocommerce .cart_totals table.shop_table tr:last-child {
    border-bottom: none !important;
}

.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
    padding: var(--spacing-md) 0 !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce .cart_totals table.shop_table th {
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em !important;
}

.woocommerce .cart_totals table.shop_table td {
    text-align: right !important;
    font-weight: 600 !important;
    color: var(--wc-primary) !important;
}

.woocommerce .cart_totals table.shop_table tr.order-total td {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    padding-top: var(--spacing-lg) !important;
}

.woocommerce .cart_totals table.shop_table tr.order-total td .amount {
    background: var(--wc-primary-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Shipping Options */
.woocommerce .cart_totals .woocommerce-shipping-methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce .cart_totals .woocommerce-shipping-methods li {
    margin-bottom: var(--spacing-sm) !important;
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
}

.woocommerce .cart_totals .woocommerce-shipping-methods input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--wc-primary-light) !important;
    border-radius: var(--radius-full) !important;
    margin: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all var(--transition-fast) !important;
}

.woocommerce .cart_totals .woocommerce-shipping-methods input[type="radio"]:checked {
    background: var(--wc-primary) !important;
    border-color: var(--wc-primary) !important;
}

.woocommerce .cart_totals .woocommerce-shipping-methods input[type="radio"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--text-white) !important;
    border-radius: var(--radius-full) !important;
}

/* Proceed to Checkout in Cart Totals */
.woocommerce .wc-proceed-to-checkout {
    padding-top: var(--spacing-lg) !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    display: flex !important;
    width: 100% !important;
    text-align: center !important;
}

/* ===============================================
   SHOP / PRODUCT LISTING PAGE
   =============================================== */

/* Product Grid - Strong selectors for all shop/category pages */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce .products ul.products,
body.woocommerce ul.products,
body.archive ul.products,
body.tax-product_cat ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--spacing-xl) !important;
    padding: var(--spacing-xl) 0 !important;
    list-style: none !important;
    margin: 0 !important;
    clear: both !important;
}

/* CRITICAL FIX: Hide pseudo-elements that interfere with CSS Grid */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
body.woocommerce ul.products::before,
body.woocommerce ul.products::after,
body.archive ul.products::before,
body.archive ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after {
    display: none !important;
    content: none !important;
}

/* Override .first and .last class float clearing behavior */
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last,
.woocommerce-page ul.products li.product.first,
.woocommerce-page ul.products li.product.last {
    clear: none !important;
    float: none !important;
}

/* 3 columns even for sidebar layouts - FORCE 3 PRODUCTS PER ROW */
.woocommerce.columns-2 ul.products,
.woocommerce-page.columns-2 ul.products,
.woocommerce ul.products.columns-2,
.woocommerce .two_columns_66_33 ul.products,
.woocommerce .two_columns_75_25 ul.products,
.woocommerce .column1 ul.products,
.woocommerce .content ul.products,
.woocommerce .column_inner ul.products,
.tax-product_cat ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Make sidebar narrower to allow 3-column product grid */
.woocommerce .two_columns_66_33 .column2,
.woocommerce .two_columns_75_25 .column2,
.woocommerce aside.widget_area,
.woocommerce-page .widget-area,
.woocommerce.archive .column2 {
    max-width: 220px !important;
    min-width: 200px !important;
}

/* Give main content area more space */
.woocommerce .two_columns_66_33 .column1,
.woocommerce .two_columns_75_25 .column1,
.woocommerce.archive .content,
.woocommerce-page .content-area {
    flex: 1 !important;
    max-width: calc(100% - 240px) !important;
}

/* Product Cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
body.woocommerce ul.products li.product,
body.archive ul.products li.product {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    overflow: hidden !important;
    transition: all var(--transition-base) !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 50px rgba(124, 58, 237, 0.15) !important;
    border-color: var(--wc-primary-light) !important;
}

/* Product Image Container */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    transition: transform var(--transition-slow) !important;
    margin: 0 !important;
}

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

/* Sale Badge */
.woocommerce span.onsale {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    border-radius: var(--radius-full) !important;
    padding: var(--spacing-xs) var(--spacing-md) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    position: absolute !important;
    top: var(--spacing-md) !important;
    left: var(--spacing-md) !important;
    right: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.5 !important;
    z-index: 10 !important;
}

/* Product Content */
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-xs) !important;
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    line-height: 1.4 !important;
}

.woocommerce ul.products li.product .price {
    display: block !important;
    padding: 0 var(--spacing-lg) var(--spacing-sm) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    color: var(--wc-primary) !important;
}

.woocommerce ul.products li.product .price del {
    color: var(--text-muted) !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}

/* Add to Cart Button on Product List */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    display: block !important;
    width: calc(100% - var(--spacing-2xl)) !important;
    margin: var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) !important;
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    text-align: center !important;
    padding: var(--spacing-sm) var(--spacing-lg) !important;
    border-radius: var(--radius-full) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important;
}

.woocommerce ul.products li.product .button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.4) !important;
}

/* Star Rating */
.woocommerce ul.products li.product .star-rating {
    margin: 0 var(--spacing-lg) var(--spacing-sm) !important;
    font-size: 0.85rem !important;
}

.woocommerce .star-rating span::before {
    color: var(--wc-accent) !important;
}

/* ===============================================
   SINGLE PRODUCT PAGE
   =============================================== */

/* Full Width Container for Single Product */
.single-product .woocommerce,
.single-product .site-content,
.single-product .content-area,
.single-product .column_inner {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-xl) !important;
}

/* Single Product Wrapper - Side-by-Side Layout */
.woocommerce div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-2xl) !important;
    padding: var(--spacing-2xl) 0 !important;
    align-items: flex-start !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Product Gallery - Left Side (50%) */
.woocommerce div.product div.images {
    flex: 1 1 45% !important;
    max-width: 550px !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-lg) !important;
    overflow: hidden !important;
    float: none !important;
    width: auto !important;
}

.woocommerce div.product div.images img {
    border-radius: var(--radius-lg) !important;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex !important;
    gap: var(--spacing-sm) !important;
    margin-top: var(--spacing-md) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    flex: 0 0 auto !important;
}

.woocommerce div.product div.images .flex-control-thumbs img {
    border-radius: var(--radius-sm) !important;
    opacity: 0.6 !important;
    transition: opacity var(--transition-fast) !important;
    cursor: pointer !important;
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
    opacity: 1 !important;
}

/* Product Summary - Right Side (50%) - FORCED SIDE BY SIDE */
.woocommerce div.product div.summary,
.single-product div.product div.summary,
.single-product .woocommerce div.product div.summary {
    flex: 1 1 calc(50% - 24px) !important;
    min-width: 350px !important;
    max-width: 600px !important;
    width: calc(50% - 24px) !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-2xl) !important;
    float: none !important;
    box-sizing: border-box !important;
}

.woocommerce div.product .product_title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-md) !important;
    line-height: 1.3 !important;
}

/* Single Product Wrapper - Side-by-Side Layout */
.woocommerce div.product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-2xl) !important;
    padding: var(--spacing-2xl) 0 !important;
    align-items: flex-start !important;
    max-width: 100% !important;
    /* Allow full width to kill whitespace */
    padding-left: 2% !important;
    padding-right: 2% !important;
    margin: 0 auto !important;
}

/* Product Gallery - Left Side */
.woocommerce div.product div.images {
    flex: 1 1 48% !important;
    /* Reduced to balance */
    max-width: 50% !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-lg) !important;
    overflow: hidden !important;
    float: none !important;
    width: auto !important;
}

/* ... (middle parts unchanged implicitly, but I need to include them to match valid replacement if I span) ... */
/* Actually, I am replacing a chunk. Let me check the range. */
/* I will replace the Price section specifically and the container width section separately if possible, or one big chunk. */
/* Let's do the Price section first to be precise. */

.woocommerce div.product p.price {
    font-size: 1.5rem !important;
    /* Reduced from 1.75rem */
    font-weight: 700 !important;
    margin-bottom: var(--spacing-lg) !important;
    padding-bottom: var(--spacing-lg) !important;
    border-bottom: 1px solid var(--glass-border) !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* Sale Price - Gradient */
.woocommerce div.product p.price ins,
.woocommerce div.product p.price .ins {
    background: transparent !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

.woocommerce div.product p.price ins .woocommerce-Price-amount,
.woocommerce div.product p.price .ins .woocommerce-Price-amount {
    background: var(--wc-primary-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 1.8rem !important;
    /* Keep sale price large */
}

/* Regular Price (Cut) - Solid Color */
.woocommerce div.product p.price del,
.woocommerce div.product p.price .del {
    opacity: 0.6 !important;
    font-size: 0.9em !important;
    text-decoration: line-through !important;
    /* Ensure strikethrough */
    color: #ef4444 !important;
    /* Red color for cut price */
    display: inline-block !important;
}

.woocommerce div.product p.price del .woocommerce-Price-amount,
.woocommerce div.product p.price .del .woocommerce-Price-amount {
    background: none !important;
    /* NO gradient */
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #6b7280 !important;
    /* Solid gray/red */
    color: #6b7280 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

/* Add to Cart Form */
.woocommerce div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-md) !important;
    align-items: center !important;
    margin: var(--spacing-xl) 0 !important;
    padding: var(--spacing-lg) !important;
    background: rgba(124, 58, 237, 0.05) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px dashed var(--wc-primary-light) !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button {
    flex: 1 !important;
    min-width: 200px !important;
    padding: var(--spacing-md) var(--spacing-2xl) !important;
    font-size: 1rem !important;
}

/* Product Meta */
.woocommerce div.product .product_meta {
    margin-top: var(--spacing-xl) !important;
    padding-top: var(--spacing-lg) !important;
    border-top: 1px solid var(--glass-border) !important;
    font-size: 0.9rem !important;
    color: var(--text-secondary) !important;
}

.woocommerce div.product .product_meta>span {
    display: block !important;
    margin-bottom: var(--spacing-xs) !important;
}

.woocommerce div.product .product_meta a {
    color: var(--wc-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.woocommerce div.product .product_meta a:hover {
    text-decoration: underline !important;
}

/* ===============================================
   CHECKOUT PAGE
   =============================================== */

.woocommerce-checkout .woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: var(--spacing-xl) !important;
}

/* Checkout Columns */
.woocommerce-checkout .checkout_page_left,
.woocommerce-checkout .checkout_page_right {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-xl) !important;
}

/* Form Fields */
.woocommerce form .form-row {
    margin-bottom: var(--spacing-md) !important;
}

.woocommerce form .form-row label {
    font-weight: 500 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-xs) !important;
    display: block !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100% !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    border: 2px solid var(--glass-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--glass-bg) !important;
    font-size: 1rem !important;
    transition: all var(--transition-base) !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--wc-primary) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
    outline: none !important;
}

/* Order Review Table */
.woocommerce-checkout #order_review {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-xl) !important;
}

.woocommerce-checkout #order_review table.shop_table {
    border: none !important;
}

.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
    padding: var(--spacing-md) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

/* Place Order Button */
.woocommerce-checkout #place_order {
    width: 100% !important;
    padding: var(--spacing-md) var(--spacing-2xl) !important;
    font-size: 1.1rem !important;
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    cursor: pointer !important;
    transition: all var(--transition-base) !important;
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.35) !important;
    margin-top: var(--spacing-lg) !important;
}

.woocommerce-checkout #place_order:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(124, 58, 237, 0.45) !important;
}

/* ===============================================
   MY ACCOUNT PAGE
   =============================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-lg) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: var(--spacing-xs) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all var(--transition-base) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: var(--spacing-xl) !important;
}

/* ===============================================
   NOTICES & MESSAGES
   =============================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-lg) !important;
    border-left: 4px solid !important;
    border-right: none !important;
    border-top: 1px solid var(--glass-border) !important;
    border-bottom: 1px solid var(--glass-border) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
    box-shadow: var(--glass-shadow) !important;
}

.woocommerce-message {
    border-left-color: var(--wc-success) !important;
}

.woocommerce-info {
    border-left-color: var(--wc-primary) !important;
}

.woocommerce-error {
    border-left-color: var(--wc-danger) !important;
}

.woocommerce-message::before {
    color: var(--wc-success) !important;
}

.woocommerce-info::before {
    color: var(--wc-primary) !important;
}

.woocommerce-error::before {
    color: var(--wc-danger) !important;
}

/* ===============================================
   LOADING & ANIMATIONS
   =============================================== */

.woocommerce .blockUI.blockOverlay {
    background: rgba(255, 255, 255, 0.8) url('') no-repeat center center !important;
    backdrop-filter: blur(4px) !important;
}

.woocommerce .loader::before,
.woocommerce .blockUI.blockOverlay::before {
    content: '' !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    border: 3px solid var(--glass-border) !important;
    border-top-color: var(--wc-primary) !important;
    border-radius: 50% !important;
    animation: spin 1s linear infinite !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: -20px 0 0 -20px !important;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ===============================================
   RESPONSIVE DESIGN
   =============================================== */

@media screen and (max-width: 992px) {

    /* Product grid - 2 columns on tablets */
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    body.woocommerce ul.products,
    body.archive ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce {
        padding: var(--spacing-md) !important;
    }

    .woocommerce table.shop_table.cart .actions {
        text-align: center !important;
    }

    .woocommerce table.shop_table.cart .actions>.button,
    .woocommerce table.shop_table.cart .actions>a.checkout-button {
        float: none !important;
        display: block !important;
        margin: var(--spacing-sm) 0 !important;
        width: 100% !important;
    }

    .woocommerce .coupon {
        width: 100% !important;
        margin-bottom: var(--spacing-md) !important;
        justify-content: center !important;
    }

    .woocommerce .coupon #coupon_code {
        flex: 1 !important;
    }

    .woocommerce .cart_totals {
        max-width: 100% !important;
        margin: var(--spacing-xl) 0 0 0 !important;
    }

    .woocommerce-checkout .checkout_page_left,
    .woocommerce-checkout .checkout_page_right {
        width: 100% !important;
        float: none !important;
        margin-bottom: var(--spacing-xl) !important;
    }
}

@media screen and (max-width: 768px) {

    /* Product grid - 2 columns still */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md) !important;
    }

    .woocommerce table.shop_table.cart thead {
        display: none !important;
    }

    .woocommerce table.shop_table.cart tbody tr.cart_item {
        display: grid !important;
        grid-template-columns: 80px 1fr !important;
        gap: var(--spacing-md) !important;
        padding: var(--spacing-md) !important;
    }

    .woocommerce table.shop_table.cart tbody td {
        padding: var(--spacing-xs) !important;
    }

    .woocommerce table.shop_table.cart td::before {
        content: attr(data-title) ': ' !important;
        font-weight: 600 !important;
        color: var(--text-secondary) !important;
        margin-right: var(--spacing-sm) !important;
    }

    .woocommerce div.product div.summary {
        padding: var(--spacing-lg) !important;
    }

    .woocommerce div.product .product_title {
        font-size: 1.5rem !important;
    }
}

@media screen and (max-width: 480px) {
    :root {
        --spacing-xl: 1.5rem;
        --spacing-2xl: 2rem;
    }

    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }

    .woocommerce .checkout-button,
    .woocommerce a.checkout-button {
        min-width: auto !important;
        width: 100% !important;
    }

    .woocommerce div.product form.cart {
        flex-direction: column !important;
    }

    .woocommerce div.product form.cart .single_add_to_cart_button {
        width: 100% !important;
    }
}

/* ===============================================
   PRINT STYLES
   =============================================== */

@media print {

    .woocommerce-cart-form,
    .woocommerce .cart_totals,
    .woocommerce ul.products li.product,
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        box-shadow: none !important;
        backdrop-filter: none !important;
        border: 1px solid #e5e7eb !important;
    }
}

/* ===============================================
   HOMEPAGE & GLOBAL WHITESPACE FIXES
   =============================================== */

/* NOTE: Removed aggressive homepage padding rules that were breaking layout */
/* Let theme handle its own section spacing */

/* Fix container widths for all WooCommerce pages */
.woocommerce .page_content_inner,
.woocommerce .column_inner,
.woocommerce-page .page_content_inner,
.woocommerce-page .column_inner,
.tax-product_cat .page_content_inner,
.tax-product_cat .column_inner {
    max-width: 100% !important;
    padding: 0 !important;
}

/* ===============================================
   ARCHIVE/SHOP HEADER COMPACTING
   =============================================== */

/* Reduce huge whitespace in shop header */
.woocommerce-products-header,
.term-description {
    display: none !important;
    /* Hide if empty or redundant */
}

/* Target the sort/filter row to make it compact */
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    float: right !important;
    margin-bottom: 20px !important;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: left !important;
    margin-bottom: 20px !important;
    margin-top: 10px !important;
}

/* Force the product grid to start higher */
.archive .content .container .container_inner {
    padding-top: 20px !important;
}

/* Hide the huge "spacer" elements often found in themes */
.archive .vc_empty_space,
.tax-product_cat .vc_empty_space {
    display: none !important;
}

/* Make layout 100% width on shop if needed */
.woocommerce.archive .container_inner,
.woocommerce-page.archive .container_inner {
    width: 100% !important;
    max-width: 1200px !important;
    /* Keep legitimate max width */
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Full width shop containers */
.woocommerce.archive .column1,
.woocommerce-page.archive .column1,
.tax-product_cat .column1 {
    width: 100% !important;
    /* Changed from 75% to remove right gap */
    float: none !important;
}

/* ===============================================
   PRODUCT DETAIL PAGE - COMPLETE STYLING
   =============================================== */

/* ===============================================
   PRODUCT DETAIL PAGE - COMPLETE STYLING
   =============================================== */

/* Fix "right side" whitespace by balancing columns */
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
    margin-bottom: 40px !important;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 48% !important;
    float: right !important;
    clear: none !important;
    padding: 30px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.1) !important;
    border-radius: 12px !important;
}

/* Fix product page top whitespace */
.single-product .content .container .container_inner {
    padding-top: 30px !important;
}

/* Ensure no massive gaps between title and menu */
.single-product .title_outer {
    display: none !important;
}

/* Product Tabs - Premium Styling */
.woocommerce div.product .woocommerce-tabs {
    width: 100% !important;
    clear: both !important;
    margin-top: var(--spacing-2xl) !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(124, 58, 237, 0.05) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    font-weight: 600 !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent !important;
    transition: all var(--transition-base) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--wc-primary) !important;
    border-bottom-color: var(--wc-primary) !important;
    background: rgba(124, 58, 237, 0.08) !important;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: var(--spacing-xl) !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-lg) !important;
}

/* Related Products Section */
.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
    width: 100% !important;
    clear: both !important;
    margin-top: var(--spacing-2xl) !important;
    padding: var(--spacing-xl) !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: var(--glass-shadow) !important;
}

.woocommerce div.product .related.products>h2,
.woocommerce div.product .upsells.products>h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-xl) !important;
    text-align: center !important;
}

.woocommerce div.product .related.products ul.products,
.woocommerce div.product .upsells.products ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Short Description */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: var(--text-secondary) !important;
    margin-bottom: var(--spacing-lg) !important;
    padding-bottom: var(--spacing-lg) !important;
    border-bottom: 1px solid var(--glass-border) !important;
}

/* Stock Status */
.woocommerce div.product .stock {
    display: inline-flex !important;
    align-items: center !important;
    padding: var(--spacing-xs) var(--spacing-md) !important;
    border-radius: var(--radius-full) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-md) !important;
}

.woocommerce div.product .stock.in-stock {
    background: rgba(16, 185, 129, 0.1) !important;
    color: var(--wc-success) !important;
}

.woocommerce div.product .stock.out-of-stock {
    background: rgba(239, 68, 68, 0.1) !important;
    color: var(--wc-danger) !important;
}

/* ===============================================
   CATEGORY PAGE - WHITESPACE FIXES
   =============================================== */

/* Remove excessive margins from shop containers */
.woocommerce.archive .content,
.woocommerce-page.archive .content,
.tax-product_cat .content,
.tax-product_cat .page_content_inner {
    padding: var(--spacing-lg) !important;
}

/* Category page header styling */
.woocommerce .woocommerce-products-header {
    margin-bottom: var(--spacing-lg) !important;
}

.woocommerce .woocommerce-products-header__title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-sm) !important;
}

/* Result count and ordering alignment */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
    margin-bottom: var(--spacing-lg) !important;
}

/* Hide Category Widget and Search on Shop Pages */
.woocommerce.archive .widget_product_categories,
.tax-product_cat .widget_product_categories,
.woocommerce-page.archive .widget_product_categories,
.woocommerce.archive .product-categories,
.tax-product_cat .product-categories,
.woocommerce.archive .widget_categories,
.tax-product_cat .widget_categories,
.woocommerce.archive .widget_search,
.tax-product_cat .widget_search {
    display: none !important;
}

/* ===============================================
   RESPONSIVE - TABLET 3 COLUMNS
   =============================================== */

@media screen and (min-width: 769px) and (max-width: 1024px) {

    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .two_columns_66_33 ul.products,
    .woocommerce .column1 ul.products,
    .tax-product_cat ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--spacing-md) !important;
    }

    .woocommerce div.product .related.products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    /* Adjust sidebar on tablet */
    .woocommerce .two_columns_66_33 .column2,
    .woocommerce .two_columns_75_25 .column2 {
        max-width: 180px !important;
    }
}

/* ===============================================
   RESPONSIVE - MOBILE (768px and below)
   =============================================== */

@media screen and (max-width: 768px) {

    /* Product grid - 2 columns on mobile */
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    .woocommerce .column1 ul.products,
    .tax-product_cat ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-sm) !important;
    }

    .woocommerce div.product .related.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Stack sidebar on mobile */
    .woocommerce .two_columns_66_33 .column1,
    .woocommerce .two_columns_75_25 .column1,
    .woocommerce.archive .content {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    .woocommerce .two_columns_66_33 .column2,
    .woocommerce .two_columns_75_25 .column2 {
        display: none !important;
    }

    /* Product detail responsive */
    .woocommerce div.product {
        flex-direction: column !important;
        gap: var(--spacing-lg) !important;
    }

    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    /* Tabs responsive */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        text-align: center !important;
        border-bottom: none !important;
        border-left: 3px solid transparent !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
        border-left-color: var(--wc-primary) !important;
    }
}

/* ===============================================
   ADD TO CART POPUP / MODAL - PREMIUM STYLING
   =============================================== */

/* Main popup container */
.xoo-cp-container,
.xoo-cp-modal,
.xoo-cp-sidebar,
[class*="added-to-cart-popup"],
.woocommerce-message.cart-added {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-radius: var(--radius-xl) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2) !important;
    max-width: 480px !important;
    width: 90% !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Popup header */
.xoo-cp-header,
.xoo-cp-modal-header,
[class*="popup"] .modal-header,
[class*="cart-popup"] header {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
    padding: var(--spacing-lg) !important;
    font-weight: 600 !important;
}

/* Popup product image */
.xoo-cp-pimg,
.xoo-cp-modal .product-image,
[class*="popup"] .product-thumbnail img {
    border-radius: var(--radius-md) !important;
    max-width: 80px !important;
    height: auto !important;
}

/* Popup product details */
.xoo-cp-pdetails,
.xoo-cp-modal .product-details,
[class*="popup"] .product-info {
    padding: var(--spacing-md) !important;
}

/* Popup product name */
.xoo-cp-pname,
[class*="popup"] .product-name,
[class*="popup"] .product-title {
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: var(--text-primary) !important;
    margin-bottom: var(--spacing-xs) !important;
}

/* Popup price */
.xoo-cp-pprice,
[class*="popup"] .product-price,
[class*="popup"] .price {
    font-weight: 700 !important;
    color: var(--wc-primary) !important;
}

/* Popup buttons container */
.xoo-cp-btns,
.xoo-cp-modal .buttons,
[class*="popup"] .button-container {
    display: flex !important;
    gap: var(--spacing-sm) !important;
    padding: var(--spacing-lg) !important;
    flex-wrap: wrap !important;
}

/* Popup buttons */
.xoo-cp-btn,
.xoo-cp-btn-vc,
.xoo-cp-btn-ch,
.xoo-cp-btn-cs,
[class*="popup"] .button {
    flex: 1 !important;
    min-width: 120px !important;
    padding: 12px 16px !important;
    border-radius: var(--radius-full) !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all var(--transition-base) !important;
}

.xoo-cp-btn-vc,
[class*="popup"] .view-cart {
    background: var(--wc-secondary) !important;
    color: var(--text-white) !important;
}

.xoo-cp-btn-ch,
[class*="popup"] .checkout {
    background: var(--wc-primary-gradient) !important;
    color: var(--text-white) !important;
}

.xoo-cp-btn-cs,
[class*="popup"] .continue {
    background: var(--glass-bg) !important;
    color: var(--text-primary) !important;
    border: 2px solid var(--glass-border) !important;
}

/* Suggested products in popup */
.xoo-cp-rel-products,
[class*="popup"] .suggested-products,
[class*="popup"] .related-products {
    padding: var(--spacing-lg) !important;
    background: rgba(124, 58, 237, 0.03) !important;
    border-top: 1px solid var(--glass-border) !important;
}

.xoo-cp-rel-products h4,
[class*="popup"] .suggested-title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--text-secondary) !important;
    margin-bottom: var(--spacing-md) !important;
    text-align: center !important;
}

.xoo-cp-rel-products ul,
[class*="popup"] .suggested-list {
    display: flex !important;
    gap: var(--spacing-sm) !important;
    overflow-x: auto !important;
    padding-bottom: var(--spacing-sm) !important;
}

.xoo-cp-rel-products li,
[class*="popup"] .suggested-item {
    flex: 0 0 100px !important;
    background: var(--glass-bg) !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden !important;
    border: 1px solid var(--glass-border) !important;
}

/* ===============================================
   SHOP/CATEGORY PAGE - FULL WIDTH LAYOUT
   =============================================== */

/* Move sidebar to top as horizontal bar */
.woocommerce.archive .two_columns_66_33,
.woocommerce.archive .two_columns_75_25,
.woocommerce-page.archive .two_columns_66_33,
.woocommerce-page.archive .two_columns_75_25,
.tax-product_cat .two_columns_66_33,
.tax-product_cat .two_columns_75_25 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Sidebar at top */
.woocommerce.archive .column2,
.woocommerce-page.archive .column2,
.tax-product_cat .column2 {
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-md) !important;
    padding: var(--spacing-md) !important;
    background: var(--glass-bg) !important;
    border-radius: var(--radius-lg) !important;
    border: 1px solid var(--glass-border) !important;
    margin-bottom: var(--spacing-xl) !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Sidebar widgets horizontal */
.woocommerce.archive .column2 aside,
.woocommerce-page.archive .column2 aside,
.tax-product_cat .column2 aside {
    flex: 1 1 auto !important;
    min-width: 180px !important;
    max-width: 300px !important;
    margin: 0 !important;
}

/* Hide widget titles on horizontal layout */
.woocommerce.archive .column2 .widget-title,
.woocommerce-page.archive .column2 .widget-title,
.tax-product_cat .column2 .widget-title {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    text-transform: uppercase !important;
    margin-bottom: var(--spacing-xs) !important;
}

/* Main content full width */
.woocommerce.archive .column1,
.woocommerce-page.archive .column1,
.tax-product_cat .column1 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    order: 0 !important;
}

/* Search input in sidebar */
.woocommerce.archive .column2 .search-field,
.woocommerce-page.archive .column2 .search-field,
.tax-product_cat .column2 .search-field,
.woocommerce.archive .column2 input[type="search"],
.woocommerce-page.archive .column2 input[type="search"] {
    border: 2px solid var(--glass-border) !important;
    border-radius: var(--radius-full) !important;
    padding: 10px 16px !important;
    background: #fff !important;
    transition: all var(--transition-base) !important;
    min-width: 200px !important;
}

.woocommerce.archive .column2 .search-field:focus,
.woocommerce-page.archive .column2 .search-field:focus {
    border-color: var(--wc-primary) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
}

/* Category dropdown */
.woocommerce.archive .column2 select,
.woocommerce-page.archive .column2 select,
.tax-product_cat .column2 select {
    border: 2px solid var(--glass-border) !important;
    border-radius: var(--radius-full) !important;
    padding: 10px 40px 10px 16px !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    min-width: 180px !important;
}

/* Result count and ordering - inline */
.woocommerce.archive .woocommerce-result-count,
.woocommerce.archive .woocommerce-ordering,
.tax-product_cat .woocommerce-result-count,
.tax-product_cat .woocommerce-ordering {
    display: inline-block !important;
    margin: 0 var(--spacing-md) var(--spacing-md) 0 !important;
}

.woocommerce.archive .woocommerce-ordering select,
.tax-product_cat .woocommerce-ordering select {
    border: 2px solid var(--glass-border) !important;
    border-radius: var(--radius-full) !important;
    padding: 8px 36px 8px 14px !important;
    font-size: 0.9rem !important;
}

/* ===============================================
   REDUCE WHITESPACE - GLOBAL FIXES
   =============================================== */

/* Compact page content */
.woocommerce.archive .page_content_inner,
.woocommerce-page.archive .page_content_inner,
.tax-product_cat .page_content_inner {
    padding: var(--spacing-md) 0 !important;
}

/* Remove excessive margins */
.woocommerce.archive .content_inner,
.woocommerce-page.archive .content_inner,
.tax-product_cat .content_inner {
    padding-top: var(--spacing-md) !important;
}

/* Product cards - reduce margins */
.woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
}

/* Compact product cards */
.woocommerce ul.products li.product {
    margin-bottom: 0 !important;
}

/* ===============================================
   PRODUCT DETAIL PAGE - COMPLETE REDESIGN
   =============================================== */

/* Force side-by-side layout on product page */
.single-product .content,
.single-product .page_content_inner,
.single-product .column_inner {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: var(--spacing-lg) !important;
}

/* Product wrapper - two column */
.single-product .woocommerce div.product,
.single-product div.product {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--spacing-2xl) !important;
    align-items: start !important;
    padding: 0 !important;
}

/* Product images - left column */
.single-product .woocommerce div.product div.images,
.single-product div.product div.images {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Product summary - right column */
.single-product .woocommerce div.product div.summary,
.single-product div.product div.summary {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Full width sections below */
.single-product .woocommerce div.product .woocommerce-tabs,
.single-product .woocommerce div.product .related.products,
.single-product .woocommerce div.product .upsells.products,
.single-product div.product .woocommerce-tabs,
.single-product div.product .related.products {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* ===============================================
   HOMEPAGE - COMPREHENSIVE ENHANCEMENTS
   =============================================== */

/* Kill excessive whitespace on homepage */
.home .content,
.home .page_content,
.home .page_content_inner,
.home .container,
.home .container_inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Fix row spacing */
.home .wpb_row,
.home .vc_row,
.home .vc_row-fluid {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
}

/* Parallax sections - compact */
.home .parallax,
.home .parallax_content {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* Hero section enhancement */
.home .wpb_row:first-child,
.home .vc_row:first-child,
.home .parallax:first-of-type {
    position: relative !important;
    overflow: hidden !important;
}

/* Add animated gradient background to sections */
.home .wpb_row:nth-child(even)::before,
.home .vc_row:nth-child(even)::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.02) 0%, rgba(99, 102, 241, 0.02) 100%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Feature boxes enhancement */
.home .qode_icon_shortcode,
.home .q_icon_with_title,
.home .icon-box,
.home .vc_column_container .wpb_wrapper {
    position: relative !important;
    z-index: 1 !important;
}

/* Service/Feature cards on homepage */
.home .q_icon_with_title_holder,
.home .icon-box-holder,
.home .qode-iwt {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(124, 58, 237, 0.1) !important;
    padding: 30px 25px !important;
    margin: 10px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.home .q_icon_with_title_holder:hover,
.home .icon-box-holder:hover,
.home .qode-iwt:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(124, 58, 237, 0.12) !important;
    border-color: rgba(124, 58, 237, 0.2) !important;
}

/* Icon styling */
.home .q_icon_with_title .q_icon {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.home .q_icon_with_title .q_icon i,
.home .icon-box i.fa {
    color: #7c3aed !important;
    font-size: 2.5rem !important;
    margin-bottom: 15px !important;
    transition: transform 0.3s ease !important;
}

.home .q_icon_with_title_holder:hover i,
.home .icon-box-holder:hover i {
    transform: scale(1.1) !important;
}

/* Headings enhancement */
.home .q_icon_with_title .icon_title,
.home .icon-box .box-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 10px !important;
}

/* Text enhancement */
.home .q_icon_with_title .icon_text,
.home .icon-box .box-content {
    font-size: 0.95rem !important;
    color: #6b7280 !important;
    line-height: 1.7 !important;
}

/* Testimonial section styling - FIXED: removed [class*="testimonial"] */
.home .testimonials,
.home .qode-testimonials-holder {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    border-radius: 24px !important;
    margin: 20px !important;
    padding: 60px 40px !important;
    position: relative !important;
    overflow: visible !important;
    /* Changed to visible so navigation not clipped */
}

/* CRITICAL: Reset padding for navigation image holders */
.home .testimonial_image_holder,
.home .testimonial_nav .testimonial_image_holder,
.home .testimonial_nav li,
.home .testimonial_nav li a {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 50% !important;
}

.home .testimonials::before {
    content: '"' !important;
    position: absolute !important;
    top: 20px !important;
    left: 40px !important;
    font-size: 8rem !important;
    color: rgba(124, 58, 237, 0.15) !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.home .testimonials .testimonial-text,
.home .testimonials blockquote {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.2rem !important;
    font-style: italic !important;
    line-height: 1.8 !important;
}

/* Section titles */
.home .column_title,
.home .section-title,
.home h2.wpb_heading {
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.home .column_title::after,
.home .section-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #7c3aed 0%, #6366f1 100%) !important;
    border-radius: 2px !important;
}

/* CTA buttons on homepage */
.home .qbutton,
.home .vc_btn3,
.home a.button,
.home .wpb_button {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important;
}

.home .qbutton:hover,
.home .vc_btn3:hover,
.home a.button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(124, 58, 237, 0.4) !important;
}

/* Portfolio/Project grid */
.home .portfolio_holder article,
.home .projects article,
.home .portfolio-item {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.4s ease !important;
}

.home .portfolio_holder article:hover,
.home .projects article:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 20px 50px rgba(124, 58, 237, 0.15) !important;
}

/* Stats/Counter section */
.home .counter-holder,
.home .vc_counter,
.home [class*="counter"] {
    text-align: center !important;
    padding: 20px !important;
}

.home .counter-holder .counter,
.home .vc_counter .vc_single_bar-value {
    font-size: 3rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ===============================================
   PRODUCT DETAIL PAGE - PREMIUM REDESIGN
   =============================================== */

/* Full-width product container */
.single-product .content_inner,
.single-product .page_content_inner,
.single-product .container_inner {
    max-width: 1600px !important;
    width: 95% !important;
    margin: 0 auto !important;
    padding: 30px !important;
}

/* Product wrapper - fix right side void */
.single-product div.product,
.single-product .woocommerce div.product {
    display: grid !important;
    grid-template-columns: minmax(400px, 1fr) 1.2fr !important;
    gap: 50px !important;
    align-items: start !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Product gallery enhancement */
.single-product div.product div.images,
.single-product .woocommerce div.product div.images {
    position: sticky !important;
    top: 100px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, 0.08) !important;
    padding: 30px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
}

/* Main product image */
.single-product div.product div.images img.wp-post-image,
.single-product .woocommerce-product-gallery__image img {
    border-radius: 16px !important;
    transition: transform 0.5s ease !important;
}

.single-product div.product div.images:hover img.wp-post-image {
    transform: scale(1.02) !important;
}

/* Thumbnail gallery */
.single-product .woocommerce-product-gallery__image--placeholder,
.single-product .flex-control-thumbs {
    margin-top: 15px !important;
}

.single-product .flex-control-thumbs li {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
}

.single-product .flex-control-thumbs li:hover,
.single-product .flex-control-thumbs li.active {
    border-color: #7c3aed !important;
}

/* Product summary enhancement */
.single-product div.product div.summary,
.single-product .woocommerce div.product div.summary {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, 0.08) !important;
    padding: 40px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
}

/* Product title */
.single-product div.product .product_title,
.single-product .woocommerce div.product .product_title {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

/* Price - prominent display */
.single-product div.product .price,
.single-product .woocommerce div.product .price {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
    padding: 20px 25px !important;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.04) 0%, rgba(99, 102, 241, 0.04) 100%) !important;
    border-radius: 16px !important;
    border: 1px dashed rgba(124, 58, 237, 0.2) !important;
}

.single-product div.product .price .woocommerce-Price-amount,
.single-product .woocommerce div.product .price ins {
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    color: #7c3aed !important;
}

.single-product div.product .price del {
    font-size: 1.25rem !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
}

/* Sale badge on product page */
.single-product .onsale {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    background: linear-gradient(135deg, #ef4444 0%, #f97316 100%) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

/* Trust badges - add after price */
.single-product div.product div.summary::after {
    content: '✓ 100% Genuine License  ✓ Instant Email Delivery  ✓ Lifetime Support' !important;
    display: block !important;
    margin: 20px 0 !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(5, 150, 105, 0.08) 100%) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 12px !important;
    color: #059669 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Add to cart button - premium */
.single-product .single_add_to_cart_button,
.single-product form.cart button[type="submit"] {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 40px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.3) !important;
    width: 100% !important;
    margin-top: 20px !important;
}

.single-product .single_add_to_cart_button:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(124, 58, 237, 0.4) !important;
}

/* Quantity input */
.single-product .quantity input.qty {
    border: 2px solid rgba(124, 58, 237, 0.2) !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-align: center !important;
    width: 80px !important;
    transition: all 0.3s ease !important;
}

.single-product .quantity input.qty:focus {
    border-color: #7c3aed !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1) !important;
}

/* Product meta - SKU, Category, Tags */
.single-product .product_meta {
    margin-top: 30px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(124, 58, 237, 0.1) !important;
}

.single-product .product_meta>span {
    display: block !important;
    margin-bottom: 10px !important;
    font-size: 0.9rem !important;
    color: #6b7280 !important;
}

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

.single-product .product_meta>span a:hover {
    color: #6366f1 !important;
}

/* Tabs - modern pill design */
.single-product .woocommerce-tabs {
    margin-top: 50px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, 0.08) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
}

.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.03) 0%, rgba(99, 102, 241, 0.03) 100%) !important;
    padding: 15px !important;
    gap: 10px !important;
    border-bottom: 1px solid rgba(124, 58, 237, 0.08) !important;
    flex-wrap: wrap !important;
}

.single-product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 12px 24px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3) !important;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 40px !important;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 20px !important;
}

/* Related products - full width grid */
.single-product .related.products,
.single-product .upsells.products {
    margin-top: 50px !important;
    padding: 40px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(124, 58, 237, 0.08) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06) !important;
}

.single-product .related.products>h2,
.single-product .upsells.products>h2 {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.single-product .related.products ul.products,
.single-product .upsells.products ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
}

/* ===============================================
   GLOBAL WHITESPACE FIXES - AGGRESSIVE
   =============================================== */

/* Remove all excessive padding/margins */
.content_inner,
.page_content_inner,
.container_inner,
.column_inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Title area compact */
.title_outer,
.title {
    padding: 20px 0 !important;
    min-height: auto !important;
}

/* Footer spacing */
footer,
.footer_inner {
    padding-top: 40px !important;
}

/* Remove gaps between rows */
.wpb_row+.wpb_row,
.vc_row+.vc_row {
    margin-top: 0 !important;
}

/* ===============================================
   RESPONSIVE - TABLET & MOBILE
   =============================================== */

@media screen and (max-width: 1024px) {

    .single-product div.product,
    .single-product .woocommerce div.product {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .single-product div.product div.images {
        position: relative !important;
        top: auto !important;
    }

    .single-product .related.products ul.products,
    .single-product .upsells.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 768px) {

    .home .q_icon_with_title_holder,
    .home .icon-box-holder {
        margin: 10px 0 !important;
    }

    .single-product div.product div.summary {
        padding: 25px !important;
    }

    .single-product div.product .product_title {
        font-size: 1.5rem !important;
    }

    .single-product div.product .price .woocommerce-Price-amount {
        font-size: 1.75rem !important;
    }

    .single-product .woocommerce-tabs ul.tabs {
        flex-direction: column !important;
    }

    .single-product .related.products ul.products {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* ===============================================
   AGGRESSIVE WHITESPACE FIXES - HOMEPAGE
   =============================================== */

/* ===============================================
   TESTIMONIALS REDESIGN - MINIMALIST & CLEAN
   =============================================== */

/* Main Container - Allow Overflow for Nav */
.home .testimonials_holder,
.home .testimonial_content_inner,
.home .qode-testimonials-holder,
.home .testimonials {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 0 60px 0 !important;
    /* Added bottom padding for nav */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    /* Fix cut-off content */
}

/* Row padding reduction */
.home .wpb_row:has(.testimonials_holder),
.home .vc_row:has(.testimonials_holder) {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Remove card styling & BORDERS - go for clean typography */
.home .testimonial_content,
.home .testimonial_content_inner,
.home div[class*="testimonial"] {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
    outline: none !important;
    /* Kill outlines */
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Kill pseudo-element borders if any */
.home .testimonial_content::before,
.home .testimonial_content::after,
.home .testimonial_content_inner::before,
.home .testimonial_content_inner::after {
    display: none !important;
    border: none !important;
    content: none !important;
}

/* Quote Icon */
.home .testimonial_content_inner .fa-quote-left,
.home .testimonial_content_inner .icon_quotations {
    font-size: 3rem !important;
    /* Make it a feature */
    color: var(--wc-primary) !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
    opacity: 0.8 !important;
}

/* Text Styling - Large & Clean */
.home .testimonial_text_inner p {
    font-size: 1.5rem !important;
    /* Bigger, readable font */
    line-height: 1.5 !important;
    font-style: normal !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Author Styling */
.home .testimonial_name {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--wc-primary-light) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    display: block !important;
    text-align: center !important;
    margin-bottom: 5px !important;
}

.home .testimonial_job {
    font-size: 0.9rem !important;
    color: #94a3b8 !important;
    display: block !important;
    text-align: center !important;
}

/* Remove Separators */
.home .testimonials_holder .separator,
.home .testimonial_content_inner .separator,
.home .separator.small,
.home .separator {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Navigation Bullets/Photos Fix - FORCE VISIBILITY */
.home .testimonials .testimonial_nav li,
.home .testimonial_nav li {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 10px !important;
    width: 60px !important;
    height: 60px !important;
}

.home .testimonials .testimonial_nav li a,
.home .testimonial_nav li a {
    height: 100% !important;
    width: 100% !important;
    line-height: normal !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: none !important;
    animation: none !important;
    /* Stop any spinner animation on the container */
}

.home .testimonials .testimonial_nav li.active a,
.home .testimonial_nav li.active a,
.home .testimonial_nav li a.active {
    border: 2px solid var(--wc-primary) !important;
    transform: scale(1.1);
}

/* KILL THE SPINNER */
.home .testimonials .testimonial_nav li a::before,
.home .testimonials .testimonial_nav li a::after,
.home .testimonial_nav li a::before,
.home .testimonial_nav li a::after {
    display: none !important;
    content: none !important;
    animation: none !important;
    border: none !important;
}

.home .testimonials .testimonial_nav li a img,
.home .testimonial_nav li a img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Prevent constraints */
    z-index: 10 !important;
    /* Sit above any background */
}

/* CRITICAL FIX: Force testimonial image holder dimensions */
.home .testimonials .testimonial_image_holder,
.home .testimonials .testimonial_nav .testimonial_image_holder,
.home .testimonial_nav .testimonial_image_holder,
.testimonial_image_holder {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
}

.home .testimonials .testimonial_image_holder img,
.home .testimonials .testimonial_nav .testimonial_image_holder img,
.home .testimonial_nav .testimonial_image_holder img,
.testimonial_image_holder img {
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===============================================
   MODAL / POPUP RESPONSIVENESS FIXES
   =============================================== */
/* Fix for "Added to Cart" / Quick View modals going off screen */
.yith-wcqv-wrapper,
.yith-modal,
.modal-wrapper,
#yith-quick-view-modal,
.blockUI.blockMsg,
.added_to_cart_notification_popup {
    max-width: 90vw !important;
    width: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow-y: auto !important;
    max-height: 90vh !important;
}

/* Ensure images in modals don't overflow */
.yith-wcqv-wrapper img,
.modal-wrapper img {
    max-width: 100% !important;
    height: auto !important;
}



.home .testimonials .testimonial_nav,
.home .testimonial_nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 20px !important;
    height: auto !important;
}

/* Ensure active state is clear */
.home .testimonials .testimonial_nav li.active a,
.home .testimonial_nav li.active a,
.home .testimonial_nav li a.active {
    opacity: 1 !important;
    transform: scale(1.1) !important;
    border: 2px solid var(--wc-primary) !important;
}

/* Navigation Bullets (fallback if specific class differs) */
.home .flex-control-nav {
    bottom: -30px !important;
    text-align: center !important;
}

.home .flex-control-nav li a {
    background: rgba(255, 255, 255, 0.2) !important;
}

.home .flex-control-nav li a.flex-active {
    background: var(--wc-primary) !important;
}

/* Remove excessive spacing between homepage rows */
.home .full_width,
.home .full_width_inner,
.home .section,
.home .section_inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* All rows on homepage - compact */
.home .wpb_row,
.home .vc_row,
.home .vc_row-fluid,
.home .vc_row[data-vc-full-width] {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ===============================================
   HOMEPAGE SLIDER/HERO - KILL WHITESPACE ABOVE
   =============================================== */

/* Slider section - NO padding above */
.home .qode_slider,
.home .qode-slider,
.home .slider,
.home .carousel,
.home .rev_slider_wrapper,
.home .rs-slider-wrapper,
.home [class*="slider"] {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* The first row with slider - no padding */
.home .wpb_row:first-of-type,
.home .vc_row:first-of-type,
.home .content>.full_width:first-child,
.home .full_width:first-of-type {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Page content on homepage - no top space */
.home .page_content,
.home .page_content_inner,
.home .content,
.home .content_inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Title section on homepage - hide or compact */
.home .title_outer,
.home .title_holder,
.home .title {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    display: none !important;
}

/* Parallax/full-width rows with backgrounds */
.home .parallax,
.home .parallax_content,
.home .full_screen_holder {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Revolution slider fix */
.home .rev_slider,
.home .rev_slider_wrapper,
.home .tp-bannertimer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove gaps in columns */
.home .wpb_column,
.home .vc_column_container {
    margin-bottom: 0 !important;
}

/* Empty space elements - hide them */
.home .vc_empty_space,
.home .empty_space,
.home .qode-empty-space {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
}

/* Title wrappers - but NOT hide on sections after slider */
.home .wpb_row:not(:first-of-type) .title_outer,
.home .wpb_row:not(:first-of-type) .title_holder {
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
}

/* ===============================================
   PRODUCT PAGE - WHITESPACE & DESCRIPTION FIXES
   =============================================== */

/* Tabs section - remove whitespace below */
.single-product .woocommerce-tabs {
    margin-top: 40px !important;
    margin-bottom: 0 !important;
}

/* Description panel - ensure content shows */
.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description {
    padding: 40px !important;
    min-height: 150px !important;
}

/* If description is empty, add placeholder content styling */
.single-product .woocommerce-Tabs-panel--description:empty::before,
.single-product #tab-description:empty::before {
    content: 'Product details and specifications coming soon.' !important;
    display: block !important;
    color: #6b7280 !important;
    font-style: italic !important;
    padding: 20px !important;
    text-align: center !important;
}

/* Product page content wrapper - remove bottom space */
.single-product .content_inner,
.single-product .page_content,
.single-product .page_content_inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Related products - compact spacing */
.single-product .related.products {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    padding: 40px !important;
}

/* Remove any empty space after product */
.single-product .woocommerce::after,
.single-product div.product::after {
    content: none !important;
    display: none !important;
}

/* ===============================================
   PRODUCT FEATURE HIGHLIGHTS (CSS Generated)
   =============================================== */

/* Add feature icons before product summary */
.single-product div.product div.summary::before {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, #7c3aed 0%, #6366f1 50%, #10b981 100%) !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
}

/* Product highlights box - inject via CSS */
.single-product div.product div.summary .product_meta::before {
    content: '📦 Digital Delivery  •  🔐 Secure Activation  •  💬 24/7 Support' !important;
    display: block !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.05) 0%, rgba(99, 102, 241, 0.05) 100%) !important;
    border: 1px solid rgba(124, 58, 237, 0.15) !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #4c1d95 !important;
    text-align: center !important;
}

/* ===============================================
   ENHANCED DESCRIPTION AREA WITH AUTO-CONTENT
   =============================================== */

/* Style the description tab content */
.single-product .woocommerce-Tabs-panel p {
    font-size: 1rem !important;
    line-height: 1.8 !important;
    color: #374151 !important;
    margin-bottom: 15px !important;
}

/* Add styled box around description */
.single-product .woocommerce-Tabs-panel--description .woocommerce-product-details__description,
.single-product #tab-description>* {
    background: rgba(248, 250, 252, 0.5) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border-left: 4px solid #7c3aed !important;
}

/* Reviews section styling */
.single-product .woocommerce-Tabs-panel--reviews,
.single-product #tab-reviews {
    padding: 40px !important;
}

.single-product #reviews #comments {
    background: rgba(248, 250, 252, 0.8) !important;
    padding: 25px !important;
    border-radius: 12px !important;
}

/* ===============================================
   GLOBAL AGGRESSIVE WHITESPACE CLEANUP
   =============================================== */

/* Kill all empty spaces site-wide */
.vc_empty_space {
    height: 15px !important;
    min-height: 15px !important;
}

/* Remove spacing from separators */
.separator,
.q_separator,
.vc_separator {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Content areas - compact */
.content .container,
.content .container_inner,
.content_inner>.container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Title areas */
.title_outer {
    min-height: auto !important;
    height: auto !important;
    padding: 30px 0 !important;
}

.title_holder {
    padding: 0 !important;
}

/* Page content spacing */
.page_content {
    padding-top: 0 !important;
}

/* Remove bottom margin from WooCommerce product */
.woocommerce #content div.product,
.woocommerce div.product,
.woocommerce-page #content div.product,
.woocommerce-page div.product {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Footer proper spacing */
footer.uncover,
footer.page_footer {
    margin-top: 0 !important;
    padding-top: 50px !important;
}

/* ===============================================
   FIX: "READ MORE »" ENCODING ISSUE
   =============================================== */
/* Hide the garbled character and replace with proper arrow */
a.button.small.with_shadow {
    font-size: 0 !important;
    /* Hide original text */
}

a.button.small.with_shadow::before {
    content: 'READ MORE' !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

a.button.small.with_shadow::after {
    content: ' →' !important;
    font-size: 14px !important;
}

/* ===============================================
   FIX: "OUR AWESOME CLIENTS" SECTION 
   =============================================== */
/* Targeted fix - only affect the clients carousel, not entire parallax */

/* Ensure clients carousel container shows all items */
.qode_clients .owl-stage-outer,
.qode_carousels .owl-stage-outer,
.qode_clients_holder .owl-stage-outer {
    overflow: visible !important;
}

/* Make carousel items visible */
.qode_clients .owl-item,
.qode_carousels .owl-item,
.qode_clients_holder .owl-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Client logo images - ensure visible */
.qode_client_holder img,
.qode-client-holder img {
    max-height: 80px !important;
    width: auto !important;
    opacity: 1 !important;
}

/* If using carousel, ensure all slides visible */
.qode_clients .owl-carousel,
.qode_carousels .owl-carousel {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* ===============================================
   FIX: CART POPUP ALIGNMENT & OVERFLOW
   =============================================== */
/* Main popup container - ensure it stays within viewport */
.xoo-cp-container,
.xoo-cp-modal,
.xoo-cp-opac,
.xoo-cp-content,
.woocommerce-cart-popup,
div[class*="cart-popup"],
div[class*="added-to-cart"] {
    max-width: 95vw !important;
    max-height: 90vh !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Cart popup inner content */
.xoo-cp-content,
.xoo-cp-inner,
.xoo-cp-body {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px !important;
}

/* Suggested products horizontal scroll fix */
.xoo-cp-suggested,
.xoo-cp-suggested-products,
.suggested-products-row {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 15px !important;
    padding-bottom: 10px !important;
    max-width: 100% !important;
}

.xoo-cp-suggested .product,
.xoo-cp-suggested-products .product,
.suggested-products-row .product {
    flex: 0 0 200px !important;
    min-width: 180px !important;
    max-width: 220px !important;
}

/* Cart buttons container */
.xoo-cp-btns,
.xoo-cp-buttons,
.cart-popup-buttons {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 15px 0 !important;
}

.xoo-cp-btns a,
.xoo-cp-buttons a,
.cart-popup-buttons a {
    flex: 1 1 45% !important;
    min-width: 140px !important;
    max-width: 48% !important;
    text-align: center !important;
}

/* Responsive fixes for cart popup */
@media (max-width: 768px) {

    .xoo-cp-container,
    .xoo-cp-modal {
        width: 100% !important;
        max-width: 100vw !important;
        right: 0 !important;
        left: 0 !important;
    }

    .xoo-cp-btns a,
    .xoo-cp-buttons a {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}

/* ===============================================
   FIX: YITH WOOCOMMERCE ADDED TO CART POPUP
   =============================================== */
/* Override the plugin's CSS variable and use ID selector for max specificity */

/* Override the CSS variable at root level */
:root {
    --yith-wacp-box-width-size: min(900px, 90vw) !important;
    --yith-wacp-box-height-size: 90vh !important;
}

/* Main popup container - use ID for highest specificity */
#yith-wacp-popup .yith-wacp-wrapper {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: min(900px, 90vw) !important;
    max-height: 90vh !important;
    overflow: auto !important;
}

#yith-wacp-popup .yith-wacp-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#yith-wacp-popup .yith-wacp-content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Message area */
#yith-wacp-popup .yith-wacp-message {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Popup actions/buttons container - force flex wrap */
#yith-wacp-popup .yith-wacp-popup-actions {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

#yith-wacp-popup .yith-wacp-popup-actions.layout-3-buttons {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Buttons within popup */
#yith-wacp-popup .yith-wacp-popup-actions .button,
#yith-wacp-popup .yith-wacp-popup-actions a {
    flex: 1 1 auto !important;
    min-width: 120px !important;
    max-width: 200px !important;
    padding: 10px 15px !important;
    font-size: 13px !important;
}

/* Related/suggested products - horizontal scroll */
#yith-wacp-popup .yith-wacp-related {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#yith-wacp-popup .yith-wacp-related .yith-wacp-related-products {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 15px !important;
    padding-bottom: 10px !important;
    max-width: 100% !important;
}

#yith-wacp-popup .yith-wacp-related .yith-wacp-related-products .yith-wacp-related-product {
    flex: 0 0 150px !important;
    min-width: 130px !important;
    max-width: 180px !important;
}

#yith-wacp-popup .yith-wacp-related .yith-wacp-related-products .yith-wacp-related-product img {
    max-width: 100% !important;
    height: auto !important;
}

/* Product info section */
#yith-wacp-popup .product-thumb img {
    max-width: 100px !important;
    height: auto !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    :root {
        --yith-wacp-box-width-size: 95vw !important;
    }

    #yith-wacp-popup .yith-wacp-wrapper {
        max-width: 95vw !important;
        width: 95vw !important;
    }

    #yith-wacp-popup .yith-wacp-popup-actions .button,
    #yith-wacp-popup .yith-wacp-popup-actions a {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    #yith-wacp-popup .yith-wacp-related .yith-wacp-related-products {
        -webkit-overflow-scrolling: touch !important;
    }
}

/* ===============================================
   FIX: HOMEPAGE FOOTER BUTTONS PADDING
   =============================================== */
/* "Connect with Thinkers", "Jain Software Social", etc. */
.home .qbutton,
.home a.qbutton,
.home .q_button,
.home a.q_button,
.home .vc_btn3,
.home .wpb_button,
.home .button.large,
.home a.button.large {
    padding: 12px 25px !important;
    min-height: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* ===============================================
   CART PAGE - COMPREHENSIVE STYLING
   =============================================== */

/* CRITICAL: Remove cart page top whitespace */
.woocommerce-cart .title_outer,
.woocommerce-cart .title,
.woocommerce-cart .title_holder {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

/* Cart page container - reduce whitespace */
.woocommerce-cart .content_inner,
.woocommerce-cart .page_content,
.woocommerce-cart .page_content_inner,
.woocommerce-cart .container_inner {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
    margin-top: 0 !important;
}

/* Remove any padding from full width containers */
.woocommerce-cart .full_width,
.woocommerce-cart .full_width_inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Cart title area - hide or minimize */
.woocommerce-cart .title_outer {
    display: none !important;
}

/* Cart table container */
.woocommerce-cart .woocommerce {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Cart table styling */
.woocommerce table.shop_table.cart,
.woocommerce-cart table.cart {
    border-collapse: collapse !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border: none !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

/* Table header */
.woocommerce table.shop_table.cart thead th,
.woocommerce-cart table.cart thead th {
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    padding: 15px 20px !important;
    border: none !important;
    text-align: left !important;
}

/* Table rows */
.woocommerce table.shop_table.cart tbody tr,
.woocommerce-cart table.cart tbody tr {
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    transition: background 0.2s ease !important;
}

.woocommerce table.shop_table.cart tbody tr:hover,
.woocommerce-cart table.cart tbody tr:hover {
    background: #f8fafc !important;
}

/* Table cells */
.woocommerce table.shop_table.cart td,
.woocommerce-cart table.cart td {
    padding: 20px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Remove button column */
.woocommerce table.shop_table.cart td.product-remove,
.woocommerce-cart table.cart td.product-remove {
    width: 50px !important;
    text-align: center !important;
}

.woocommerce table.shop_table.cart td.product-remove a,
.woocommerce-cart table.cart td.product-remove a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #fee2e2 !important;
    color: #dc2626 !important;
    text-decoration: none !important;
    font-size: 18px !important;
    transition: all 0.2s ease !important;
}

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

/* Product thumbnail */
.woocommerce table.shop_table.cart td.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail {
    width: 100px !important;
    padding: 15px !important;
}

.woocommerce table.shop_table.cart td.product-thumbnail a,
.woocommerce-cart table.cart td.product-thumbnail a {
    display: block !important;
}

.woocommerce table.shop_table.cart td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
}

/* Product name */
.woocommerce table.shop_table.cart td.product-name,
.woocommerce-cart table.cart td.product-name {
    font-weight: 600 !important;
    color: #1e293b !important;
}

.woocommerce table.shop_table.cart td.product-name a,
.woocommerce-cart table.cart td.product-name a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce table.shop_table.cart td.product-name a:hover {
    color: #7c3aed !important;
}

/* Variation info */
.woocommerce table.shop_table.cart td.product-name dl.variation,
.woocommerce-cart table.cart td.product-name dl.variation {
    margin-top: 8px !important;
    font-size: 0.85rem !important;
    color: #64748b !important;
}

/* Price column */
.woocommerce table.shop_table.cart td.product-price,
.woocommerce-cart table.cart td.product-price,
.woocommerce table.shop_table.cart td.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #1e293b !important;
}

/* Quantity column */
.woocommerce table.shop_table.cart td.product-quantity,
.woocommerce-cart table.cart td.product-quantity {
    width: 140px !important;
}

.woocommerce table.shop_table.cart td.product-quantity .quantity,
.woocommerce-cart table.cart td.product-quantity .quantity {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.woocommerce table.shop_table.cart td.product-quantity .quantity input.qty,
.woocommerce-cart table.cart td.product-quantity .quantity input.qty {
    width: 60px !important;
    height: 40px !important;
    text-align: center !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.woocommerce table.shop_table.cart td.product-quantity .quantity input.qty::-webkit-inner-spin-button,
.woocommerce table.shop_table.cart td.product-quantity .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Actions row (coupon + update cart) */
.woocommerce table.shop_table.cart td.actions,
.woocommerce-cart table.cart td.actions {
    padding: 25px 20px !important;
    background: #f8fafc !important;
}

/* Coupon section */
.woocommerce table.shop_table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.woocommerce table.shop_table.cart td.actions .coupon label,
.woocommerce-cart table.cart td.actions .coupon label {
    display: none !important;
}

.woocommerce table.shop_table.cart td.actions .coupon input.input-text,
.woocommerce-cart table.cart td.actions .coupon input.input-text {
    padding: 12px 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    min-width: 200px !important;
    font-size: 0.9rem !important;
}

.woocommerce table.shop_table.cart td.actions .coupon button,
.woocommerce-cart table.cart td.actions .coupon button {
    padding: 12px 20px !important;
    background: #6366f1 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.woocommerce table.shop_table.cart td.actions .coupon button:hover {
    background: #4f46e5 !important;
}

/* Update cart button */
.woocommerce table.shop_table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.cart td.actions button[name="update_cart"] {
    float: right !important;
    padding: 12px 24px !important;
    background: #1e293b !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.woocommerce table.shop_table.cart td.actions button[name="update_cart"]:hover {
    background: #0f172a !important;
}

/* Cart totals section */
.woocommerce .cart-collaterals,
.woocommerce-cart .cart-collaterals {
    margin-top: 40px !important;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cart_totals {
    float: right !important;
    width: 400px !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    padding: 25px !important;
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #f1f5f9 !important;
}

.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none !important;
}

.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td {
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.woocommerce .cart-collaterals .cart_totals table th {
    font-weight: 600 !important;
    color: #64748b !important;
}

.woocommerce .cart-collaterals .cart_totals table td {
    text-align: right !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

.woocommerce .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce .cart-collaterals .cart_totals table tr.order-total td {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #7c3aed !important;
    border-bottom: none !important;
    padding-top: 20px !important;
}

/* Proceed to checkout button */
.woocommerce .cart-collaterals .wc-proceed-to-checkout,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
    margin-top: 20px !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    padding: 16px 24px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4) !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.5) !important;
}

/* Cross-sells section */
.woocommerce .cross-sells,
.woocommerce-cart .cross-sells {
    float: left !important;
    width: calc(100% - 450px) !important;
    margin-top: 0 !important;
}

.woocommerce .cross-sells h2,
.woocommerce-cart .cross-sells h2 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

/* Empty cart message */
.woocommerce-cart .cart-empty {
    text-align: center !important;
    padding: 60px 20px !important;
    font-size: 1.1rem !important;
    color: #64748b !important;
}

.woocommerce-cart .return-to-shop {
    text-align: center !important;
    margin-top: 20px !important;
}

.woocommerce-cart .return-to-shop a {
    display: inline-block !important;
    padding: 14px 28px !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .woocommerce .cart-collaterals .cart_totals {
        float: none !important;
        width: 100% !important;
    }

    .woocommerce .cross-sells {
        float: none !important;
        width: 100% !important;
        margin-top: 30px !important;
    }

    .woocommerce table.shop_table.cart td.actions .coupon {
        margin-bottom: 15px !important;
    }

    .woocommerce table.shop_table.cart td.actions button[name="update_cart"] {
        float: none !important;
        width: 100% !important;
    }
}

/* ===============================================
   FIX: PHONE MOCKUP SECTION - TEXT POSITIONING
   =============================================== */
/* Move "Corporate o Startup?" text inside the phone screen */
.home .qode-advanced-image-gallery,
.home .q_masonry_blog,
.home .qode_call_to_action_text,
.home .call-to-action,
.home [class*="phone"] .wpb_wrapper,
.home .qode_advanced_call_to_action {
    position: relative !important;
}

/* Position text elements to be inside phone screen area */
.home .q_call_to_action_text,
.home .qode_call_to_action_text,
.home .call-to-action-text,
.home .custom_font_holder {
    position: relative !important;
    z-index: 10 !important;
}

/* ===============================================
   FIX: CART REMOVE BUTTON - SHOW X ICON
   =============================================== */
/* The pink circles need to show X icon */
.woocommerce table.cart td.product-remove a.remove,
.woocommerce-cart table.cart td.product-remove a.remove {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    background: #fee2e2 !important;
    color: #dc2626 !important;
    text-decoration: none !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}

.woocommerce table.cart td.product-remove a.remove::before {
    content: "×" !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #dc2626 !important;
}

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

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

/* ===============================================
   FIX: POPUP SUGGESTED PRODUCTS BUTTON TEXT
   =============================================== */
/* Prevent button text from being cut off */
#yith-wacp-popup .yith-wacp-related .yith-wacp-related-product a.button,
#yith-wacp-popup .yith-wacp-related .yith-wacp-related-product .add_to_cart_button,
#yith-wacp-popup .yith-wacp-related .yith-wacp-related-product a.add_to_cart_button {
    font-size: 10px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    display: block !important;
    text-align: center !important;
}

/* Make product cards wider to fit buttons */
#yith-wacp-popup .yith-wacp-related .yith-wacp-related-products .yith-wacp-related-product {
    flex: 0 0 180px !important;
    min-width: 160px !important;
    max-width: 200px !important;
}

/* ===============================================
   FIX: OUR AWESOME CLIENTS - SHOW ALL CONTENT
   =============================================== */
/* Ensure the clients carousel/section is fully visible */
.home .qode_carousels,
.home .qode_carousel_holder,
.home .qode-carousel,
.home .owl-carousel,
.home .qode_clients,
.home .qode_clients_holder {
    overflow: visible !important;
    height: auto !important;
    min-height: 150px !important;
}

/* Ensure carousel items are visible */
.home .owl-stage-outer {
    overflow: visible !important;
    height: auto !important;
}

.home .owl-stage {
    display: flex !important;
    align-items: center !important;
}

.home .owl-item {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Client logo holder */
.home .qode_client_holder a,
.home .qode_carousels .qode_client_holder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100px !important;
}

.home .qode_client_holder img {
    max-height: 80px !important;
    width: auto !important;
    opacity: 1 !important;
}

/* Note: Removed aggressive homepage whitespace rules that were breaking layout */

/* ===============================================
   CART PAGE - AGGRESSIVE WHITESPACE FIX
   =============================================== */
/* Kill top whitespace on cart page */
body.woocommerce-cart .content_inner {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.woocommerce-cart .title_outer,
body.woocommerce-cart .title_holder,
body.woocommerce-cart .title {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-cart .container_inner,
body.woocommerce-cart .page_content_inner {
    padding-top: 20px !important;
}

/* Remove button - force show X icon */
/* Parent theme hides text with text-indent: -9999px and uses background image */
/* We override to show the × character directly */
.woocommerce a.remove,
.woocommerce-cart a.remove,
.woocommerce table.cart a.remove,
.woocommerce table.cart tbody td.product-remove a.remove,
.woocommerce-page table.cart tbody td.product-remove a.remove,
body.woocommerce-cart table.cart a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #fee2e2 !important;
    background-image: none !important;
    color: #dc2626 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    transition: all 0.2s ease !important;
}

.woocommerce a.remove:hover,
.woocommerce table.cart tbody td.product-remove a.remove:hover,
body.woocommerce-cart table.cart a.remove:hover {
    background: #dc2626 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* FIX: Cart table width to prevent column cutoff */
.woocommerce-cart .woocommerce,
.woocommerce-cart .content_inner {
    max-width: 100% !important;
    overflow-x: auto !important;
}

.woocommerce table.shop_table.cart,
body.woocommerce-cart table.cart {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

/* Column widths to prevent cutoff */
.woocommerce-cart table.cart th.product-remove,
.woocommerce-cart table.cart td.product-remove {
    width: 40px !important;
    min-width: 40px !important;
}

.woocommerce-cart table.cart th.product-thumbnail,
.woocommerce-cart table.cart td.product-thumbnail {
    width: 80px !important;
    min-width: 80px !important;
}

.woocommerce-cart table.cart th.product-name,
.woocommerce-cart table.cart td.product-name {
    width: auto !important;
    min-width: 120px !important;
}

.woocommerce-cart table.cart th.product-price,
.woocommerce-cart table.cart td.product-price {
    width: 100px !important;
    min-width: 80px !important;
}

.woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-quantity {
    width: 110px !important;
    min-width: 100px !important;
}

.woocommerce-cart table.cart th.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
    width: 100px !important;
    min-width: 80px !important;
}

/* ===============================================
   PHONE SECTION - DO NOT REPOSITION (handled by theme)
   =============================================== */
/* Note: The "Corporate o Startup?" text positioning 
   should be handled via the theme's page builder, 
   not CSS, as CSS positioning causes layout issues */

/* ===============================================
   CART TABLE - ENSURE PROPER DISPLAY
   =============================================== */
/* Make sure cart table displays properly */
.woocommerce-cart .shop_table {
    table-layout: auto !important;
}

.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td {
    padding: 15px !important;
    vertical-align: middle !important;
}

/* Product thumbnail in cart */
.woocommerce-cart .product-thumbnail {
    width: 80px !important;
}

.woocommerce-cart .product-thumbnail img {
    width: 60px !important;
    height: auto !important;
    border-radius: 6px !important;
}

/* Product name column */
.woocommerce-cart .product-name {
    min-width: 150px !important;
}