.elementor-12634 .elementor-element.elementor-element-1bec591{--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-12634 .elementor-element.elementor-element-6baec51 > .elementor-widget-container{padding:0100px 0100px 0100px 0100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12634 .elementor-element.elementor-element-6baec51 > .elementor-widget-container{padding:030px 010px 0px 010px;}}/* Start custom CSS for wc-elements, class: .elementor-element-6baec51 *//* 1. Hide the Category and Product Meta entirely */
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .product_meta {
    display: none !important;
}

/* 2. Explicitly turn native text, description, and price labels brown */
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary h1.product_title,
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .woocommerce-product-details__short-description,
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .woocommerce-product-details__short-description p,
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .price,
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .price span {
    color: #6B4F4F !important;
}

/* 3. Target the checkout text block, turning its text brown, but explicitly leaving the card graphics alone */
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary [class*="checkout"] *:not(img):not(svg):not(path),
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary fieldset *:not(img):not(svg):not(path),
.elementor-12634 .elementor-element.elementor-element-6baec51 .summary .payment-methods *:not(img):not(svg):not(path) {
    color: #6B4F4F !important;
}

/* 4. Force Buy Now / Add to Cart Button Colors */
.elementor-12634 .elementor-element.elementor-element-6baec51 .single_add_to_cart_button {
    background-color: #FFE4E4 !important;
    color: #6B4F4F !important; /* Muted brown to match the product title and description exactly */
    border-color: #FFE4E4 !important;
}

/* 5. Optional Hover state for the button */
.elementor-12634 .elementor-element.elementor-element-6baec51 .single_add_to_cart_button:hover {
    background-color: #ffd1d1 !important; /* Slightly darker pink on hover */
    color: #6B4F4F !important; 
    border-color: #ffd1d1 !important;
}

/* ======================================================== */
/* 6. DESKTOP & LAPTOP ONLY: Push the price and button down */
/* ======================================================== */
@media (min-width: 768px) {
    /* Push the price down (and the button along with it) */
    .elementor-12634 .elementor-element.elementor-element-6baec51 .summary .price,
    .elementor-12634 .elementor-element.elementor-element-6baec51 p.price {
        margin-top: 200px !important;
        margin-bottom: 15px !important;
    }

    /* Position the buy button directly underneath the shifted price */
    .elementor-12634 .elementor-element.elementor-element-6baec51 .cart, 
    .elementor-12634 .elementor-element.elementor-element-6baec51 form.cart {
        margin-top: 0px !important; 
    }
}

/* ======================================================== */
/* 7. MOBILE ONLY: Reset spacing so it looks natural       */
/* ======================================================== */
@media (max-width: 767px) {
    .elementor-12634 .elementor-element.elementor-element-6baec51 .summary .price,
    .elementor-12634 .elementor-element.elementor-element-6baec51 p.price {
        margin-top: 20px !important; /* Normal, clean spacing for mobile */
        margin-bottom: 15px !important;
    }
}/* End custom CSS */