.elementor-191 .elementor-element.elementor-element-200fba8{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-191 .elementor-element.elementor-element-6d69afd > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-e153fa9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px -20px 0px;}.elementor-191 .elementor-element.elementor-element-2015e5c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px -20px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-191 .elementor-element.elementor-element-a4a1bb8{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-191 .elementor-element.elementor-element-200fba8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for checkout-form, class: .elementor-element-6d69afd *//* ==========================================================================
🛍️ RASA PREMIUM FOOD - CARTFLOWS CHECKOUT UI/UX HARMONY SYSTEM (STEP 2)
========================================================================== */

/* 1. Dynamic Trust Header Above Checkout Form (Fixed Single Banner Target) */
.wcf-embed-checkout-form::before,
form.woocommerce-checkout:not(.wcf-embed-checkout-form form)::before {
content: "🛒 অর্ডারটি কনফার্ম করতে নিচের ফর্মটি সঠিক তথ্য দিয়ে পূরণ করুন";
display: block;
text-align: center;
font-size: 1.2rem;
font-weight: 700;
color: #044b36;
background: #f0f7f4;
padding: 12px 15px;
border-radius: 8px;
margin-bottom: 25px;
border-left: 5px solid #c6a256;
box-sizing: border-box !important;
font-family: 'Hind Siliguri', sans-serif !important;
width: 100% !important;
}

/* 2. Global Checkout Outer Container Fix (Desktop 4-Side Cream Border) /
.wcf-embed-checkout-form,
#wcf-embed-checkout-form,
#rasa-checkout {
max-width: 980px !important;
width: 100% !important;
margin: 30px auto !important;
background: #ffffff !important;
border-radius: 12px !important;
box-shadow: 0 10px 30px rgba(4, 75, 54, 0.06) !important;
border: 2px solid #eadebe !important; / Standard 4-Side Brand Cream Border */
padding: 30px 25px !important;
box-sizing: border-box !important;
font-family: 'Hind Siliguri', sans-serif !important;
}

/* Ensure inner nested forms do not create double outer borders */
.wcf-embed-checkout-form form.woocommerce-checkout {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}

/* 3. Product Selection Section Styling */
.wcf-embed-checkout-form .wcf-qty-options,
.wcf-embed-checkout-form .wcf-product-option,
.wcf-embed-checkout-form .wcf-qty-row,
.wcf-embed-checkout-form .wcf-display-sequence-option,
form.woocommerce-checkout .wcf-qty-options {
border-radius: 8px !important;
border: 1px solid #eadebe !important;
background: #fffdf7 !important;
padding: 12px 15px !important;
box-sizing: border-box !important;
width: 100% !important;
margin-bottom: 10px !important;
}

.wcf-embed-checkout-form .wcf-qty-row-selected,
.wcf-embed-checkout-form .wcf-product-option-selected {
background: #f0f7f4 !important;
border: 2px solid #044b36 !important;
}

.wcf-embed-checkout-form .wcf-qty-label,
.wcf-embed-checkout-form .wcf-product-name {
font-weight: 700 !important;
color: #1b2823 !important;
font-size: 1.05rem !important;
}

.wcf-embed-checkout-form .wcf-qty-price,
.wcf-embed-checkout-form .wcf-product-price {
font-family: 'Inter', sans-serif !important;
font-weight: 700 !important;
color: #044b36 !important;
}

/* 4. Input Fields Styling (Name, Phone, Address) */
.wcf-embed-checkout-form input[type="text"],
.wcf-embed-checkout-form input[type="tel"],
.wcf-embed-checkout-form input[type="email"],
.wcf-embed-checkout-form textarea,
form.woocommerce-checkout input[type="text"],
form.woocommerce-checkout input[type="tel"] {
background-color: #fffdf7 !important;
border: 1px solid #dcdcdc !important;
padding: 12px 14px !important;
border-radius: 8px !important;
font-family: 'Hind Siliguri', sans-serif !important;
font-size: 16px !important;
color: #1b2823 !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
width: 100% !important;
}

.wcf-embed-checkout-form input:focus,
.wcf-embed-checkout-form textarea:focus,
form.woocommerce-checkout input:focus {
border-color: #044b36 !important;
background-color: #ffffff !important;
box-shadow: 0 0 0 3px rgba(4, 75, 54, 0.12) !important;
outline: none !important;
}

/* 5. Section Headings */
.wcf-embed-checkout-form h3,
.wcf-embed-checkout-form #order_review_heading,
form.woocommerce-checkout h3 {
font-size: 1.35rem !important;
font-weight: 700 !important;
color: #044b36 !important;
border-bottom: 2px solid #eadebe !important;
padding-bottom: 8px !important;
margin-bottom: 20px !important;
margin-top: 15px !important;
}

/* 6. Order Review Table & Payment Box */
.wcf-embed-checkout-form .woocommerce-checkout-review-order-table,
form.woocommerce-checkout table.shop_table {
border: 1px solid #eeeeee !important;
border-radius: 8px !important;
background: #ffffff !important;
width: 100% !important;
box-sizing: border-box !important;
}

.wcf-embed-checkout-form #payment,
form.woocommerce-checkout #payment {
background: #fdfaf2 !important;
border: 1px solid #eadebe !important;
border-radius: 8px !important;
padding: 16px !important;
box-sizing: border-box !important;
width: 100% !important;
}

/* 7. High-Converting Place Order Button */
.wcf-embed-checkout-form .wcf-submit-button,
.wcf-embed-checkout-form #place_order,
form.woocommerce-checkout #place_order {
background: #28a745 !important;
color: #ffffff !important;
font-family: 'Hind Siliguri', sans-serif !important;
font-weight: 700 !important;
font-size: 1.25rem !important;
padding: 15px 10px !important;
border-radius: 8px !important;
border: none !important;
box-shadow: 0 6px 20px rgba(40, 167, 69, 0.35) !important;
transition: all 0.2s ease !important;
cursor: pointer !important;
width: 100% !important;
display: block !important;
text-transform: none !important;
box-sizing: border-box !important;
text-align: center !important;
}

.wcf-embed-checkout-form .wcf-submit-button:hover,
.wcf-embed-checkout-form #place_order:hover,
form.woocommerce-checkout #place_order:hover {
background: #218838 !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(40, 167, 69, 0.45) !important;
}

/* ==========================================================================
📱 MOBILE RESPONSIVE OVERRIDES
========================================================================== */
@media screen and (max-width: 768px) {
html, body {
overflow-x: hidden !important;
width: 100% !important;
}

.wcf-embed-checkout-form,
#wcf-embed-checkout-form,
#rasa-checkout {
width: 100% !important;
max-width: 100% !important;
margin: 10px 0 !important;
padding: 14px 8px !important;
box-sizing: border-box !important;
border: 2px solid #eadebe !important;
border-radius: 8px !important;
}

.wcf-embed-checkout-form::before {
font-size: 0.95rem !important;
padding: 10px 6px !important;
line-height: 1.4 !important;
margin-bottom: 15px !important;
}

.wcf-embed-checkout-form .col2-set,
.wcf-embed-checkout-form .col-1,
.wcf-embed-checkout-form .col-2,
form.woocommerce-checkout .col2-set {
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}

.wcf-embed-checkout-form .wcf-submit-button,
.wcf-embed-checkout-form #place_order,
form.woocommerce-checkout #place_order {
width: 100% !important;
font-size: 1.1rem !important;
padding: 14px 4px !important;
}
}/* End custom CSS */