.elementor-31753 .elementor-element.elementor-element-fe7c920{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31753 .elementor-element.elementor-element-1ff0b62{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-31753 .elementor-element.elementor-element-1ff0b62 img{width:19%;}.elementor-31753 .elementor-element.elementor-element-832b7a3{--display:flex;}.elementor-31753 .elementor-element.elementor-element-1fbda42{--display:flex;--margin-top:21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
							.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
							body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#000000;}.elementor-31753 .elementor-element.elementor-element-db9acde .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3,
				.elementor-31753 .elementor-element.elementor-element-db9acde .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span,
				.elementor-31753 .elementor-element.elementor-element-db9acde .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading,
				.elementor-31753 .elementor-element.elementor-element-db9acde .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name,
				.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3,
				.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-size:24px;}.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #payment #place_order:before,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
					body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-family:"Hind Siliguri", Sans-serif;font-size:25px;}.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form,
								.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form-modern-checkout{--wcf-btn-text-color:#FFFFFF;}body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{color:#FFFFFF;}body.elementor-page-31753:not(.elementor-motion-effects-element-type-background), body.elementor-page-31753 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-31753 .elementor-element.elementor-element-1ff0b62{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-31753 .elementor-element.elementor-element-1ff0b62 img{width:40%;}.elementor-31753 .elementor-element.elementor-element-db9acde > .elementor-widget-container{margin:-9px -9px -9px -9px;}.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #payment #place_order:before,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button,
					.elementor-31753 .elementor-element.elementor-element-db9acde .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout.wcf-modern-skin-multistep .woocommerce form .wcf-multistep-nav-btn-group .wcf-multistep-nav-next-btn,
					body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{font-size:20px;}}/* Start custom CSS for checkout-form, class: .elementor-element-db9acde *//* ============================================================
   Khatir Choya — CHECKOUT FORM CUSTOM CSS (v3 — COMPACT)
   Paste this into: Checkout Form widget → Advanced tab → Custom CSS panel
   This replaces the previous version entirely — delete old CSS first.
============================================================= */

/* ---------- Outer wrapper: NO green, plain background ---------- */
form.checkout.woocommerce-checkout {
  background: none !important;
  padding: 0 !important;
}

/* ---------- ONE single white card wraps EVERYTHING (billing + shipping + order review) ---------- */
div.wcf-col2-set {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 16px !important;
  padding: 4px !important;
}
div.wcf-col-1.col-1,
div.wcf-col-2.col-2 {
  background: none !important;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.wcf-shipping-methods-wrapper,
.woocommerce-checkout-review-order,
#order_review {
  background: none !important;
  border-radius: 0 !important;
  padding: 18px 16px 4px !important;
  margin: 0 !important;
}
/* thin divider between subsections instead of separate boxes */
.woocommerce-shipping-fields,
.wcf-shipping-methods-wrapper {
  border-top: none !important;
  padding-top: 4px !important;
}
/* Remove any default divider/hr WooCommerce or CartFlows adds before shipping,
   which was showing as a duplicate line above our own styling */
.woocommerce-shipping-fields hr,
.wcf-shipping-methods-wrapper hr,
.woocommerce-shipping-fields > .wcf-divider,
.wcf-shipping-methods-wrapper > .wcf-divider {
  display: none !important;
}
.woocommerce-checkout-review-order,
#order_review {
  border-top: 1px solid #eee !important;
  padding-top: 16px !important;
}

/* ---------- Heading text swap (CSS-only, no JS needed) ---------- */
h3#billing_fields_heading {
  font-size: 0 !important;
  margin-bottom: 4px !important;
}
h3#billing_fields_heading::before {
  content: "এখনই অর্ডার করুন";
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #1a1a1a;
  text-align: center;
}
h3#billing_fields_heading::after {
  content: "⏱ ৩০ সেকেন্ডে অর্ডার সম্পন্ন করুন";
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #0f7d5c;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 12px;
}

/* Shipping heading → shorter label */
.woocommerce-shipping-fields h3,
.wcf-shipping-methods-wrapper h3 {
  font-size: 0 !important;
  margin-bottom: 10px !important;
}
.woocommerce-shipping-fields h3::before,
.wcf-shipping-methods-wrapper h3::before {
  content: "ডেলিভারি এলাকা";
  display: block;
  font-size: 17px;
  font-weight: 800;
  color: #1a1a1a;
}

/* ---------- Hide Country/Region field (always Bangladesh) ---------- */
#billing_country_field {
  display: none !important;
}

/* ---------- Field labels ---------- */
.woocommerce-billing-fields label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #333 !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* ---------- Input fields ---------- */
.woocommerce-billing-fields input[type="text"],
.woocommerce-billing-fields input[type="tel"],
.woocommerce-billing-fields input[type="email"],
.woocommerce-billing-fields textarea {
  border-radius: 12px !important;
  border: 1.5px solid #ddd !important;
  padding: 13px 15px !important;
  font-size: 15px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
  background: #fafafa !important;
}
.woocommerce-billing-fields textarea { min-height: 48px !important; }
.woocommerce-billing-fields input::placeholder,
.woocommerce-billing-fields textarea::placeholder { color: #aaa !important; }
.woocommerce-billing-fields input:focus,
.woocommerce-billing-fields textarea:focus {
  border-color: #0f7d5c !important;
  outline: none !important;
  background: #fff !important;
}

/* ---------- Shipping methods: card style with selected highlight ---------- */
ul#shipping_method {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
ul#shipping_method li {
  border: 1.5px solid #e3e3e3 !important;
  border-radius: 12px !important;
  padding: 13px 15px !important;
  margin-bottom: 9px !important;
  background: #fff;
}
ul#shipping_method li label {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  cursor: pointer;
}
ul#shipping_method li:has(input:checked) {
  border-color: #0f7d5c !important;
  background: #eef8f3 !important;
}

/* ---------- Order review table ---------- */
table.shop_table, table.shop_table th, table.shop_table td { border: none !important; }
table.shop_table { border-collapse: collapse !important; width: 100%; }
table.shop_table th, table.shop_table td {
  padding: 8px 0 !important;
  border-bottom: 1px solid #f2f2f2 !important;
  font-size: 14.5px !important;
  color: #333 !important;
}
table.shop_table tfoot tr:last-child th,
table.shop_table tfoot tr:last-child td {
  font-weight: 800 !important;
  font-size: 18px !important;
  color: #111 !important;
  border-top: 2px solid #eee !important;
  border-bottom: none !important;
  padding-top: 12px !important;
}

/* ---------- Place order button ---------- */
#place_order {
  background: #BE0000 !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 16px !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  border: none !important;
  width: 100% !important;
  margin-top: 12px !important;
}
#place_order:hover { opacity: 0.88 !important; }

/* ---------- Payment method reassurance text ---------- */
ul.wc_payment_methods {
  border: none !important;
  padding: 0 !important;
  background: none !important;
  text-align: center !important;
  font-size: 12.5px !important;
  color: #777 !important;
  margin: 8px 0 !important;
}

/* ---------- Rename address label (CSS text-swap trick) ---------- */
label[for="billing_address_1"] {
  font-size: 0 !important;
}
label[for="billing_address_1"]::before {
  content: "ডেলিভারি ঠিকানা *";
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

/* ---------- Order Bump card (CartFlows) — best-effort common class names ---------- */
.wcf-bump-order-wrap,
.wcf-order-bump-field,
.wcf_bump_order_field {
  border: 1.5px solid #0f7d5c !important;
  border-radius: 14px !important;
  padding: 14px !important;
  background: #eef8f3 !important;
  margin: 14px 0 !important;
}
/* NOTE: Removed the earlier "img" width rule here — it was matching
   ALL images inside the bump (including small decorative icon/emoji
   images), blowing them up to 180px too. Since the product photo and
   icons share the same wrapper with no distinguishing class, resize
   the product image directly in Elementor instead (select that image
   widget → Style tab → Width), rather than via this shared CSS. */
.wcf-bump-order-wrap label,
.wcf-order-bump-field label {
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* ---------- Tighten remaining generic spacing ---------- */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 { margin-top: 0 !important; }
#order_review_heading { display: none !important; }/* End custom CSS */