.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4290 .elementor-element.elementor-element-d1cf5f8{--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-widget-etheme_products .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-etheme_products .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4290 .elementor-element.elementor-element-3303156 h3.title, .elementor-4290 .elementor-element.elementor-element-3303156 .products-title{text-align:center;}@media(min-width:768px){.elementor-4290 .elementor-element.elementor-element-d1cf5f8{--content-width:1385px;}}/* Start custom CSS for etheme_products, class: .elementor-element-3303156 *//* Target the Elementor widget for products */
.elementor-element-3303156 .products .product {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Smooth effect */
    border-radius: 8px; /* Optional: Add rounded corners */
    overflow: hidden; /* Ensure content stays inside */
}

/* Add hover effect */
.elementor-element-3303156 .products .product:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Darker shadow on hover */
    transform: translateY(-5px); /* Slight 3D lift effect */
}/* End custom CSS */