.elementor-3099 .elementor-element.elementor-element-453fa2a{--display:flex;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .eael-cat-tab{text-align:center;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product{text-align:center;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product, .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .icons-wrap.block-box-style{background-color:#A0292900;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product woocommerce-loop-product__link img{border-radius:5px 5px 0 0;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{color:#272727;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product .price, .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{color:#272727;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce .star-rating::before{color:#f2b01e;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce .star-rating span::before{color:#f2b01e;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce .eael-star-rating{color:#f2b01e;}.elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .onsale, .elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .eael-onsale{color:#fff;background-color:#ff2a13;}.elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .eael-onsale:not(.outofstock).sale-preset-4:after{border-left-color:#ff2a13;border-right-color:#ff2a13;}.elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .outofstock-badge, .elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .eael-onsale.outofstock{color:#fff;background-color:#ff2a13;}.elementor-3099 .elementor-element.elementor-element-b71f81f .woocommerce ul.products li.product .eael-onsale.outofstock.sale-preset-4:after{border-left-color:#ff2a13;border-right-color:#ff2a13;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .button, 
                    .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .button.add_to_cart_button, 
                    .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .added_to_cart{color:#fff;background-color:#4045AE;}.elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .button:hover,
                    .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .button.add_to_cart_button:hover,
                    .elementor-3099 .elementor-element.elementor-element-b71f81f .eael-product-gallery .woocommerce li.product .added_to_cart:hover{color:#fff;background-color:#4045AE;}/* Start custom CSS for eael-woo-product-gallery, class: .elementor-element-b71f81f *//* 1. Stock Out Badge aur extra spaces ko hide karein */
.eael-product-wrap .eael-onsale.outofstock,
.eael-product-wrap .woocommerce-loop-product__link::before {
    display: none !important;
}

/* 2. Main Container - Round corners aur full height */
.eael-product-wrap {
    position: relative !important;
    border-radius: 35px !important; /* Premium rounded look */
    overflow: hidden !important;
    height: 420px !important; /* Aap apne grid ke hisab se badal sakte hain */
    background: #000 !important; /* Background black rakha hai taaki white line na dikhe */
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Image - Isse white space khatam hoga */
.eael-product-wrap img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Image poore box ko bharegi */
    z-index: 1 !important;
}

/* 4. Glassmorphism Panel - Bottom Overlay */
.eael-product-wrap::after {
    content: "" !important;
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    height: 85px !important;
    background: rgba(255, 255, 255, 0.3) !important; /* Transparent white */
    backdrop-filter: blur(20px) !important; /* Deep blur effect */
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    z-index: 2 !important;
}

/* 5. Title & Price - Alignment inside the glass */
.eael-product-wrap .woocommerce-loop-product__title {
    position: absolute !important;
    bottom: 55px !important;
    left: 15px !important;
    z-index: 4 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: linear-gradient(135deg, #ee6983, #850e35) !important; !important; /* White text for better contrast */
    margin: 0 !important;
    width: 50% !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.eael-product-wrap .eael-product-price {
    position: absolute !important;
    bottom: 35px !important;
    left: 12% !important;
    z-index: 4 !important;
    font-size: 13px !important;
    color: linear-gradient(135deg, #ee6983, #850e35) !important;
    margin: 0 !important;
}

/* 6. Cart Button - Perfect Circle & Center Icon */
.eael-product-wrap a.button.product_type_variable {
    position: absolute !important;
    bottom: 30px !important; 
    right: 10% !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ee6983, #850e35) !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    text-indent: -9999px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
}

/* 7. Bag Icon - Centered inside White Circle */
.eael-product-wrap a.button.product_type_variable::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 24px !important;
    height: 24px !important;
    background-color: #ffffff !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z' /%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007zM8.625 10.5a.375.375 0 11-.75 0 .375.375 0 01.75 0zm7.5 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z' /%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

/* 1. Cart button ke pseudo-element ko pure card par parda bana kar failana */
.eael-product-wrap a.button.product_type_variable::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 300% !important; /* Button se nikal kar pure card ko cover karega */
    height: 800% !important; /* Card ki height cover karne ke liye */
    transform: translate(-50%, -50%) !important; /* Center se phelega */
    top: 50% !important;
    left: 50% !important;
    z-index: -1 !important; /* Button ke icon ke piche rahega taaki design na bigde */
    background: transparent !important; /* Bilkul invisible */
    cursor: pointer !important;
}

/* 2. Main container se bahar click na jaye */
.eael-product-wrap {
    overflow: hidden !important;
    cursor: pointer !important;
}

/* 3. Baki cheezon ko click-through banana */
.eael-product-wrap img,
.eael-product-wrap .woocommerce-loop-product__title,
.eael-product-wrap .eael-product-price,
.eael-product-wrap::after {
    pointer-events: none !important;
}

/* 4. Button ko apni jagah mehfooz rakhna */
.eael-product-wrap a.button.product_type_variable {
    overflow: visible !important; /* Invisible layer ko bahar nikalne ke liye */
}
/* 1. Cart button ke pseudo-element ko pure card par parda bana kar failana */
.eael-product-wrap a.button.product_type_variable::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 300% !important; /* Button se nikal kar pure card ko cover karega */
    height: 800% !important; /* Card ki height cover karne ke liye */
    transform: translate(-50%, -50%) !important; /* Center se phelega */
    top: 50% !important;
    left: 50% !important;
    z-index: -1 !important; /* Button ke icon ke piche rahega taaki design na bigde */
    background: transparent !important; /* Bilkul invisible */
    cursor: pointer !important;
}

/* 2. Main container se bahar click na jaye */
.eael-product-wrap {
    overflow: hidden !important;
    cursor: pointer !important;
}

/* 3. Baki cheezon ko click-through banana */
.eael-product-wrap img,
.eael-product-wrap .woocommerce-loop-product__title,
.eael-product-wrap .eael-product-price,
.eael-product-wrap::after {
    pointer-events: none !important;
}

/* 4. Button ko apni jagah mehfooz rakhna */
.eael-product-wrap a.button.product_type_variable {
    overflow: visible !important; /* Invisible layer ko bahar nikalne ke liye */
}/* End custom CSS */