/**
 * 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: 15px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* Parallax sections - consistent spacing */
.home .parallax,
.home .parallax_content {
    padding-top: 15px !important;
    padding-bottom: 15px !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 - first one only has no top padding */
.home .parallax:first-of-type,
.home .parallax_content:first-of-type,
.home .full_screen_holder:first-of-type {
    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;
}

/* ================================================
   REVOLUTION SLIDER - MODERN PREMIUM REDESIGN
   ================================================ */

/* Main slider container - Enhanced with overlay gradient */
.home .rev_slider_wrapper,
.home .rs-fullwidth-wrap,
.home #rev_slider_wrapper,
body.home .rev_slider_wrapper {
    position: relative !important;
}

/* Add premium dark gradient overlay to slider */
.home .rev_slider::before,
.home .rev_slider_wrapper .rev_slider::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(135deg,
            rgba(15, 23, 42, 0.85) 0%,
            rgba(30, 41, 59, 0.75) 30%,
            rgba(51, 65, 85, 0.6) 60%,
            rgba(15, 23, 42, 0.8) 100%) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* Animated gradient border at bottom of slider */
.home .rev_slider_wrapper::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg,
            #6366f1, #a855f7, #ec4899, #f43f5e, #f97316,
            #eab308, #22c55e, #14b8a6, #06b6d4, #6366f1) !important;
    background-size: 200% 100% !important;
    animation: sliderGradientFlow 4s linear infinite !important;
    z-index: 100 !important;
}

@keyframes sliderGradientFlow {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 200% 50%;
    }
}

/* All text layers in slider - Modern typography */
.home .rev_slider .tp-caption,
.home .rev_slider [class*="tp-caption"],
.home .rev_slider .rs-layer,
body.home .rev_slider .tp-caption {
    font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    z-index: 10 !important;
}

/* Main headline styling */
.home .rev_slider .tp-caption.large_text,
.home .rev_slider .tp-caption.very_large_text,
.home .rev_slider .tp-caption.huge_text,
.home .rev_slider .tp-caption[class*="heading"],
.home .rev_slider h1,
.home .rev_slider h2 {
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 50%, #a5b4fc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Secondary/Small text styling */
.home .rev_slider .tp-caption.small_text,
.home .rev_slider .tp-caption.medium_text,
.home .rev_slider .tp-caption[class*="subtitle"],
.home .rev_slider p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.6 !important;
}

/* Phone mockup - Glassmorphic redesign */
.home .rev_slider .tp-caption img[src*="phone"],
.home .rev_slider .tp-caption img[src*="mobile"],
.home .rev_slider .tp-caption img[src*="device"],
.home .rev_slider .tp-caption[class*="phone"],
.home .rev_slider .tp-caption[class*="device"] {
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.5)) !important;
    opacity: 0.9 !important;
    transform: scale(0.85) !important;
}

/* Call to action / Contact section in slider - Glassmorphic card */
.home .rev_slider .tp-caption[class*="call"],
.home .rev_slider .tp-caption[class*="contact"],
.home .rev_slider .tp-caption[class*="phone"],
.home .rev_slider .tp-bgcontainer {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
}

/* Hide phone number prominently - Show with gradient */
.home .rev_slider .tp-caption[class*="phone"] span,
.home .rev_slider .tp-caption:contains("+91") {
    font-family: 'Outfit', sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #14b8a6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ALL Buttons in slider - Premium modern style */
.home .rev_slider a.tp-caption,
.home .rev_slider .tp-caption a,
.home .rev_slider .tp-button,
.home .rev_slider a[class*="button"],
.home .rev_slider [class*="btn"],
.home .rev_slider .tp-caption.button,
body.home .rev_slider a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px 36px !important;
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow:
        0 4px 15px rgba(99, 102, 241, 0.4),
        0 10px 40px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 20 !important;
}

/* Button hover effect */
.home .rev_slider a.tp-caption:hover,
.home .rev_slider .tp-caption a:hover,
.home .rev_slider .tp-button:hover,
.home .rev_slider a[class*="button"]:hover,
.home .rev_slider [class*="btn"]:hover,
body.home .rev_slider a:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow:
        0 8px 25px rgba(99, 102, 241, 0.5),
        0 20px 60px rgba(139, 92, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    background: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%) !important;
}

/* Button shine effect on hover */
.home .rev_slider a.tp-caption::before,
.home .rev_slider .tp-button::before,
.home .rev_slider a[class*="button"]::before,
body.home .rev_slider a::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.6s ease !important;
}

.home .rev_slider a.tp-caption:hover::before,
.home .rev_slider .tp-button:hover::before,
.home .rev_slider a[class*="button"]:hover::before,
body.home .rev_slider a:hover::before {
    left: 100% !important;
}

/* Secondary/Outline button style */
.home .rev_slider a[class*="outline"],
.home .rev_slider a[class*="secondary"],
.home .rev_slider .tp-caption.outline_button {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

.home .rev_slider a[class*="outline"]:hover,
.home .rev_slider a[class*="secondary"]:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.2) !important;
}

/* Navigation arrows - Modern glassmorphic style */
.home .rev_slider .tparrows,
.home .rev_slider_wrapper .tparrows,
.home .rev_slider .tp-leftarrow,
.home .rev_slider .tp-rightarrow,
body.home .tparrows {
    width: 56px !important;
    height: 56px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.home .rev_slider .tparrows:hover,
.home .rev_slider_wrapper .tparrows:hover,
body.home .tparrows:hover {
    background: rgba(99, 102, 241, 0.4) !important;
    border-color: rgba(99, 102, 241, 0.6) !important;
    opacity: 1 !important;
    transform: scale(1.1) !important;
}

.home .rev_slider .tparrows::before,
body.home .tparrows::before {
    color: #ffffff !important;
    font-size: 18px !important;
}

/* Bullets/Dots navigation - Modern style */
.home .rev_slider .tp-bullets,
.home .rev_slider_wrapper .tp-bullets,
body.home .tp-bullets {
    z-index: 50 !important;
}

.home .rev_slider .tp-bullet,
body.home .tp-bullet {
    width: 12px !important;
    height: 12px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    margin: 0 5px !important;
}

.home .rev_slider .tp-bullet:hover,
.home .rev_slider .tp-bullet.selected,
body.home .tp-bullet:hover,
body.home .tp-bullet.selected {
    background: linear-gradient(135deg, #6366f1, #a855f7) !important;
    border-color: transparent !important;
    transform: scale(1.2) !important;
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.6) !important;
}

/* Progress bar/timer - Gradient style */
.home .rev_slider .tp-bannertimer,
body.home .tp-bannertimer {
    height: 4px !important;
    background: linear-gradient(90deg, #6366f1 0%, #a855f7 50%, #ec4899 100%) !important;
    opacity: 0.8 !important;
}

/* Text with "Start your next BIG IDEA" - Premium styling */
.home .rev_slider .tp-caption[class*="idea"],
.home .rev_slider .tp-caption[class*="tagline"],
.home .rev_slider .tp-caption.tagline_text {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem) !important;
    font-weight: 500 !important;
    font-style: italic !important;
    color: rgba(255, 255, 255, 0.9) !important;
    letter-spacing: 1px !important;
    padding: 12px 28px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid #a855f7 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 0 8px 8px 0 !important;
}

/* Floating animation for decorative elements */
@keyframes floatSlider {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-15px) rotate(2deg);
    }
}

.home .rev_slider .tp-caption img:not([src*="button"]) {
    animation: floatSlider 6s ease-in-out infinite !important;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .home .rev_slider .tparrows {
        width: 44px !important;
        height: 44px !important;
    }

    .home .rev_slider a.tp-caption,
    .home .rev_slider .tp-button,
    body.home .rev_slider a {
        padding: 14px 28px !important;
        font-size: 0.9rem !important;
    }
}

@media (max-width: 768px) {
    .home .rev_slider .tparrows {
        width: 36px !important;
        height: 36px !important;
        opacity: 0.6 !important;
    }

    .home .rev_slider a.tp-caption,
    .home .rev_slider .tp-button,
    body.home .rev_slider a {
        padding: 12px 24px !important;
        font-size: 0.85rem !important;
        border-radius: 10px !important;
    }
}

/* ================================================
   SLIDER CONTENT FIXES - HIDE PHONE, FIX ALIGNMENT
   ================================================ */

/* HIDE the phone mockup completely on ALL screens */
.home .rev_slider .tp-caption[class*="phone"],
.home .rev_slider .tp-caption[class*="device"],
.home .rev_slider .tp-caption[class*="mobile"],
.home .rev_slider .tp-caption img[src*="phone"],
.home .rev_slider .tp-caption img[src*="iphone"],
.home .rev_slider .tp-caption img[src*="mobile"],
.home .rev_slider .tp-caption img[src*="device"],
.home .rev_slider .tp-parallax-wrap:has(img[src*="phone"]),
.home .rev_slider .tp-parallax-wrap:has(img[src*="iphone"]),
.home .rev_slider .tp-parallax-wrap:has(.call),
.home .rev_slider .tp-mask-wrap:has(img[src*="phone"]),
.home .rev_slider li .tp-caption:has(img[src*="phone"]),
body.home .rev_slider [data-x*="left"][data-y*="center"]:has(img) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Note: Phone/contact area handled by more specific selectors above */

/* Force all text content to be properly visible */
.home .rev_slider .tp-caption,
.home .rev_slider [class*="tp-caption"],
body.home .rev_slider .tp-caption {
    position: relative !important;
    z-index: 15 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Text alignment fixes - Center all main text content */
.home .rev_slider li,
.home .rev_slider .tp-revslider-mainul li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Main headline - Center and make prominent */
.home .rev_slider .tp-caption.Title,
.home .rev_slider .tp-caption.Heading,
.home .rev_slider .tp-caption[id*="title"],
.home .rev_slider .tp-caption[id*="heading"],
.home .rev_slider .tp-caption.large_text,
.home .rev_slider .tp-caption.very_large_text,
.home .rev_slider .tp-caption.huge_text,
.home .rev_slider h1.tp-caption,
.home .rev_slider h2.tp-caption {
    text-align: center !important;
    width: 100% !important;
    max-width: 900px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: clamp(2rem, 5vw, 4rem) !important;
    line-height: 1.15 !important;
    margin: 0 auto !important;
}

/* Subtitle/Tagline text - "Start your next BIG IDEA" */
.home .rev_slider .tp-caption.small_text,
.home .rev_slider .tp-caption.medium_text,
.home .rev_slider .tp-caption[class*="sub"],
.home .rev_slider .tp-caption.Subline,
.home .rev_slider .tp-caption[id*="sub"],
.home .rev_slider p.tp-caption {
    text-align: center !important;
    width: 100% !important;
    max-width: 700px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: clamp(1rem, 2vw, 1.5rem) !important;
    margin: 15px auto !important;
    padding: 15px 30px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
}

/* Button - Center and style */
.home .rev_slider a.tp-caption.rev-btn,
.home .rev_slider .tp-caption.Button,
.home .rev_slider .tp-caption[id*="button"],
.home .rev_slider .tp-caption[id*="btn"],
.home .rev_slider .tp-caption.tp-resizeme a,
.home .rev_slider a.tp-caption {
    text-align: center !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 20px auto 0 !important;
}

/* Fix "Startup?" text that's cut off */
.home .rev_slider .tp-caption:first-of-type,
.home .rev_slider .tp-parallax-wrap:has([class*="startup"]),
.home .rev_slider .tp-caption[class*="startup"],
.home .rev_slider .tp-caption:contains("Startup") {
    top: 80px !important;
    padding-top: 20px !important;
}

/* Ensure proper slider content stacking */
.home .rev_slider .tp-parallax-wrap {
    z-index: 10 !important;
}

/* Make sure overlay doesn't cover text */
.home .rev_slider::before {
    z-index: 5 !important;
}

/* Note: Inline positioning overridden by more specific rules above */

/* Full-width content area */
.home .rev_slider .tp-caption.fullwidth,
.home .rev_slider .tp-caption.fullscreen,
.home .rev_slider .tp-caption.centered {
    width: 100% !important;
    text-align: center !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

/* Hide any broken or empty captions */
.home .rev_slider .tp-caption:empty,
.home .rev_slider .tp-caption:not(:has(*)):not(:contains(text)) {
    display: none !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;
}

/* ===============================================
   HOMEPAGE SECTION PADDING & SPACING FIXES
   =============================================== */

/* All homepage rows should have consistent vertical spacing */
.home .wpb_row,
.home .vc_row,
.home section,
.home .full_width {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* First row (slider/hero) - no top padding */
.home .wpb_row:first-child,
.home .vc_row:first-child,
.home .full_width:first-child {
    padding-top: 0 !important;
}

/* Client logos/partners section */
.home .clients-holder,
.home .qode-clients,
.home [class*="client"],
.home [class*="partner"],
.home [class*="logo-carousel"] {
    padding: 50px 0 !important;
    background: #ffffff !important;
}

/* "Our Awesome Clients" section - proper spacing */
.home .wpb_row:has(.qode-clients),
.home .vc_row:has(.clients-holder) {
    padding: 60px 20px !important;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

/* Three columns feature boxes container */
.home .three_columns,
.home .four_columns {
    padding: 30px 20px !important;
    margin: 0 !important;
    gap: 30px !important;
}

/* Individual column padding in feature/service sections */
.home .three_columns>.column,
.home .four_columns>.column,
.home .column1_3,
.home .column1_4 {
    padding: 25px !important;
    margin: 0 !important;
}

/* Ensure testimonials section has proper containment */
.home .testimonials_holder,
.home [class*="testimonial"] {
    padding: 40px 20px !important;
}

/* Remove excessive whitespace between sections */
.home .separator,
.home .qode-separator,
.home hr {
    margin: 20px 0 !important;
    height: 1px !important;
}

/* Contact/CTA sections */
.home .call-to-action,
.home .cta-section,
.home [class*="contact-section"] {
    padding: 80px 40px !important;
}

/* Footer spacing */
.home .footer_inner,
.home .footer_top {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
}

/* ===============================================
   PREMIUM CLIENTS SECTION - STUNNING UI
   =============================================== */

/* Import Google Fonts for premium typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* Main Section Container */
.awesome-clients-section,
body .awesome-clients-section,
.home .awesome-clients-section,
.parallax_section .awesome-clients-section,
.parallax_section_holder .awesome-clients-section,
[class*="parallax"] .awesome-clients-section,
.wpb_row .awesome-clients-section,
.vc_row .awesome-clients-section {
    position: relative !important;
    padding: 30px 0 25px !important;
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0d0d2b 100%) !important;
    background-color: #0a0a1a !important;
    overflow: hidden !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    margin: 0 !important;
}

/* Override parallax section container when it contains our section */
.parallax_section_holder:has(.awesome-clients-section),
.parallax_section:has(.awesome-clients-section),
[class*="parallax"]:has(.awesome-clients-section) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    min-height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Override any inner wrappers */
.parallax_section_holder:has(.awesome-clients-section)>.parallax_content,
.parallax_section_holder:has(.awesome-clients-section)>.parallax_content_holder,
.parallax_section_holder:has(.awesome-clients-section)>div {
    background: transparent !important;
    padding: 0 !important;
}

/* CRITICAL: Override ALL parent containers that may have white background */
/* Target .content and .wrapper specifically as reported by browser */
.home .content:has(.awesome-clients-section),
.home .wrapper:has(.awesome-clients-section),
body:has(.awesome-clients-section) .content,
body:has(.awesome-clients-section) .wrapper,
.page-template-default .content,
.page-template-default .wrapper,
.content_inner:has(.awesome-clients-section),
.full_width:has(.awesome-clients-section),
.full_width_inner:has(.awesome-clients-section) {
    background: transparent !important;
    background-color: transparent !important;
}

/* Force the section to have proper width and centering */
.awesome-clients-section {
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate !important;
    /* Use max-width instead of 100vw to prevent overflow */
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Inline style override - use the section's own inline styles if injected */
section.awesome-clients-section[style] {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0d0d2b 100%) !important;
}

/* CRITICAL: Force transparent background on ALL child elements */
.awesome-clients-section>*,
.awesome-clients-section div:not(.logo-card):not(.gradient-orb):not(.gradient-orb-1):not(.gradient-orb-2):not(.gradient-orb-3),
.awesome-clients-section p,
.awesome-clients-section span:not(.badge-dot),
.awesome-clients-section h1,
.awesome-clients-section h2,
.awesome-clients-section h3,
.awesome-clients-section .logo-carousel-wrapper,
.awesome-clients-section .logo-carousel,
.awesome-clients-section .logo-track,
.awesome-clients-section .logo-item,
.awesome-clients-section .clients-header,
.awesome-clients-section .clients-container,
.awesome-clients-section .clients-stats,
.awesome-clients-section .stat-item,
.awesome-clients-section .clients-title,
.awesome-clients-section .clients-subtitle,
.awesome-clients-section h2.clients-title,
.awesome-clients-section p.clients-subtitle,
section.awesome-clients-section .clients-title,
section.awesome-clients-section .clients-subtitle,
section#our-clients .clients-title,
section#our-clients .clients-subtitle,
section#our-clients h2,
section#our-clients p {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Stats numbers visibility fix */
.awesome-clients-section .stat-number,
section.awesome-clients-section .stat-number,
section#our-clients .stat-number {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    line-height: 1.2 !important;
    margin-bottom: 5px !important;
}

/* Animated Background Effects */
.clients-background-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.gradient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.4;
    animation: orbFloat 20s ease-in-out infinite;
}

.gradient-orb-1 {
    width: 600px;
    height: 600px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    top: -200px;
    left: -200px;
    animation-delay: 0s;
}

.gradient-orb-2 {
    width: 500px;
    height: 500px;
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
    bottom: -150px;
    right: -150px;
    animation-delay: -7s;
}

.gradient-orb-3 {
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation-delay: -14s;
}

@keyframes orbFloat {

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

    25% {
        transform: translate(50px, -50px) scale(1.1);
    }

    50% {
        transform: translate(-30px, 30px) scale(0.95);
    }

    75% {
        transform: translate(20px, 20px) scale(1.05);
    }
}

/* Container - COMPACT SPACING */
.clients-container,
.awesome-clients-section .clients-container,
section.awesome-clients-section .clients-container,
#our-clients .clients-container,
body .clients-container {
    position: relative !important;
    z-index: 10 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Header Section - COMPACT SPACING */
.clients-header,
.awesome-clients-section .clients-header,
section.awesome-clients-section .clients-header,
#our-clients .clients-header {
    text-align: center !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

.clients-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 16px !important;
    background: rgba(99, 102, 241, 0.15) !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    border-radius: 50px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #a5b4fc !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 10px !important;
    animation: badgePulse 3s ease-in-out infinite !important;
}

.badge-dot {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 50%;
    animation: dotPulse 1.5s ease-in-out infinite;
}

@keyframes badgePulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4);
    }

    50% {
        box-shadow: 0 0 20px 5px rgba(99, 102, 241, 0.2);
    }
}

@keyframes dotPulse {

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

    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
}

.clients-title,
.awesome-clients-section .clients-title,
section.awesome-clients-section .clients-title,
#our-clients .clients-title {
    font-family: 'Outfit', 'Inter', sans-serif !important;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    background: none !important;
    background-color: transparent !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

@keyframes titleShine {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

.clients-subtitle,
.awesome-clients-section .clients-subtitle,
section.awesome-clients-section .clients-subtitle,
#our-clients .clients-subtitle {
    font-size: 0.95rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
    background: none !important;
    background-color: transparent !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

/* Logo Carousel Wrapper - COMPACT SPACING */
.logo-carousel-wrapper,
.awesome-clients-section .logo-carousel-wrapper,
section.awesome-clients-section .logo-carousel-wrapper,
#our-clients .logo-carousel-wrapper,
body .logo-carousel-wrapper {
    position: relative !important;
    margin: 6px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    /* Gradient fade on edges */
    -webkit-mask-image: linear-gradient(to right,
            transparent 0%,
            black 10%,
            black 90%,
            transparent 100%);
    mask-image: linear-gradient(to right,
            transparent 0%,
            black 10%,
            black 90%,
            transparent 100%);
}

.logo-carousel,
.awesome-clients-section .logo-carousel {
    width: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.logo-track,
.awesome-clients-section .logo-track {
    display: flex !important;
    gap: 20px !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Scroll Left Animation */
.logo-carousel-left .logo-track {
    animation: scrollLeft 40s linear infinite;
}

/* Scroll Right Animation */
.logo-carousel-right .logo-track {
    animation: scrollRight 45s linear infinite;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

/* Pause on Hover */
.logo-carousel-wrapper:hover .logo-track {
    animation-play-state: paused;
}

/* Logo Item */
.logo-item {
    flex-shrink: 0;
}

.logo-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 50px;
    padding: 12px 18px;
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    overflow: hidden;
}

/* Text-based logo styling */
.logo-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.logo-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.1),
            transparent);
    transition: left 0.6s ease;
}

.logo-card:hover::before {
    left: 100%;
}

.logo-card:hover {
    transform: translateY(-8px) scale(1.05);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 30px rgba(99, 102, 241, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.logo-card img {
    max-width: 130px;
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.7;
    transition: all 0.4s ease;
}

.logo-card:hover img {
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
    transform: scale(1.1);
}

.logo-hover-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
}

.logo-card:hover .logo-hover-effect {
    width: 300px;
    height: 300px;
}

/* Stats Section - COMPACT SPACING */
.clients-stats,
.awesome-clients-section .clients-stats,
section.awesome-clients-section .clients-stats,
#our-clients .clients-stats {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 12px 0 0 0 !important;
    padding: 15px 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.stat-item,
.awesome-clients-section .stat-item,
section.awesome-clients-section .stat-item,
#our-clients .stat-item {
    text-align: center !important;
    padding: 6px 20px !important;
    margin: 0 !important;
    background: transparent !important;
}

.stat-number,
.awesome-clients-section .stat-number,
section.awesome-clients-section .stat-number,
#our-clients .stat-number {
    font-family: 'Outfit', sans-serif !important;
    font-size: clamp(1.8rem, 3vw, 2.5rem) !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    line-height: 1.2 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

.stat-label,
.awesome-clients-section .stat-label,
section.awesome-clients-section .stat-label,
#our-clients .stat-label {
    font-size: 0.8rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.stat-divider {
    width: 1px;
    height: 60px;
    background: linear-gradient(to bottom,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .awesome-clients-section {
        padding: 25px 0 20px !important;
    }

    .clients-header {
        margin-bottom: 12px;
    }

    .logo-card {
        width: 120px;
        height: 45px;
        padding: 10px 15px;
    }

    .logo-card img {
        max-width: 90px;
        max-height: 35px;
    }

    .clients-stats {
        gap: 15px;
        padding: 18px 15px;
    }

    .stat-item {
        padding: 8px 20px;
    }
}

@media (max-width: 768px) {
    .awesome-clients-section {
        padding: 30px 0 25px !important;
    }

    .clients-badge {
        font-size: 0.75rem;
        padding: 6px 16px;
    }

    .clients-title {
        font-size: 1.75rem;
    }

    .clients-subtitle {
        font-size: 0.95rem;
        padding: 0 10px;
    }

    .logo-carousel-wrapper {
        margin: 5px 0;
    }

    .logo-track {
        gap: 15px;
    }

    .logo-card {
        width: 100px;
        height: 40px;
        padding: 8px 12px;
        border-radius: 10px;
    }

    .logo-card img {
        max-width: 70px;
        max-height: 30px;
    }

    .clients-stats {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 15px;
        padding: 18px 15px;
    }

    .stat-item {
        padding: 5px 15px;
    }

    .stat-number {
        font-size: 1.8rem;
    }

    .stat-divider {
        display: none;
    }

    /* Keep second row visible but smaller on mobile */
    .logo-carousel-right {
        display: block;
    }
}

@media (max-width: 480px) {
    .awesome-clients-section {
        padding: 25px 0 20px !important;
    }

    .clients-title {
        font-size: 1.5rem;
    }

    .logo-card {
        width: 90px;
        height: 36px;
        padding: 6px 10px;
    }

    .logo-card img {
        max-width: 60px;
        max-height: 25px;
    }

    .clients-stats {
        border-radius: 12px;
        padding: 15px 12px;
    }

    .stat-number {
        font-size: 1.5rem;
    }

    .stat-label {
        font-size: 0.75rem;
    }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {

    .logo-carousel-left .logo-track,
    .logo-carousel-right .logo-track {
        animation: none;
    }

    .gradient-orb,
    .clients-badge,
    .badge-dot {
        animation: none;
    }

    .logo-card:hover {
        transform: none;
    }
}

/* Override existing qode clients styles for the new section */
.home .awesome-clients-section,
.home .awesome-clients-section * {
    box-sizing: border-box;
}

.home .awesome-clients-section .clients-container {
    padding: 0 20px !important;
}

/* Hide old clients section when new one is active */
.home .qode_clients:has(+ .awesome-clients-section),
.home .qode_clients_holder:has(+ .awesome-clients-section) {
    display: none !important;
}

/* ================================================
   NUCLEAR FIX: KILL ALL EXTRA SPACING IN CLIENTS SECTION
   ================================================ */

/* Reset ALL elements inside clients section */
.awesome-clients-section *,
section.awesome-clients-section *,
#our-clients *,
.clients-container *,
body .awesome-clients-section * {
    box-sizing: border-box !important;
}

/* Kill all margins/padding on any potential wrappers */
.awesome-clients-section>div,
.awesome-clients-section .clients-container>div:not(.clients-header):not(.logo-carousel-wrapper):not(.clients-stats),
.parallax_section_holder .awesome-clients-section>div,
.parallax_content .awesome-clients-section>div {
    margin: 0 !important;
    padding: 0 !important;
}

/* Force row gap control between carousel rows */
.awesome-clients-section .logo-carousel-wrapper+.logo-carousel-wrapper {
    margin-top: 5px !important;
}

/* Ensure no gaps between header and first row */
.awesome-clients-section .clients-header+.logo-carousel-wrapper {
    margin-top: 10px !important;
}

/* Ensure no gap between last row and stats */
.awesome-clients-section .logo-carousel-wrapper+.clients-stats,
.awesome-clients-section .logo-carousel-wrapper:last-of-type~.clients-stats {
    margin-top: 12px !important;
}

/* Override any theme defaults for this section specifically */
body.home .awesome-clients-section,
body .page .awesome-clients-section,
.page-template .awesome-clients-section,
.home-template .awesome-clients-section {
    padding-top: 25px !important;
    padding-bottom: 20px !important;
}

/* Force compact logo cards */
.awesome-clients-section .logo-card,
section.awesome-clients-section .logo-card,
#our-clients .logo-card {
    width: 110px !important;
    height: 42px !important;
    padding: 8px 14px !important;
    margin: 0 !important;
}

.awesome-clients-section .logo-text,
section.awesome-clients-section .logo-text,
#our-clients .logo-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* ================================================
   FIX: ICON BOXES SECTION SPACING
   ================================================ */

/* Reduce top and bottom padding of icon boxes section (section#1) - AGGRESSIVE */
section#\31,
section[id="1"],
.home section.parallax_section_holder:has(.four_columns),
.home .parallax_section_holder:has(.column1_4),
body .parallax_section_holder:first-of-type~.parallax_section_holder:has(.four_columns),
.home .parallax_section_holder:nth-of-type(2) {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Inner wrappers of icon boxes section */
section#\31 .parallax_content,
section[id="1"] .parallax_content,
.parallax_section_holder:has(.four_columns) .parallax_content,
.parallax_section_holder:has(.column1_4) .parallax_content,
.home .parallax_section_holder:nth-of-type(2) .parallax_content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

section#\31 .four_columns,
section[id="1"] .four_columns,
.parallax_section_holder .four_columns,
.home .four_columns {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

section#\31 .column_inner,
section[id="1"] .column_inner,
.parallax_section_holder .four_columns .column_inner,
.home .four_columns .column_inner {
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
}

/* Remove separator margins in icon boxes */
.parallax_section_holder .separator.transparent,
.home .separator.transparent {
    margin: 5px 0 !important;
    height: 5px !important;
}

/* ================================================
   FIX: TESTIMONIALS SECTION - "What Our Clients Say"
   ================================================ */

/* Main testimonials section - FULL WIDTH + COMPACT */
section#\32,
section[id="2"],
.home section.parallax_section_holder:has(.qode_testimonials),
.home .parallax_section_holder:has(.testimonials),
.qode_testimonials_holder,
.testimonials,
.qode_testimonials_outer,
body .testimonials {
    padding: 30px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #1a1a1a !important;
}

section#\32 .parallax_content,
section[id="2"] .parallax_content,
.parallax_section_holder:has(.qode_testimonials) .parallax_content,
.parallax_section_holder:has(.testimonials) .parallax_content {
    padding: 20px 15px !important;
    margin: 0 !important;
}

/* Testimonials container - FULL WIDTH */
.qode_testimonials_holder,
.testimonials .container,
.testimonials_holder,
.home .qode_testimonials,
.home .testimonials {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
}

/* Testimonials inner content */
.qode_testimonials,
.testimonial_text,
.testimonials_text,
.testimonial_content,
.home .qode_testimonials *,
.home .testimonials * {
    background: transparent !important;
}

/* Kill horizontal margins/padding that cause white edges */
.home section#\32,
.home section[id="2"],
.home .parallax_section_holder:has(.testimonials),
body.home section.parallax_section_holder:nth-of-type(2) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    margin-left: calc(-50vw + 50%) !important;
}

/* Testimonial title */
.testimonials h2,
.qode_testimonials h2,
.testimonials_title,
.testimonial_title,
.home .testimonials h2 {
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
}

/* Testimonial text content */
.testimonial_text,
.testimonials_text,
.testimonials_text_inner,
.qode_testimonials_text,
.home .testimonial_text {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
}

/* Testimonial author */
.testimonial_author,
.testimonials_author,
.qode_testimonials_author,
.home .testimonial_author {
    font-size: 0.9rem !important;
    color: #a5b4fc !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

/* Testimonial avatars/images */
.testimonials_image,
.testimonial_image,
.qode_testimonials_image,
.testimonials_image_holder,
.home .testimonials img,
.home .testimonials_image img {
    margin: 5px !important;
}

/* Navigation dots/arrows */
.testimonials .flex-control-nav,
.qode_testimonials .flex-control-nav,
.testimonials_nav,
.home .testimonials .flex-control-paging {
    margin-top: 10px !important;
    padding: 0 !important;
}

/* ================================================
   GENERIC SECTION GAP FIXES FOR HOMEPAGE
   ================================================ */

/* Remove excess gap between ALL homepage sections */
.home section.parallax_section_holder,
.home .parallax_section_holder,
.home .full_width,
.home .vc_row,
body.home section {
    margin-top: 0 !important;
}

/* Control section padding uniformly */
.home .parallax_section_holder .parallax_content {
    padding-top: 10px !important;
    padding-bottom: 15px !important;
}

/* NUCLEAR FIX: First section after hero slider - NO TOP GAP */
.home .rev_slider_wrapper+section,
.home .rev_slider_wrapper+.parallax_section_holder,
.home .slider_section+section,
.home .slider_section+.parallax_section_holder,
.home .parallax_section_holder:first-of-type+.parallax_section_holder,
.home section.parallax_section_holder:has(.four_columns):not(:first-of-type) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home .rev_slider_wrapper+section .parallax_content,
.home .rev_slider_wrapper+.parallax_section_holder .parallax_content,
.home .slider_section+section .parallax_content,
.home .slider_section+.parallax_section_holder .parallax_content,
.home .parallax_section_holder:first-of-type+.parallax_section_holder .parallax_content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Force the four columns section to have minimal top padding */
.home .four_columns,
.home .three_columns {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

/* ================================================
   NUCLEAR FIX: REMOVE UNWANTED BORDERS IN CLIENTS SECTION
   ================================================ */

/* Remove ALL borders from clients section and its wrappers */
.awesome-clients-section,
.awesome-clients-section *,
section.awesome-clients-section,
section.awesome-clients-section *,
#our-clients,
#our-clients *,
.parallax_section_holder:has(.awesome-clients-section),
.parallax_section_holder:has(.awesome-clients-section) *,
.parallax_content:has(.awesome-clients-section),
.parallax_content:has(.awesome-clients-section) *,
body .awesome-clients-section,
body .awesome-clients-section * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Re-add only the specific borders we want */
.awesome-clients-section .clients-badge,
section.awesome-clients-section .clients-badge {
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
}

.awesome-clients-section .logo-card,
section.awesome-clients-section .logo-card {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.awesome-clients-section .clients-stats,
section.awesome-clients-section .clients-stats {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Remove border from any parallax wrapper around clients section */
.parallax_section_holder:has(.awesome-clients-section) .parallax_content,
.parallax_section_holder:has(.awesome-clients-section) .parallax,
.parallax_section_holder:has(.awesome-clients-section)>div,
section:has(.awesome-clients-section)>div,
.home section:has(.awesome-clients-section) {
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
}

/* Kill any pseudo-element borders */
.awesome-clients-section::before,
.awesome-clients-section::after,
.clients-header::before,
.clients-header::after,
.clients-container::before,
.clients-container::after,
.parallax_section_holder:has(.awesome-clients-section)::before,
.parallax_section_holder:has(.awesome-clients-section)::after {
    border: none !important;
    box-shadow: none !important;
}

/* Specifically target any rounded container that might exist */
.awesome-clients-section>div:not(.clients-container),
.clients-container>div:not(.clients-header):not(.logo-carousel-wrapper):not(.clients-stats) {
    border: none !important;
    background: transparent !important;
}

/* Remove white/light bar above section */
.awesome-clients-section,
section.awesome-clients-section,
#our-clients {
    border-top: none !important;
    margin-top: 0 !important;
}