/**
 * Modern WooCommerce Styling
 * Optimized for Block Editor
 * Includes: Cart, Checkout, Shop, Product Details, My Account, Login & Forms
 * Version: 2.1 - Modern Premium Design - FIXED
 */

/* ============================================
   TABLE OF CONTENTS
   ============================================
   1. Global WooCommerce Variables
   2. General WooCommerce Elements
   3. Shop Page & Product Archives
   4. Product Details Page
   5. Cart Page (Block-based) - REDESIGNED
   6. Checkout Page (Block-based) - REDESIGNED
   7. My Account Page
   8. Login & Registration
   9. Forms & Inputs
   10. Responsive Design
   ============================================ */


/* ============================================
   1. GLOBAL WOOCOMMERCE VARIABLES - MODERN
   ============================================ */
:root {
    /* Primary Colors */
    --wc-primary-color: #d4af37;
    --wc-secondary-color: #d4af37;
    --wc-accent-color: #f43f5e;
    --wc-success-color: #10b981;
    --wc-warning-color: #f59e0b;
    
    /* Neutral Colors */
    --wc-border-color: #d4af37;
    --wc-text-color: #1f2937;
    --wc-text-light: #6b7280;
    --wc-light-bg: #f9fafb;
    --wc-white: #ffffff;
    --wc-gray: #6b7280;
    --wc-dark: #111827;
    
    /* Gradients */
    --wc-gradient-primary: linear-gradient(135deg, #d4af37 0%, #d4af37 100%);
    --wc-gradient-secondary: linear-gradient(135deg, #d4af37 0%, #d4af37 100%);
    --wc-gradient-accent: linear-gradient(135deg, #d4af37 0%, #d4af37 100%);
    
    /* Spacing */
    --wc-spacing-xs: 0.5rem;
    --wc-spacing-sm: 1rem;
    --wc-spacing-md: 1.5rem;
    --wc-spacing-lg: 2rem;
    --wc-spacing-xl: 3rem;
    
    /* Border Radius */
    --wc-border-radius-sm: 6px;
    --wc-border-radius: 12px;
    --wc-border-radius-lg: 16px;
    --wc-border-radius-xl: 24px;
    
    /* Shadows */
    --wc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --wc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --wc-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --wc-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --wc-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    
    /* Transitions */
    --wc-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --wc-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}


/* ============================================
   2. GENERAL WOOCOMMERCE ELEMENTS - MODERN
   ============================================ */

/* WooCommerce Wrapper */
.woocommerce,
.woocommerce-page {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--wc-text-color);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Reset */
.woocommerce * {
    box-sizing: border-box;
}

/* Notices & Messages - Modern Cards */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: var(--wc-spacing-md) var(--wc-spacing-lg);
    margin-bottom: var(--wc-spacing-md);
    border-radius: var(--wc-border-radius);
    border: none;
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-sm);
    box-shadow: var(--wc-shadow);
    position: relative;
    overflow: hidden;
    clear: both;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.woocommerce-message {
    background: #ecfdf5;
    color: #065f46;
}

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

.woocommerce-info {
    background: #eff6ff;
    color: #1e40af;
}

.woocommerce-info::before {
    background: var(--wc-secondary-color);
}

.woocommerce-error {
    background: #fef2f2;
    color: #991b1b;
}

.woocommerce-error::before {
    background: var(--wc-accent-color);
}

.woocommerce-message .button,
.woocommerce-info .button {
    margin-left: auto;
    padding: 10px 20px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border-radius: var(--wc-border-radius-sm);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow-sm);
    border: none;
    cursor: pointer;
}

.woocommerce-message .button:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-md);
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    display: inline-block;
    padding: 12px 24px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: var(--wc-transition);
    font-size: 14px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-md);
}

/* Clear floats */
.woocommerce:after {
    content: "";
    display: table;
    clear: both;
}


/* ============================================
   3. SHOP PAGE & PRODUCT ARCHIVES - MODERN
   ============================================ */

/* Products Grid */
/*.woocommerce .products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--wc-spacing-lg);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--wc-spacing-xl) 0;
}*/

.woocommerce .products .product {
    background: var(--wc-white);
    border: 1px solid transparent;
    border-radius: var(--wc-border-radius-lg);
    padding: var(--wc-spacing-md);
    text-align: center;
    transition: var(--wc-transition);
    position: relative;
    overflow: hidden;
	width:100%;
    /*display: flex;
    flex-direction: column;*/
	
}

.woocommerce .products .product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--wc-border-radius-lg);
    padding: 2px;
    background: var(--wc-gradient-primary);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: var(--wc-transition);
}

.woocommerce .products .product:hover::before {
    opacity: 1;
}

.woocommerce .products .product:hover {
    box-shadow: var(--wc-shadow-lg);
    transform: translateY(-8px);
}

/* Product Image */
.woocommerce .products .product .woocommerce-loop-product__link {
    display: block;
    text-decoration: none;
    color: var(--wc-text-color);
    flex: 1;
}

.woocommerce .products .product img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--wc-border-radius);
    margin-bottom: var(--wc-spacing-md);
    transition: var(--wc-transition);
}

.woocommerce .products .product:hover img {
    transform: scale(1.05);
}

/* Product Title */
.woocommerce .products .product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: var(--wc-spacing-sm) 0;
    color: var(--wc-dark);
    line-height: 1.4;
    padding: 0 var(--wc-spacing-xs);
}

/* Product Price */
.woocommerce .products .product .price {
    font-size: 20px;
    font-weight: 700;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: var(--wc-spacing-sm) 0;
    display: block;
}

.woocommerce .products .product .price del {
    opacity: 0.5;
    font-weight: 400;
    margin-right: var(--wc-spacing-xs);
    -webkit-text-fill-color: var(--wc-text-light);
}

.woocommerce .products .product .price ins {
    text-decoration: none;
}

/* Sale Badge - Modern Pill */
.woocommerce span.onsale {
    position: absolute;
    top: var(--wc-spacing-md);
    right: var(--wc-spacing-md);
    background: var(--wc-gradient-accent);
    color: var(--wc-white);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
    box-shadow: var(--wc-shadow-md);
    animation: pulse 2s infinite;
    text-transform: uppercase;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Add to Cart Button - Modern Gradient */
.woocommerce .products .product .button {
    display: inline-block;
    padding: 14px 28px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    cursor: pointer;
    transition: var(--wc-transition);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
    width: 100%;
    box-shadow: var(--wc-shadow);
    position: relative;
    overflow: hidden;
}

.woocommerce .products .product .button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.woocommerce .products .product .button:hover::before {
    left: 100%;
}

.woocommerce .products .product .button:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-lg);
}

/* Result Count & Ordering */
.woocommerce-result-count,
.woocommerce-ordering {
    margin-bottom: var(--wc-spacing-md);
    color: var(--wc-text-light);
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.woocommerce .woocommerce-ordering select {
    padding: 12px 40px 12px 16px;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    background: var(--wc-white);
    cursor: pointer;
    font-weight: 500;
    transition: var(--wc-transition);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    min-width: 200px;
}

.woocommerce .woocommerce-ordering select:hover,
.woocommerce .woocommerce-ordering select:focus {
    border-color: var(--wc-secondary-color);
    outline: none;
}

/* Pagination - Modern Pills */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: var(--wc-spacing-xl) 0;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex;
    gap: var(--wc-spacing-xs);
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 16px;
    border: 2px solid transparent;
    border-radius: var(--wc-border-radius);
    text-decoration: none;
    color: var(--wc-text-color);
    transition: var(--wc-transition);
    font-weight: 500;
    background: var(--wc-white);
    box-shadow: var(--wc-shadow-sm);
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    box-shadow: var(--wc-shadow-md);
}


/* ============================================
   4. PRODUCT DETAILS PAGE - MODERN
   ============================================ */

/* Product Layout */
/*.woocommerce div.product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--wc-spacing-xl);
    margin-bottom: var(--wc-spacing-xl);
}*/
/*.woocommerce div.product{
	text-align:center;
}*/
span.price{
	display:block;
}
/* Product Images - Modern Gallery */
.woocommerce div.product div.images {
    position: relative;
}

.woocommerce div.product div.images img {
    width: 100%;
    height: auto;
    border-radius: var(--wc-border-radius-lg);
    border: none;
    box-shadow: var(--wc-shadow-lg);
    transition: var(--wc-transition);
}

.woocommerce div.product div.images img:hover {
    transform: scale(1.02);
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: var(--wc-spacing-sm);
    margin-top: var(--wc-spacing-md);
    list-style: none;
    padding: 0;
    overflow-x: auto;
}

.woocommerce div.product div.images .flex-control-thumbs {
    flex: 0 0 auto;
    width: 80px;
}

.woocommerce div.product div.images .flex-control-thumbs img {
    cursor: pointer;
    opacity: 0.5;
    transition: var(--wc-transition);
    border-radius: var(--wc-border-radius);
    box-shadow: var(--wc-shadow);
    width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs img:hover,
.woocommerce div.product div.images .flex-control-thumbs img.flex-active {
    opacity: 1;
    box-shadow: var(--wc-shadow-md);
    border: 2px solid var(--wc-secondary-color);
}

/* Product Summary */
.woocommerce div.product div.summary {
    padding: var(--wc-spacing-md) 0;
}

.woocommerce div.product .product_title {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--wc-dark);
    margin: 0 0 var(--wc-spacing-md) 0;
    line-height: 1.2;
}

.woocommerce div.product p.price {
    font-size: 2rem;
    font-weight: 800;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: var(--wc-spacing-md) 0;
    display: block;
}

.woocommerce div.product p.price del {
    -webkit-text-fill-color: var(--wc-text-light);
    opacity: 0.6;
    font-size: 1.5rem;
}

.woocommerce div.product .woocommerce-product-rating {
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-sm);
    margin: var(--wc-spacing-md) 0;
    padding: var(--wc-spacing-sm) var(--wc-spacing-md);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
    width: fit-content;
}

.woocommerce .star-rating {
    color: #fbbf24;
    font-size: 18px;
    display: flex;
    gap: 2px;
}

.woocommerce .star-rating:before {
    content: "\2605\2605\2605\2605\2605";
    opacity: 0.25;
}

.woocommerce .star-rating span {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.woocommerce .star-rating span:before {
    content: "\2605\2605\2605\2605\2605";
}

/* Product Description */
.woocommerce div.product .woocommerce-product-details__short-description {
    margin: var(--wc-spacing-lg) 0;
    line-height: 1.8;
    color: var(--wc-text-light);
    font-size: 1rem;
}

/* Add to Cart Form - Modern */
.wc-block-components-sidebar-layout {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}
.wc-block-cart .wc-block-cart__totals-title{
	background: var(--wc-gradient-primary) !important;
    color: var(--wc-white) !important;
    padding: var(--wc-spacing-lg) !important;
}
.woocommerce div.product form.cart {
    margin: var(--wc-spacing-lg) 0;
    display: flex;
    gap: var(--wc-spacing-md);
    align-items: center;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .quantity {
    display: flex;
    align-items: center;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    overflow: hidden;
    background: var(--wc-white);
    box-shadow: var(--wc-shadow-sm);
}

.woocommerce div.product form.cart .quantity input.qty {
    width: 80px;
    padding: 16px;
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    background: transparent;
}

.woocommerce div.product form.cart button.single_add_to_cart_button {
    flex: 1;
    min-width: 200px;
    padding: 18px 36px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow-md);
    position: relative;
    overflow: hidden;
}

.woocommerce div.product form.cart button.single_add_to_cart_button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover::before {
    width: 300px;
    height: 300px;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
    transform: translateY(-3px);
    box-shadow: var(--wc-shadow-xl);
}

/* Product Meta - Modern Card */
.woocommerce div.product .product_meta {
    margin: var(--wc-spacing-lg) 0;
    padding: var(--wc-spacing-lg);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius-lg);
    border-left: 4px solid var(--wc-secondary-color);
}

.woocommerce div.product .product_meta > span {
    display: block;
    margin: var(--wc-spacing-sm) 0;
    color: var(--wc-text-color);
    font-weight: 500;
}

/* Product Tabs - Modern */
.woocommerce div.product .woocommerce-tabs {
    margin: var(--wc-spacing-xl) 0;
    grid-column: 1 / -1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: var(--wc-spacing-sm);
    list-style: none;
    padding: 0;
    margin: 0 0 var(--wc-spacing-lg) 0;
    border-bottom: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 16px 28px;
    text-decoration: none;
    color: var(--wc-text-light);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
    transition: var(--wc-transition);
    font-weight: 600;
    border: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    box-shadow: var(--wc-shadow-md);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    transform: translateY(-2px);
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: var(--wc-spacing-lg);
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-lg);
    box-shadow: var(--wc-shadow);
}

/* Related Products */
.woocommerce section.related.products {
    clear: both;
}

.woocommerce .related.products {
    margin: var(--wc-spacing-xl) 0;
    grid-column: 1 / -1;
}

.woocommerce .related.products h2 {
    font-size: 32px;
    font-weight: 800;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-lg);
    text-align: center;
}


/* ============================================
   5. CART PAGE (BLOCK-BASED) - COMPLETELY REDESIGNED
   ============================================ */

/* Cart Block Container - Modern Layout */
/*.wp-block-woocommerce-cart {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--wc-spacing-xl) var(--wc-spacing-md);
}*/

/* Cart Main Layout - Two Column */
.wc-block-cart {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: var(--wc-spacing-xl);
    align-items: start;
}

/* Cart Items Section - Premium Card */
.wc-block-cart__items {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    box-shadow: var(--wc-shadow-lg);
    overflow: hidden;
}

/* Cart Header - Modern Sticky */
.wc-block-cart-items__header {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    padding: var(--wc-spacing-lg);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: grid;
    grid-template-columns: 2fr 120px 120px 120px 60px;
    gap: var(--wc-spacing-md);
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* Individual Cart Item - Modern Card Style */
.wc-block-cart-items__row {
    padding: var(--wc-spacing-lg);
    border-bottom: 1px solid var(--wc-border-color);
    display: grid;
    grid-template-columns: 3fr 240px 0px 120px 30px;
    gap: var(--wc-spacing-md);
    align-items: center;
    transition: var(--wc-transition);
    position: relative;
}

.wc-block-cart-items__row:hover {
    background: var(--wc-light-bg);
}

.wc-block-cart-items__row:last-child {
    border-bottom: none;
}

/* Cart Item Product Info */
.wc-block-cart-item__product {
    display: flex;
    gap: var(--wc-spacing-md);
    align-items: center;
}

/* Cart Item Image - Modern Rounded */
.wc-block-cart-item__image {
    /*width: 100px;
    height: 100px;
    overflow: hidden;*/
    border-radius: var(--wc-border-radius-lg);
    border: 2px solid var(--wc-border-color);
    flex-shrink: 0;
    box-shadow: var(--wc-shadow);
    transition: var(--wc-transition);
}

.wc-block-cart-item__image:hover {
    transform: scale(1.05);
    box-shadow: var(--wc-shadow-md);
}

.wc-block-cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Cart Item Details */
.wc-block-cart-item__product-details {
    flex: 1;
}

.wc-block-cart-item__product-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--wc-dark);
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    transition: var(--wc-transition);
}

.wc-block-cart-item__product-name:hover {
    color: var(--wc-secondary-color);
}

.wc-block-cart-item__product-metadata {
    font-size: 13px;
    color: var(--wc-text-light);
    margin-top: 4px;
}

/* Cart Item Price */
.wc-block-cart-item__price {
    font-size: 18px;
    font-weight: 700;
    color: var(--wc-text-color);
    text-align: center;
}

/* Cart Item Quantity - Modern Input */
.wc-block-cart-item__quantity,
.wc-block-components-quantity-selector {
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	transition: var(--wc-transition);
    /*border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);   
    background: var(--wc-white);
    box-shadow: var(--wc-shadow-sm);  */
}

.wc-block-cart-item__quantity:hover,
.wc-block-components-quantity-selector:hover {
    border-color: var(--wc-secondary-color);
}

.wc-block-cart-item__quantity-button,
.wc-block-components-quantity-selector__button {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: var(--wc-text-color);
    transition: var(--wc-transition-fast);
}

.wc-block-cart-item__quantity-button:hover,
.wc-block-components-quantity-selector__button:hover {
    background: var(--wc-light-bg);
    color: var(--wc-secondary-color);
}

.wc-block-cart-item__quantity input,
.wc-block-components-quantity-selector__input {
    width: 50px;
    height: 36px;
    padding: 0;
    border: none;
    border-left: 1px solid var(--wc-border-color);
    border-right: 1px solid var(--wc-border-color);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: transparent;
}

/* Cart Item Total - Highlighted */
.wc-block-cart-item__total {
    font-size: 20px;
    font-weight: 800;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    background-clip: text;
    text-align: center;
}

/* Cart Item Remove - Modern Icon Button */
.wc-block-cart-item__remove-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wc-text-light);
    text-decoration: none;
    font-size: 20px;
    transition: var(--wc-transition);
    border-radius: var(--wc-border-radius);
    margin: 0 auto;
    background: transparent;
    border: none;
    cursor: pointer;
}

.wc-block-cart-item__remove-link:hover {
    background: #fee2e2;
    color: var(--wc-accent-color);
    transform: rotate(0deg);
}

/* Cart Totals Sidebar - Premium Card */
.wc-block-cart__totals {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    padding: var(--wc-spacing-lg);
    box-shadow: var(--wc-shadow-lg);
    position: sticky;
    top: 20px;
}

/* Cart Totals Title - Gradient */
.wc-block-cart__totals-title {
    font-size: 24px;
    font-weight: 800;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    background-clip: text;
    margin-bottom: var(--wc-spacing-lg);
    text-align: center;
}

/* Totals Wrapper */
.wc-block-components-totals-wrapper {
    border-top: 2px solid var(--wc-border-color);
    padding-top: var(--wc-spacing-md);
}

/* Individual Total Items */
.wc-block-components-totals-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--wc-spacing-sm) 0;
    font-size: 15px;
}

.wc-block-components-totals-item__label {
    color: var(--wc-text-light);
    font-weight: 500;
}

.wc-block-components-totals-item__value {
    font-weight: 700;
    color: var(--wc-text-color);
}

/* Shipping Options in Totals */
.wc-block-components-totals-shipping {
    background: var(--wc-light-bg);
    padding: var(--wc-spacing-md);
    border-radius: var(--wc-border-radius);
    margin: var(--wc-spacing-sm) 0;
}

/* Cart Total (Grand Total) - Prominent */
.wc-block-components-totals-footer-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--wc-spacing-lg) 0;
    border-top: 3px solid var(--wc-border-color);
    margin-top: var(--wc-spacing-md);
    font-size: 18px;
    font-weight: 800;
    background: var(--wc-light-bg);
    padding: var(--wc-spacing-lg);
    /*border-radius: var(--wc-border-radius);*/
    margin-bottom: var(--wc-spacing-md);
}

.wc-block-components-totals-footer-item__value {
    font-size: 28px;
    font-weight: 900;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Proceed to Checkout Button - Premium Gradient */
.wc-block-cart__submit-button,
.wc-block-components-checkout-button {
    display: block;
    width: 100%;
    padding: 20px 32px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius-lg);
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--wc-transition);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--wc-shadow-lg);
    position: relative;
    overflow: hidden;
}

.wc-block-cart__submit-button::before,
.wc-block-components-checkout-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.wc-block-cart__submit-button:hover::before,
.wc-block-components-checkout-button:hover::before {
    width: 400px;
    height: 400px;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-button:hover {
    transform: translateY(-3px);
    box-shadow: var(--wc-shadow-xl);
}

/* Continue Shopping Link */
.wc-block-cart__submit-button-wrapper {
    margin-top: var(--wc-spacing-md);
}

.wc-block-cart__return-to-shop {
    display: block;
    text-align: center;
    margin-top: var(--wc-spacing-md);
    color: var(--wc-text-light);
    text-decoration: none;
    font-size: 14px;
    transition: var(--wc-transition);
}

.wc-block-cart__return-to-shop:hover {
    color: var(--wc-secondary-color);
}

/* Cart Coupons - Modern */
.wc-block-components-totals-coupon {
    margin: var(--wc-spacing-md) 0;
    padding: var(--wc-spacing-md);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
}

.wc-block-components-totals-coupon__content {
    display: flex;
    gap: var(--wc-spacing-sm);
}

.wc-block-components-totals-coupon__input input {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    font-size: 14px;
    min-width: 0;
}

.wc-block-components-totals-coupon__button {
    padding: 12px 24px;
    background: var(--wc-dark);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--wc-transition);
    white-space: nowrap;
}

.wc-block-components-totals-coupon__button:hover {
    background: var(--wc-secondary-color);
}

/* Empty Cart State - Modern */
.wc-block-cart__empty-cart {
    text-align: center;
    padding: calc(var(--wc-spacing-xl) * 2) var(--wc-spacing-md);
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    box-shadow: var(--wc-shadow-lg);
}

.wc-block-cart__empty-cart__title {
    font-size: 28px;
    font-weight: 800;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-md);
}

.wc-block-cart__empty-cart__description {
    color: var(--wc-text-light);
    margin-bottom: var(--wc-spacing-lg);
    font-size: 16px;
}

.wc-block-cart__empty-cart .wc-block-components-button {
    padding: 16px 32px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border-radius: var(--wc-border-radius);
    text-decoration: none;
    font-weight: 700;
    box-shadow: var(--wc-shadow-md);
    transition: var(--wc-transition);
    display: inline-block;
    border: none;
    cursor: pointer;
}

.wc-block-cart__empty-cart .wc-block-components-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-lg);
}

/* FIXED: Cart pattern improvements */
.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__input input {
    width: 100%;
}

.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__content {
    flex-direction: column;
    gap: var(--wc-spacing-sm);
}

.wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon__button {
    width: 100%;
}


/* ============================================
   6. CHECKOUT PAGE (BLOCK-BASED) - COMPLETELY REDESIGNED
   ============================================ */

/* Checkout Block Container - Premium Layout */
/*.wp-block-woocommerce-checkout {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--wc-spacing-xl) var(--wc-spacing-md);
}*/

/* Checkout Main Grid - Two Column */
/*.wc-block-checkout {
    display: grid;
    grid-template-columns: 1fr 450px;
    gap: var(--wc-spacing-xl);
    align-items: start;
}*/

/* Checkout Form - Premium Card */
.wc-block-checkout__form {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    padding: var(--wc-spacing-xl);
    box-shadow: var(--wc-shadow-lg);
}

/* Checkout Steps - Modern Cards */
.wc-block-components-checkout-step {
    margin-bottom: var(--wc-spacing-lg);
    padding: var(--wc-spacing-lg);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius-lg);
    border-left: 4px solid transparent;
    transition: var(--wc-transition);
}

.wc-block-components-checkout-step--with-step-number {
    border-left-color: var(--wc-secondary-color);
}

.wc-block-components-checkout-step:hover {
    box-shadow: var(--wc-shadow);
}

.wc-block-components-checkout-step:last-child {
    margin-bottom: 0;
}

/* Checkout Step Heading - Gradient Numbers */
.wc-block-components-checkout-step__heading {
    font-size: 22px;
    font-weight: 800;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-md);
}

.wc-block-components-checkout-step__heading > span {
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-sm);
}

.wc-block-components-checkout-step__number {
    width: 44px;
    height: 44px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    box-shadow: var(--wc-shadow-md);
    flex-shrink: 0;
}

/* Checkout Step Description */
.wc-block-components-checkout-step__description {
    color: var(--wc-text-light);
    font-size: 14px;
    margin-left: 56px;
    margin-top: -12px;
    margin-bottom: var(--wc-spacing-md);
}

/* Checkout Step Content */
.wc-block-components-checkout-step__content {
    background: var(--wc-white);
    /*padding: var(--wc-spacing-lg);*/
    border-radius: var(--wc-border-radius);
}

/* Checkout Form Fields - Modern */
.wc-block-components-text-input,
.wc-block-components-address-form {
    margin-bottom: var(--wc-spacing-md);
}

.wc-block-components-text-input label,
.wc-block-components-address-form label {
    display: block;
    margin-bottom: var(--wc-spacing-xs);
    font-weight: 600;
    color: var(--wc-dark);
    font-size: 14px;
}

.wc-block-components-text-input label .required,
.wc-block-components-address-form label .required {
    color: var(--wc-accent-color);
    margin-left: 2px;
}

.wc-block-components-text-input input,
.wc-block-components-text-input select,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    font-size: 15px;
    transition: var(--wc-transition);
    background: var(--wc-white);
    font-weight: 500;
}

.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
.wc-block-components-text-input select:focus,
.wc-block-components-address-form select:focus {
    outline: none;
    border-color: var(--wc-secondary-color);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

/* Checkout Shipping Options - Modern Cards */
.wc-block-components-shipping-rates-control {
    margin: var(--wc-spacing-md) 0;
}

.wc-block-components-shipping-rates-control__package {
    background: var(--wc-white);
    padding: var(--wc-spacing-lg);
    border-radius: var(--wc-border-radius-lg);
    border: 2px solid var(--wc-border-color);
    margin-bottom: var(--wc-spacing-md);
}

.wc-block-components-shipping-rates-control__package-title {
    font-weight: 700;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-md);
}

.wc-block-components-radio-control {
    display: flex;
    flex-direction: column;
    gap: var(--wc-spacing-sm);
}

.wc-block-components-radio-control__option {
    display: flex;
    align-items: center;
    padding: var(--wc-spacing-md);
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    cursor: pointer;
    transition: var(--wc-transition);
    background: var(--wc-white);
    position: relative;
}

.wc-block-components-radio-control__option:hover {
    border-color: var(--wc-secondary-color);
    box-shadow: var(--wc-shadow);
    transform: translateY(-2px);
}

.wc-block-components-radio-control__option--checked {
    border-color: var(--wc-secondary-color);
    background: rgba(99, 102, 241, 0.05);
    box-shadow: var(--wc-shadow-md);
}

.wc-block-components-radio-control__option input[type="radio"] {
    margin-right: var(--wc-spacing-md);
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.wc-block-components-radio-control__label {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.wc-block-components-radio-control__secondary-label {
    color: var(--wc-text-light);
    font-size: 13px;
}

.wc-block-components-radio-control__price {
    font-weight: 700;
    color: var(--wc-secondary-color);
    margin-left: auto;
}

/* Payment Methods - Premium Cards */
.wc-block-components-payment-methods {
    margin: var(--wc-spacing-lg) 0;
}

.wc-block-components-payment-method {
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius-lg);
    padding: var(--wc-spacing-lg);
    margin-bottom: var(--wc-spacing-md);
    cursor: pointer;
    transition: var(--wc-transition);
    background: var(--wc-white);
}

.wc-block-components-payment-method:hover {
    border-color: var(--wc-secondary-color);
    box-shadow: var(--wc-shadow);
    transform: translateY(-2px);
}

.wc-block-components-payment-method--selected {
    border-color: var(--wc-secondary-color);
    background: rgba(99, 102, 241, 0.05);
    box-shadow: var(--wc-shadow-md);
}

.wc-block-components-payment-method__label {
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-md);
    font-weight: 700;
    font-size: 16px;
    margin-bottom: var(--wc-spacing-sm);
}

.wc-block-components-payment-method-icons {
    display: flex;
    gap: var(--wc-spacing-xs);
    align-items: center;
}

.wc-block-components-payment-method-icon {
    width: 40px;
    height: auto;
    border-radius: 4px;
}

.wc-block-components-payment-method__content {
    margin-top: var(--wc-spacing-md);
    padding-top: var(--wc-spacing-md);
    border-top: 1px solid var(--wc-border-color);
    color: var(--wc-text-light);
    font-size: 14px;
}

/* Checkout Sidebar - Premium Sticky Card */
.wc-block-checkout__sidebar {
    position: sticky;
    top: 20px;
}

.wc-block-components-order-summary {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    padding: var(--wc-spacing-xl);
    /*box-shadow: var(--wc-shadow-lg);*/
}

/* Order Summary Title - Gradient */
.wc-block-components-order-summary__title {
    font-size: 24px;
    font-weight: 800;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: var(--wc-spacing-lg);
    text-align: center;
}

/* Order Summary Items */
.wc-block-components-order-summary-item {
    display: flex;
    gap: var(--wc-spacing-md);
    padding: var(--wc-spacing-md) 0;
    border-bottom: 1px solid var(--wc-border-color);
}

.wc-block-components-order-summary-item:last-child {
    border-bottom: none;
}

/* Order Summary Item Image */
.wc-block-components-order-summary-item__image {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: var(--wc-border-radius);
    flex-shrink: 0;
    border: 2px solid var(--wc-border-color);
    box-shadow: var(--wc-shadow-sm);
}

.wc-block-components-order-summary-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Order Summary Item Description */
.wc-block-components-order-summary-item__description {
    flex: 1;
    min-width: 0;
}

.wc-block-components-order-summary-item__name {
    font-weight: 700;
    color: var(--wc-dark);
    margin-bottom: 4px;
    font-size: 14px;
}

.wc-block-components-order-summary-item__quantity {
    color: var(--wc-text-light);
    font-size: 13px;
}

.wc-block-components-order-summary-item__price {
    font-weight: 800;
    font-size: 16px;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    flex-shrink: 0;
}

/* Order Summary Totals */
.wc-block-components-order-summary .wc-block-components-totals-wrapper {
    margin-top: var(--wc-spacing-lg);
    padding-top: var(--wc-spacing-lg);
    border-top: 2px solid var(--wc-border-color);
}

.wc-block-components-order-summary .wc-block-components-totals-item {
    display: flex;
    justify-content: space-between;
    padding: var(--wc-spacing-sm) 0;
    font-size: 15px;
}

.wc-block-components-order-summary .wc-block-components-totals-footer-item {
    background: var(--wc-light-bg);
    padding: var(--wc-spacing-md);
    border-radius: var(--wc-border-radius);
    margin-top: var(--wc-spacing-md);
}

.wc-block-components-order-summary .wc-block-components-totals-footer-item__value {
    font-size: 26px;
    font-weight: 900;
    background: var(--wc-gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Place Order Button - Premium Gradient with Animation */
.wc-block-components-checkout-place-order-button {
    /*width: 100%;*/
    padding: 22px 36px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius-lg);
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--wc-transition);
    margin-top: var(--wc-spacing-lg);
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: var(--wc-shadow-xl);
    position: relative;
    overflow: hidden;
}

.wc-block-components-checkout-place-order-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.wc-block-components-checkout-place-order-button:hover::before {
    width: 500px;
    height: 500px;
}

.wc-block-components-checkout-place-order-button:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 60px -12px rgba(99, 102, 241, 0.5);
}

.wc-block-components-checkout-place-order-button:active {
    transform: translateY(-2px);
}

/* Checkout Terms and Conditions - Modern */
.wc-block-checkout__terms {
    margin: var(--wc-spacing-md) 0;
    padding: var(--wc-spacing-md);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
    border-left: 4px solid var(--wc-secondary-color);
}

.wc-block-checkout__terms label {
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-sm);
    cursor: pointer;
    font-size: 14px;
}

.wc-block-checkout__terms input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Checkout Privacy Policy - Modern */
.wc-block-checkout__privacy-policy {
    font-size: 13px;
    color: var(--wc-text-light);
    text-align: center;
    margin-top: var(--wc-spacing-md);
    line-height: 1.6;
}

.wc-block-checkout__privacy-policy a {
    color: var(--wc-secondary-color);
    text-decoration: none;
    font-weight: 600;
}

.wc-block-checkout__privacy-policy a:hover {
    text-decoration: underline;
}

/* Checkout Contact - Modern */
.wc-block-components-checkout-contact {
    padding: var(--wc-spacing-md);
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
    margin-bottom: var(--wc-spacing-md);
    border-left: 4px solid var(--wc-success-color);
}

.wc-block-components-checkout-contact__email {
    font-weight: 600;
    color: var(--wc-dark);
}

/* Checkout Return to Cart Link */
.wc-block-components-checkout-return-to-cart-button {
    display: block;
    text-align: center;
    margin-top: var(--wc-spacing-md);
    color: var(--wc-text-light);
    text-decoration: none;
    font-size: 14px;
    transition: var(--wc-transition);
}

.wc-block-components-checkout-return-to-cart-button:hover {
    color: var(--wc-secondary-color);
}

/* FIXED: Checkout pattern improvements */
.wc-block-checkout .wc-block-checkout__shipping-methods .wc-block-components-radio-control__option {
    flex-direction: column;
    align-items: flex-start;
}

.wc-block-checkout .wc-block-components-shipping-rates-control__package {
    padding: var(--wc-spacing-md);
}


/* ============================================
   7. MY ACCOUNT PAGE - MODERN
   ============================================ */

/* My Account Layout */
/*.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: var(--wc-spacing-xl);
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--wc-spacing-xl) var(--wc-spacing-md);
}*/

/* My Account Navigation - Premium Sidebar */
.woocommerce-MyAccount-navigation {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-lg);
    padding: var(--wc-spacing-lg) 0;
    box-shadow: var(--wc-shadow-lg);
    position: sticky;
    top: 20px;
    height: fit-content;
}

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

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    padding: var(--wc-spacing-md) var(--wc-spacing-lg);
    color: var(--wc-text-color);
    text-decoration: none;
    transition: var(--wc-transition);
    border-left: 4px solid transparent;
    font-weight: 500;
    gap: var(--wc-spacing-sm);
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--wc-light-bg);
    color: var(--wc-secondary-color);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: rgba(99, 102, 241, 0.1);
    border-left-color: var(--wc-secondary-color);
    color: var(--wc-secondary-color);
    font-weight: 700;
}

/* My Account Content - Premium Card */
.woocommerce-MyAccount-content {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    padding: var(--wc-spacing-xl);
    box-shadow: var(--wc-shadow-lg);
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: var(--wc-dark);
    font-weight: 800;
    margin-bottom: var(--wc-spacing-lg);
    font-size: 28px;
}

.woocommerce-MyAccount-content h3 {
    font-size: 22px;
}

.woocommerce-MyAccount-content p {
    line-height: 1.8;
    color: var(--wc-text-light);
}

/* Orders Table - Modern */
.woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: var(--wc-spacing-md) 0;
    border-radius: var(--wc-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--wc-shadow);
}

.woocommerce-orders-table thead {
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
}

.woocommerce-orders-table th {
    padding: var(--wc-spacing-md);
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.woocommerce-orders-table td {
    padding: var(--wc-spacing-md);
    border-bottom: 1px solid var(--wc-border-color);
    background: var(--wc-white);
}

.woocommerce-orders-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-orders-table tr:hover td {
    background: var(--wc-light-bg);
}

.woocommerce-orders-table .woocommerce-button {
    padding: 10px 18px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border-radius: var(--wc-border-radius);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow-sm);
    display: inline-block;
}

.woocommerce-orders-table .woocommerce-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-md);
}

/* Addresses - Modern Cards */
/*.woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--wc-spacing-lg);
    margin: var(--wc-spacing-md) 0;
}*/

.woocommerce-Address {
    background: var(--wc-light-bg);
    padding: var(--wc-spacing-xl);
    border-radius: var(--wc-border-radius-lg);
    border: 2px solid var(--wc-border-color);
    transition: var(--wc-transition);
}

.woocommerce-Address:hover {
    border-color: var(--wc-secondary-color);
    box-shadow: var(--wc-shadow-md);
    transform: translateY(-4px);
}

.woocommerce-Address-title h3 {
    margin-bottom: var(--wc-spacing-md);
    color: var(--wc-dark);
    font-size: 20px;
}

.woocommerce-Address address {
    font-style: normal;
    line-height: 1.8;
    color: var(--wc-text-color);
}

.woocommerce-Address .edit {
    display: inline-block;
    margin-top: var(--wc-spacing-md);
    padding: 12px 24px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    text-decoration: none;
    border-radius: var(--wc-border-radius);
    font-size: 14px;
    font-weight: 600;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow);
}

.woocommerce-Address .edit:hover {
    transform: translateY(-2px);
    box-shadow: var(--wc-shadow-lg);
}

/* Downloads - Modern Table */
.woocommerce-order-downloads {
    margin: var(--wc-spacing-md) 0;
    border-radius: var(--wc-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--wc-shadow);
}

.woocommerce-order-downloads td {
    padding: var(--wc-spacing-md);
}

.woocommerce-order-downloads .download-product {
    font-weight: 700;
    color: var(--wc-dark);
}


/* ============================================
   8. LOGIN & REGISTRATION - MODERN
   ============================================ */

/* Login Page Layout */
/*.woocommerce-account:not(.logged-in) .woocommerce {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: var(--wc-spacing-xl);
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--wc-spacing-xl) var(--wc-spacing-md);
}*/

.woocommerce-form-login,
.woocommerce-form-register {
    background: var(--wc-white);
    border-radius: var(--wc-border-radius-xl);
    padding: var(--wc-spacing-xl);
    box-shadow: var(--wc-shadow-lg);
    border-top: 4px solid var(--wc-secondary-color);
}

.woocommerce-form-login h2,
.woocommerce-form-register h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-lg);
    text-align: center;
}

/* Login Form */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row {
    margin-bottom: var(--wc-spacing-md);
}

.woocommerce-form-login label,
.woocommerce-form-register label {
    display: block;
    margin-bottom: var(--wc-spacing-xs);
    font-weight: 600;
    color: var(--wc-dark);
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-register input[type="text"],
.woocommerce-form-register input[type="password"],
.woocommerce-form-register input[type="email"] {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    font-size: 15px;
    transition: var(--wc-transition);
    background: var(--wc-white);
}

.woocommerce-form-login input:focus,
.woocommerce-form-register input:focus {
    outline: none;
    border-color: var(--wc-secondary-color);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

/* Remember Me Checkbox */
.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: var(--wc-spacing-sm);
    margin: var(--wc-spacing-md) 0;
}

.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin: 0;
}

/* Login Button - Premium Gradient */
.woocommerce-form-login .woocommerce-button,
.woocommerce-form-register .woocommerce-button {
    width: 100%;
    padding: 16px 32px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--wc-transition);
    margin-top: var(--wc-spacing-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--wc-shadow-md);
}

.woocommerce-form-login .woocommerce-button:hover,
.woocommerce-form-register .woocommerce-button:hover {
    transform: translateY(-3px);
    box-shadow: var(--wc-shadow-xl);
}

/* Lost Password Link */
.woocommerce-LostPassword {
    text-align: center;
    margin-top: var(--wc-spacing-md);
}

.woocommerce-LostPassword a {
    color: var(--wc-secondary-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: var(--wc-transition);
}

.woocommerce-LostPassword a:hover {
    text-decoration: underline;
    color: var(--wc-primary-color);
}


/* ============================================
   9. FORMS & INPUTS - MODERN
   ============================================ */

/* General Form Styling */
.woocommerce form .form-row {
    margin-bottom: var(--wc-spacing-md);
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
    width: calc(50% - 10px);
    float: left;
}

.woocommerce form .form-row-last {
    float: right;
}

.woocommerce form .form-row-wide {
    width: 100%;
    clear: both;
}

.woocommerce form .form-row label {
    display: block;
    margin-bottom: var(--wc-spacing-xs);
    font-weight: 600;
    color: var(--wc-dark);
}

.woocommerce form .form-row label.inline {
    display: inline;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    font-size: 15px;
    transition: var(--wc-transition);
    font-family: inherit;
    background: var(--wc-white);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    outline: none;
    border-color: var(--wc-secondary-color);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

.woocommerce form .form-row textarea {
    min-height: 140px;
    resize: vertical;
}

/* Required Fields */
.woocommerce form .form-row .required {
    color: var(--wc-accent-color);
    margin-left: 2px;
    font-weight: 700;
}

/* Form Validation - Modern */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: var(--wc-accent-color);
    background: #fef2f2;
}

.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--wc-success-color);
    background: #ecfdf5;
}

/* Checkbox & Radio Inputs - Modern */
.woocommerce form .form-row input[type="checkbox"],
.woocommerce form .form-row input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: var(--wc-spacing-sm);
    cursor: pointer;
}

/* Select2 Dropdowns - Modern */
.select2-container--default .select2-selection--single {
    border: 2px solid var(--wc-border-color);
    border-radius: var(--wc-border-radius);
    height: 50px;
    transition: var(--wc-transition);
}

.select2-container--default .select2-selection--single:hover {
    border-color: var(--wc-secondary-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 18px;
    color: var(--wc-text-color);
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--wc-secondary-color);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}

/* Submit Buttons - Premium Gradient */
.woocommerce form button[type="submit"],
.woocommerce form input[type="submit"] {
    padding: 16px 32px;
    background: var(--wc-gradient-primary);
    color: var(--wc-white);
    border: none;
    border-radius: var(--wc-border-radius);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow-md);
}

.woocommerce form button[type="submit"]:hover,
.woocommerce form input[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: var(--wc-shadow-xl);
}

/* Form Messages */
.woocommerce .woocommerce-form-row .woocommerce-error-message {
    color: var(--wc-accent-color);
    font-size: 13px;
    margin-top: 6px;
    font-weight: 500;
}


/* ============================================
   10. RESPONSIVE DESIGN - MODERN
   ============================================ */

/* Large Tablets and Small Desktops */
@media screen and (max-width: 1200px) {
    .wc-block-cart,
    .wc-block-checkout {
        grid-template-columns: 1fr;
        gap: var(--wc-spacing-lg);
    }

    .wc-block-cart__totals,
    .wc-block-checkout__sidebar {
        position: static;
    }

    .woocommerce div.product {
        gap: var(--wc-spacing-lg);
    }
}

/* Tablets */
@media screen and (max-width: 1024px) {
    .woocommerce div.product {
        grid-template-columns: 1fr;
    }

    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation {
        position: static;
        margin-bottom: var(--wc-spacing-lg);
    }

    .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: var(--wc-spacing-xs);
    }

    .woocommerce-MyAccount-navigation ul li a {
        text-align: center;
        justify-content: center;
        border-left: none;
        border-bottom: 3px solid transparent;
        padding: var(--wc-spacing-md);
    }

    .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left: none;
        border-bottom-color: var(--wc-secondary-color);
    }

    .wc-block-cart-items__header,
    .wc-block-cart-items__row {
        grid-template-columns: 1fr;
        gap: var(--wc-spacing-md);
    }

    .wc-block-cart-item__product {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .wc-block-cart-item__quantity,
    .wc-block-components-quantity-selector {
        justify-content: center;
        margin: 0 auto;
    }

    .wc-block-cart-item__price,
    .wc-block-cart-item__total {
        text-align: center;
    }

    .wc-block-cart-item__image {
        width: 120px;
        height: 120px;
    }

    .woocommerce-account:not(.logged-in) .woocommerce {
        grid-template-columns: 1fr;
        gap: var(--wc-spacing-md);
    }
}

/* Mobile Devices */
@media screen and (max-width: 768px) {
    :root {
        --wc-spacing-xs: 0.375rem;
        --wc-spacing-sm: 0.75rem;
        --wc-spacing-md: 1rem;
        --wc-spacing-lg: 1.5rem;
        --wc-spacing-xl: 2rem;
    }

    .wp-block-woocommerce-cart,
    .wp-block-woocommerce-checkout {
        padding: var(--wc-spacing-md);
    }

    /*.woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: var(--wc-spacing-md);
    }

    .woocommerce ul.products li.product {
        padding: var(--wc-spacing-sm);
    }*/

    .wc-block-cart__items,
    .wc-block-checkout__form,
    .wc-block-cart__totals,
    .wc-block-components-order-summary {
        padding: var(--wc-spacing-md);
        border-radius: var(--wc-border-radius);
    }

    .wc-block-cart-items__header {
        display: none;
    }

    .wc-block-components-checkout-step {
        padding: var(--wc-spacing-md);
    }

    .wc-block-components-checkout-step__heading {
        font-size: 18px;
    }

    .wc-block-components-checkout-step__number {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last {
        width: 100%;
        float: none;
    }

    .woocommerce-account:not(.logged-in) .woocommerce {
        padding: var(--wc-spacing-md);
    }

    .woocommerce-form-login,
    .woocommerce-form-register {
        padding: var(--wc-spacing-lg);
    }

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

    .woocommerce div.product form.cart .quantity {
        width: 100%;
        justify-content: center;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-wrap: wrap;
        gap: var(--wc-spacing-xs);
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        flex: 1;
        min-width: 120px;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: var(--wc-spacing-sm) var(--wc-spacing-md);
        font-size: 14px;
    }

    .woocommerce div.product .product_title {
        font-size: 28px;
    }

    .woocommerce div.product p.price {
        font-size: 26px;
    }

    .wc-block-components-totals-footer-item__value {
        font-size: 24px;
    }

    .woocommerce-MyAccount-content {
        padding: var(--wc-spacing-md);
    }

    .woocommerce-orders-table {
        font-size: 14px;
    }

    .woocommerce-orders-table th,
    .woocommerce-orders-table td {
        padding: var(--wc-spacing-sm);
    }

    .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

/* Small Mobile Devices */
@media screen and (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }

    .wc-block-cart-item__image {
        width: 100px;
        height: 100px;
    }

    .wc-block-components-order-summary-item__image {
        width: 60px;
        height: 60px;
    }

    .woocommerce nav.woocommerce-pagination ul {
        gap: 4px;
    }

    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        font-size: 14px;
    }

    .woocommerce div.product .product_title {
        font-size: 24px;
    }

    .woocommerce div.product p.price {
        font-size: 22px;
    }

    .wc-block-cart__submit-button,
    .wc-block-components-checkout-button,
    .wc-block-components-checkout-place-order-button {
        padding: 18px 24px;
        font-size: 16px;
    }

    .wc-block-components-totals-footer-item__value {
        font-size: 22px;
    }

    .woocommerce-form-login h2,
    .woocommerce-form-register h2 {
        font-size: 24px;
    }

    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }

    .woocommerce-account:not(.logged-in) .woocommerce {
        grid-template-columns: 1fr;
    }
}


/* ============================================
   ADDITIONAL MODERN UTILITIES
   ============================================ */

/* Loading State - Modern Spinner */
.woocommerce .blockUI.blockOverlay {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(4px);
}

.woocommerce .loader::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid var(--wc-border-color);
    border-top-color: var(--wc-secondary-color);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

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

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Clearfix */
.woocommerce::after {
    content: "";
    display: table;
    clear: both;
}

/* Focus Visible - Modern */
.woocommerce a:focus-visible,
.woocommerce button:focus-visible,
.woocommerce input:focus-visible,
.woocommerce select:focus-visible,
.woocommerce textarea:focus-visible {
    outline: 3px solid var(--wc-secondary-color);
    outline-offset: 2px;
    border-radius: var(--wc-border-radius-sm);
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark Mode Support (Optional) */
@media (prefers-color-scheme: dark) {
    /* Uncomment to enable dark mode support */
    /*
    :root {
        --wc-primary-color: #2a2a3e;
        --wc-secondary-color: #818cf8;
        --wc-text-color: #e5e7eb;
        --wc-text-light: #9ca3af;
        --wc-light-bg: #1f2937;
        --wc-white: #111827;
        --wc-gray: #9ca3af;
        --wc-dark: #f9fafb;
        --wc-border-color: #374151;
    }
    
    .woocommerce ul.products li.product,
    .wc-block-cart__items,
    .wc-block-cart__totals,
    .wc-block-checkout__form,
    .wc-block-components-order-summary,
    .woocommerce-MyAccount-content,
    .woocommerce-MyAccount-navigation,
    .woocommerce-form-login,
    .woocommerce-form-register {
        background: var(--wc-white);
    }
    */
}

/* Print Styles */
@media print {
    .woocommerce nav.woocommerce-pagination,
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-MyAccount-navigation,
    .wc-block-cart__submit-button,
    .wc-block-components-checkout-button,
    .wc-block-components-checkout-place-order-button {
        display: none !important;
    }

    .woocommerce,
    .woocommerce-page {
        color: #000;
        background: #fff;
    }

    .wc-block-cart,
    .wc-block-checkout__form,
    .woocommerce-MyAccount-content {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}

/* Selection Styling */
::selection {
    background: rgba(99, 102, 241, 0.2);
    color: var(--wc-dark);
}

::-moz-selection {
    background: rgba(99, 102, 241, 0.2);
    color: var(--wc-dark);
}

/* Scrollbar Styling (Webkit) */
.woocommerce::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.woocommerce::-webkit-scrollbar-track {
    background: var(--wc-light-bg);
    border-radius: var(--wc-border-radius);
}

.woocommerce::-webkit-scrollbar-thumb {
    background: var(--wc-border-color);
    border-radius: var(--wc-border-radius);
}

.woocommerce::-webkit-scrollbar-thumb:hover {
    background: var(--wc-secondary-color);
}

/* Skeleton Loading Animation */
@keyframes skeleton-loading {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}

.woocommerce .skeleton {
    background: linear-gradient(90deg, #f0f0f0 0px, #f8f8f8 40px, #f0f0f0 80px);
    background-size: 200px 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: var(--wc-border-radius);
}

/* Tooltip Styling */
.woocommerce [data-tooltip] {
    position: relative;
    cursor: help;
}

.woocommerce [data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    padding: 8px 12px;
    background: var(--wc-dark);
    color: var(--wc-white);
    font-size: 13px;
    border-radius: var(--wc-border-radius-sm);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: var(--wc-transition);
    box-shadow: var(--wc-shadow-lg);
    z-index: 1000;
}

.woocommerce [data-tooltip]:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(-4px);
}

/* Badge Styles */
.woocommerce .wc-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.woocommerce .wc-badge--success {
    background: #ecfdf5;
    color: #065f46;
}

.woocommerce .wc-badge--warning {
    background: #fffbeb;
    color: #92400e;
}

.woocommerce .wc-badge--info {
    background: #eff6ff;
    color: #1e40af;
}

.woocommerce .wc-badge--error {
    background: #fef2f2;
    color: #991b1b;
}

/* Divider Styles */
.woocommerce .wc-divider {
    height: 1px;
    background: var(--wc-border-color);
    margin: var(--wc-spacing-lg) 0;
}

.woocommerce .wc-divider--gradient {
    background: var(--wc-gradient-primary);
    opacity: 0.2;
}

/* Empty State Styling */
.woocommerce .wc-empty-state {
    text-align: center;
    padding: calc(var(--wc-spacing-xl) * 2) var(--wc-spacing-xl);
}

.woocommerce .wc-empty-state__icon {
    font-size: 64px;
    color: var(--wc-text-light);
    margin-bottom: var(--wc-spacing-lg);
    opacity: 0.5;
}

.woocommerce .wc-empty-state__title {
    font-size: 24px;
    font-weight: 700;
    color: var(--wc-dark);
    margin-bottom: var(--wc-spacing-sm);
}

.woocommerce .wc-empty-state__description {
    color: var(--wc-text-light);
    margin-bottom: var(--wc-spacing-lg);
}

/* Fix for quantity buttons alignment */
.woocommerce .quantity .qty {
    -moz-appearance: textfield;
}

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

/* Ensure form elements are properly aligned */
.woocommerce form .form-row:after {
    content: "";
    display: table;
    clear: both;
}

/* Accessibility improvements */
.woocommerce .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Ensure WooCommerce blocks are properly spaced */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-mini-cart {
    /*margin-top: var(--wc-spacing-xl);*/
    margin-bottom: var(--wc-spacing-xl);
}

/* Fix for conflicting themes */
.woocommerce .button.loading:after {
    border-color: var(--wc-white) transparent var(--wc-white) transparent;
}

/* Ensure proper z-index for sticky elements */
.wc-block-cart-items__header,
.wc-block-cart__totals,
.wc-block-checkout__sidebar {
    z-index: 100;
}

/* End of Modern WooCommerce Complete CSS */