.elementor-13037 .elementor-element.elementor-element-cbce848{--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;--margin-top:070px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13037 .elementor-element.elementor-element-cbce848{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-13037 .elementor-element.elementor-element-60ce5d2 > .elementor-widget-container{padding:100px 100px 100px 100px;}}@media(max-width:767px){.elementor-13037 .elementor-element.elementor-element-60ce5d2 > .elementor-widget-container{padding:15px 15px 15px 15px;}}/* Start custom CSS for wc-elements, class: .elementor-element-60ce5d2 *//* ========================================== */
/* 1. PRODUCT TITLE VISIBILITY & SIZE         */
/* ========================================== */

/* Force the title block to show, set size to 30px, and color to brown */
.woocommerce-page .entry-summary .product_title,
.woocommerce div.product .summary .product_title,
.woocommerce-page div.product h1.product_title {
    display: block !important;
    font-size: 30px !important;
    color: #6B4F4F !important;
}

/* Hide the Category and Product Meta entirely */
.woocommerce-page .entry-summary .product_meta,
.woocommerce div.product .product_meta {
    display: none !important;
}

/* ========================================== */
/* 2. FORCE DESCRIPTION TEXT BROWN            */
/* ========================================== */

/* Explicitly targets summary elements to force brown (#6B4F4F) */
.woocommerce-page .entry-summary .woocommerce-product-details__short-description,
.woocommerce-page .entry-summary .woocommerce-product-details__short-description p,
.woocommerce-page .entry-summary .woocommerce-product-details__short-description span,
.woocommerce-page .entry-summary .woocommerce-product-details__short-description *,
.woocommerce-page div.product .summary div[itemprop="description"],
.woocommerce-page div.product .summary div[itemprop="description"] p,
.woocommerce-page div.product .summary div[itemprop="description"] span,
.woocommerce-page div.product .summary div[itemprop="description"] * {
    color: #6B4F4F !important;
}

/* Explicitly turn price labels brown */
.woocommerce-page .entry-summary .price,
.woocommerce-page .entry-summary .price span,
.woocommerce div.product .price,
.woocommerce div.product .price span {
    color: #6B4F4F !important;
}

/* Target checkout text block (excluding graphics) */
.woocommerce-page .entry-summary [class*="checkout"] *:not(img):not(svg):not(path),
.woocommerce-page .entry-summary fieldset *:not(img):not(svg):not(path),
.woocommerce-page .entry-summary .payment-methods *:not(img):not(svg):not(path) {
    color: #6B4F4F !important;
}

/* ========================================== */
/* 3. BUTTON STYLING (BUY NOW / ADD TO CART)  */
/* ========================================== */

/* Force Buy Now / Add to Cart Button Colors */
.woocommerce-page .single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button {
    background-color: #FFE4E4 !important;
    color: #6B4F4F !important; 
    border-color: #FFE4E4 !important;
}

/* Hover state for the button */
.woocommerce-page .single_add_to_cart_button:hover,
.woocommerce div.product .single_add_to_cart_button:hover {
    background-color: #ffd1d1 !important; 
    color: #6B4F4F !important; 
    border-color: #ffd1d1 !important;
}

/* ========================================== */
/* 4. SALE CUSTOMIZATION                      */
/* ========================================== */
.onsale {
    background: #d8b4a0 !important; /* háttérszín */
    color: #ffffff !important;      /* szöveg színe */
    border: none !important;
}

/* ========================================== */
/* 5. LAPTOP & DESKTOP ONLY: PUSH LAYOUT DOWN */
/* ========================================== */
/* Set to 992px so this ONLY affects standard desktop & laptop screens */
@media (min-width: 992px) {
    /* Push the Title down to align with the middle of the image */
    .woocommerce-page .entry-summary .product_title,
    .woocommerce div.product .summary .product_title {
        margin-top: 300px !important;
        margin-bottom: 15px !important;
    }

    /* Standard clean spacing for the price below the title */
    .woocommerce-page .entry-summary .price,
    .woocommerce-page .entry-summary p.price,
    .woocommerce div.product .price,
    .woocommerce div.product p.price {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    /* Position the buy button directly underneath the price */
    .woocommerce-page .entry-summary .cart, 
    .woocommerce-page .entry-summary form.cart,
    .woocommerce div.product .cart, 
    .woocommerce div.product form.cart {
        margin-top: 0px !important; 
    }
}

/* ========================================== */
/* 6. TABLET & MOBILE: RESET SPACING        */
/* ========================================== */
/* Applies to all screens up to 991px (Tablets + Phones) */
@media (max-width: 991px) {
    /* Reset title spacing on tablet & mobile */
    .woocommerce-page .entry-summary .product_title,
    .woocommerce div.product .summary .product_title {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    /* Reset price spacing on tablet & mobile */
    .woocommerce-page .entry-summary .price,
    .woocommerce-page .entry-summary p.price,
    .woocommerce div.product .price,
    .woocommerce div.product p.price {
        margin-top: 10px !important; 
        margin-bottom: 15px !important;
    }
}/* End custom CSS */