.elementor-27924 .elementor-element.elementor-element-8c2d69f > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-27924 .elementor-element.elementor-element-8c2d69f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-27924 .elementor-element.elementor-element-8c2d69f.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27924 .elementor-element.elementor-element-8c2d69f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:768px){.elementor-27924 .elementor-element.elementor-element-8c2d69f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-8c2d69f *//* 1. Product Card Container */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product {
    background: #FFFBF3 !important;
    border: 1px solid #f2eedf !important; /* Very soft border */
    border-radius: 4px !important; /* Slight rounded corners */
    padding: 0 0 20px 0 !important; /* Spacing at the bottom */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.03) !important; /* Very soft premium shadow */
    text-align: center !important; /* Center aligns title, price, and button */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover effect for a premium feel */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0px 8px 25px rgba(96, 26, 2, 0.3) !important;
}

/* Remove default padding/margins on images to stretch perfectly to edges */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product img {
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}

/* 2. Product Title (Typography Style) */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .woocommerce-loop-product__title {
    font-family: "Playfair Display", "Georgia", serif !important; /* Elegant serif font */
    font-size: 18px !important;
    color: #4a3b32 !important; /* Warm dark brown text */
    margin: 10px 15px !important;
    font-weight: 500 !important;
}

/* 3. Price Tag Styling */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .price {
    font-family: "Montserrat", "Helvetica", sans-serif !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* Sale/Original Price styling inside the price block */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .price del {
    color: #a0a0a0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-right: 5px !important;
}
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .price ins {
    text-decoration: none !important;
    color: #1a1a1a !important;
}

/* 4. "Add to Basket" Button Styling */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .button.add_to_cart_button {
    background-color: transparent !important;
    color: #4a3b32 !important; /* Text color matching the theme */
    border: 1px solid #4a3b32 !important; /* Thin elegant border */
    border-radius: 0px !important; /* Sharp corners for the button */
    padding: 10px 30px !important;
    font-family: "Montserrat", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
    width: 85% !important; /* Makes button sit beautifully inside the card margins */
}

/* Button Hover State */
.elementor-27924 .elementor-element.elementor-element-8c2d69f .elementor-grid .product .button.add_to_cart_button:hover {
    background-color: #4a3b32 !important;
    color: #ffffff !important;
}/* End custom CSS */