.elementor-218 .elementor-element.elementor-element-e1f8e0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-218 .elementor-element.elementor-element-f65dc98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-218 .elementor-element.elementor-element-4e7006b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-218 .elementor-element.elementor-element-4e7006b:not(.elementor-motion-effects-element-type-background), .elementor-218 .elementor-element.elementor-element-4e7006b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-218 .elementor-element.elementor-element-d6bfa39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-218 .elementor-element.elementor-element-d6bfa39:not(.elementor-motion-effects-element-type-background), .elementor-218 .elementor-element.elementor-element-d6bfa39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e74bf01 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-218 .elementor-element.elementor-element-e710373 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#1A202C;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-218 .elementor-element.elementor-element-3a282f9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-218 .elementor-element.elementor-element-3a282f9.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-218 .elementor-element.elementor-element-e1f8e0d{--content-width:1400px;}.elementor-218 .elementor-element.elementor-element-f65dc98{--width:100%;}.elementor-218 .elementor-element.elementor-element-4e7006b{--width:25%;}.elementor-218 .elementor-element.elementor-element-d6bfa39{--width:75%;}}@media(max-width:1024px){.elementor-218 .elementor-element.elementor-element-3a282f9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-218 .elementor-element.elementor-element-3a282f9.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-3a282f9 *//* ========================================
   ENHANCED PRODUCT CARDS FOR SHOP PAGE
   Based on your homepage styling + improvements
   ======================================== */

/* Products grid layout - ensure proper grid */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Individual product cards - your base styling enhanced */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product {
    background: #f8fafc !important;
    border-radius: 16px !important;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent !important;
    box-shadow: 0 6px 25px rgba(0,0,0,0.06) !important;
    position: relative;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Enhanced hover effects */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product:hover {
    border-color: #007cba !important;
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.12) !important;
}

/* Product images - your styling + enhancements */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__link img {
    width: 100%;
    height: 220px !important;
    object-fit: cover;
    background: white;
    margin-bottom: 0 !important;
    transition: transform 0.3s ease !important;
}

/* Image hover effect */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product:hover .woocommerce-loop-product__link img {
    transform: scale(1.02) !important;
}

/* Product content area */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
}

/* Product titles - your styling */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    line-height: 1.3 !important;
    margin: 15px 15px 10px 15px !important;
    padding: 0 !important;
    transition: color 0.3s ease !important;
}

/* Title hover effect */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
    color: #007cba !important;
}

/* Price styling - your base + enhancements */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price {
    margin: 15px !important;
    padding: 15px !important;
    background: white !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    position: relative !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price .amount,
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price .woocommerce-Price-amount {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    display: block !important;
}

/* Enhanced sale price styling */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price del {
    opacity: 0.6;
    font-size: 1rem !important;
    color: #6c757d !important;
    margin-right: 8px !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    color: #007cba !important;
    font-weight: 700 !important;
}

/* Add to cart button - your styling enhanced */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .button {
    background: linear-gradient(135deg, #007cba 0%, #005a87 100%) !important;
    color: white !important;
    padding: 12px 16px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    margin: 0 15px 20px 15px !important;
    width: calc(100% - 30px) !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0,124,186,0.3) !important;
    color: white !important;
    background: linear-gradient(135deg, #005a87 0%, #004666 100%) !important;
}

/* Enhanced star rating */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .star-rating {
    margin: 15px !important;
    color: #ffc107 !important;
    font-size: 14px !important;
}

/* ========================================
   NEW SHOP PAGE SPECIFIC ENHANCEMENTS
   ======================================== */

/* Sale badge styling */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .onsale {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: #dc3545 !important;
    color: white !important;
    padding: 5px 10px !important;
    border-radius: 15px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
    line-height: 1 !important;
    min-height: auto !important;
    min-width: auto !important;
}

/* Featured product badge */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product.featured .onsale {
    background: #007cba !important;
}

/* Wishlist button (if you have a wishlist plugin) */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 2 !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a {
    background: white !important;
    border: none !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    color: #4a5568 !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover {
    background: #007cba !important;
    color: white !important;
    transform: scale(1.1) !important;
}

/* Out of stock styling */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product.outofstock {
    opacity: 0.6 !important;
    position: relative !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product.outofstock::after {
    content: "Out of Stock" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: rgba(220, 53, 69, 0.9) !important;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    z-index: 3 !important;
}

/* Variable product "Select options" button */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .product_type_variable {
    background: transparent !important;
    border: 2px solid #007cba !important;
    color: #007cba !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .product_type_variable:hover {
    background: #007cba !important;
    color: white !important;
    border-color: #007cba !important;
}

/* Add stock status indicator */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .stock {
    margin: 5px 15px 10px 15px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    border-radius: 12px !important;
    display: inline-block !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .stock.in-stock {
    background: #d4edda !important;
    color: #155724 !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .stock.low-stock {
    background: #fff3cd !important;
    color: #856404 !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .stock.out-of-stock {
    background: #f8d7da !important;
    color: #721c24 !important;
}

/* Product short description (if enabled) */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-product-details__short-description {
    color: #4a5568 !important;
    font-size: 0.9rem !important;
    margin: 10px 15px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ========================================
   MOBILE RESPONSIVE ENHANCEMENTS
   ======================================== */

@media (max-width: 768px) {
    /* Mobile grid adjustments */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
        gap: 20px !important;
    }
    
    /* Mobile image sizing */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__link img {
        height: 200px !important;
    }
    
    /* Mobile text sizing */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1rem !important;
        margin: 12px 12px 8px 12px !important;
    }
    
    /* Mobile price adjustments */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price {
        margin: 12px !important;
        padding: 12px !important;
    }
    
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price .amount,
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .price .woocommerce-Price-amount {
        font-size: 1.1rem !important;
    }
    
    /* Mobile button adjustments */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .button {
        margin: 0 12px 15px 12px !important;
        width: calc(100% - 24px) !important;
        padding: 10px 14px !important;
    }
    
    /* Mobile star rating */
    .elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .star-rating {
        margin: 12px !important;
    }
}

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

/* Loading state for AJAX */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products.loading {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* Button loading state */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .button.loading {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .button.loading::after {
    content: "..." !important;
    animation: dots 1.5s steps(4, end) infinite !important;
}

@keyframes dots {
    0%, 20% { 
        color: rgba(255,255,255,0.4);
        text-shadow: .25em 0 0 rgba(255,255,255,0.4),
                     .5em 0 0 rgba(255,255,255,0.4);
    }
    40% { 
        color: white;
        text-shadow: .25em 0 0 rgba(255,255,255,0.4),
                     .5em 0 0 rgba(255,255,255,0.4);
    }
    60% { 
        text-shadow: .25em 0 0 white,
                     .5em 0 0 rgba(255,255,255,0.4);
    }
    80%, 100% { 
        text-shadow: .25em 0 0 white,
                     .5em 0 0 white;
    }
}

/* ========================================
   FILTER INTEGRATION STYLES
   ======================================== */

/* Hide products during filtering */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products.filtering {
    opacity: 0.5 !important;
    transition: opacity 0.3s ease !important;
}

/* Show filtered results */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products.filtered {
    opacity: 1 !important;
}

/* No results found styling */
.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce .woocommerce-info {
    background: #f8fafc !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 30px !important;
    text-align: center !important;
    color: #4a5568 !important;
    font-size: 1.1rem !important;
}

/* ========================================
   QUICK VIEW INTEGRATION (if using plugin)
   ======================================== */

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .quick-view-button {
    position: absolute !important;
    bottom: 20px !important;
    right: 15px !important;
    background: transparent !important;
    border: 2px solid #007cba !important;
    color: #007cba !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    opacity: 0 !important;
    transform: translateY(10px) !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product:hover .quick-view-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.elementor-218 .elementor-element.elementor-element-3a282f9 .woocommerce ul.products li.product .quick-view-button:hover {
    background: #007cba !important;
    color: white !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6bfa39 */.shop-container {
            display: grid;
            grid-template-columns: var(--sidebar-width) 1fr;
            gap: var(--space-10);
            padding: var(--space-10) 0;
            max-width: var(--container-max);
            margin: 0 auto;
            padding-left: var(--space-5);
            padding-right: var(--space-5);
        }/* End custom CSS */