.elementor-2244 .elementor-element.elementor-element-17e7f8e{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-2244 .elementor-element.elementor-element-17e7f8e{--content-width:1280px;}}@media(max-width:1024px){.elementor-2244 .elementor-element.elementor-element-17e7f8e{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2244 .elementor-element.elementor-element-17e7f8e{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for checkout-form, class: .elementor-element-2fd01c6 *//* ==========================================================================
   ব্যবসা এখন অনলাইনে - MASTER PRODUCTION CHECKOUT STYLESHEET
   ========================================================================== */

/* 1. Global Page Background Canvas (Deep Forest Pine Gradient) */
html,
body,
body.woocommerce-checkout,
body.cartflows-checkout-step,
.elementor-section.wcf-embed-checkout-form,
.wcf-embed-checkout-form,
.wcf-embed-checkout-form-two-column,
.wcf-checkout-form-two-column,
div#wcf-embed-checkout-form {
  background: radial-gradient(circle at 50% 10%, #0D2622 0%, #061412 100%) !important;
  background-color: #061412 !important;
  color: #FFFFFF !important;
}

/* 2. Strip Faint Outer Bounding Boxes, Ghost Outlines & Elementor Shells */
form.woocommerce-checkout,
.woocommerce-checkout form.checkout,
.wcf-embed-checkout-form,
.wcf-embed-checkout-form form.checkout,
.wcf-el-checkout-form,
.elementor-widget-checkout-form,
.elementor-widget-checkout-form .elementor-widget-container,
.cartflows-container,
.elementor-element-a0d5f51,
.elementor-element-17e7f8e,
.elementor-element-17e7f8e > .e-con-inner,
.wcf-col2-set,
.wcf-col2-set .col-1,
.wcf-col2-set .col-2,
.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set,
.wcf-modern-skin-two-column .wcf-review-order-wrap,
.wcf-modern-skin-two-column .wcf-payment-wrap {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: none !important;
}

/* 3. Section Titles & Labels */
.woocommerce-checkout h3,
.wcf-embed-checkout-form h3,
#order_review_heading,
.woocommerce-billing-fields h3,
#payment_heading {
  color: #FFFFFF !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.woocommerce-billing-fields h3 {
  margin-top: 24px !important;
}

.woocommerce-checkout label {
  color: #CBD5E1 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  margin-bottom: 7px !important;
  display: block !important;
}

.woocommerce-checkout label .required {
  color: #2DD4BF !important; /* Mint Emerald Asterisk */
}

/* 4. Form Inputs & Select Boxes */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select {
  width: 100% !important;
  height: 48px !important;
  background-color: #0A1E1B !important;
  border: 1px solid #1C3D37 !important;
  border-radius: 8px !important;
  color: #FFFFFF !important;
  padding: 10px 14px !important;
  font-size: 14.5px !important;
  outline: none !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout select:focus {
  border-color: #2DD4BF !important;
  background-color: #0D2824 !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.2) !important;
}

/* 5. Clean Field Display & Removal of Empty Shipping Artifacts */
#billing_first_name_field,
#billing_last_name_field,
#billing_phone_field,
#billing_email_field,
.wcf-customer-info {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.woocommerce-checkout #customer_details .col-2,
.wcf-embed-checkout-form .col-2:not(#order_review),
.woocommerce-shipping-fields,
.shipping_address,
#shipping_details,
.wcf-shipping-fields-wrapper,
.wcf-col-shipping,
.woocommerce-additional-fields,
#order_comments_field,
#order_comments_field_wrapper {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* 6. Payment Section Card */
.woocommerce-checkout #payment,
.wcf-embed-checkout-form #payment {
  background-color: #091F1C !important;
  border: 1px solid rgba(45, 212, 191, 0.16) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.65) !important;
  margin-top: 24px !important;
}

#payment ul.payment_methods {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  list-style: none !important;
}

#payment ul.payment_methods li {
  background: transparent !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.1) !important;
  padding: 14px 0 !important;
  margin: 0 !important;
}

#payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}

#payment ul.payment_methods li label,
#payment ul.payment_methods li label *,
#payment .payment_method_razorpay *,
#payment label[for*="razorpay"] *,
#payment span.razorpay-title {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
}

#payment ul.payment_methods li.payment_method_razorpay img,
#payment ul.payment_methods li.payment_method_razorpay svg,
#payment label[for*="razorpay"] img,
#payment label[for*="razorpay"] svg {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}

#payment ul.payment_methods li label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

#payment ul.payment_methods li input[type="radio"] {
  accent-color: #FDB813 !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
}

#payment div.payment_box {
  background-color: #061412 !important;
  border: 1px solid #1C3D37 !important;
  color: #94A3A0 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  margin-top: 10px !important;
}

#payment div.payment_box p {
  color: #94A3A0 !important;
  margin: 0 !important;
}

#payment div.payment_box::before {
  display: none !important;
}

/* Primary CTA Place Order Button */
.woocommerce-checkout #payment #place_order,
.wcf-embed-checkout-form button#place_order,
#wcf-embed-checkout-form #place_order {
  background: linear-gradient(180deg, #FDB813 0%, #E89E00 100%) !important;
  color: #061412 !important;
  width: 100% !important;
  height: 52px !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  border-radius: 50px !important; /* Full pill matching landing page */
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 22px rgba(253, 184, 19, 0.32) !important;
  transition: all 0.2s ease !important;
  margin-top: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.woocommerce-checkout #payment #place_order:hover,
.wcf-embed-checkout-form button#place_order:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 26px rgba(253, 184, 19, 0.5) !important;
}

/* 7. Right Column: "Your order" Review Card */
.woocommerce-checkout #order_review,
.wcf-embed-checkout-form #order_review {
  display: block !important;
  background-color: #091F1C !important;
  border: 1px solid rgba(45, 212, 191, 0.16) !important;
  border-radius: 18px !important;
  padding: 26px 28px !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.65) !important;
  box-sizing: border-box !important;
}

/* Strip native inner table border */
.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table tr,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td,
.wcf-table-wrap {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Clean, full-width dividers */
.woocommerce-checkout table.shop_table thead th {
  background: transparent !important;
  color: #2DD4BF !important;
  font-size: 12.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 600 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.15) !important;
}

.woocommerce-checkout table.shop_table thead th:last-child {
  text-align: right !important;
}

.woocommerce-checkout table.shop_table tbody td {
  background: transparent !important;
  color: #CBD5E1 !important;
  padding: 16px 0 !important;
  font-size: 14.5px !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.1) !important;
  vertical-align: middle !important;
}

.woocommerce-checkout table.shop_table td.product-name {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table tfoot td {
  text-align: right !important;
}

.woocommerce-checkout table.shop_table tfoot tr.cart-subtotal th,
.woocommerce-checkout table.shop_table tfoot tr.cart-subtotal td {
  background: transparent !important;
  color: #CBD5E1 !important;
  padding: 14px 0 !important;
  font-size: 14.5px !important;
  border-bottom: 1px solid rgba(45, 212, 191, 0.1) !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total th {
  color: #FFFFFF !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-bottom: none !important;
  padding-top: 20px !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total td {
  border-bottom: none !important;
  padding-top: 20px !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total td strong,
.woocommerce-checkout table.shop_table tfoot tr.order-total td span.woocommerce-Price-amount {
  color: #FDB813 !important; /* Golden Amber Highlight */
  font-size: 26px !important;
  font-weight: 800 !important;
}

/* 8. Coupon Input & Apply Button */
.woocommerce-checkout input[name="coupon_code"],
.wcf-embed-checkout-form input[name="coupon_code"] {
  height: 46px !important;
  background-color: #0A1E1B !important;
  border: 1px solid #1C3D37 !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout button[name="apply_coupon"],
.wcf-embed-checkout-form .wcf-submit-coupon,
#wcf-embed-checkout-form .wcf-submit-coupon {
  height: 46px !important;
  line-height: 46px !important;
  padding: 0 22px !important;
  background: linear-gradient(180deg, #FDB813 0%, #E89E00 100%) !important;
  color: #061412 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(253, 184, 19, 0.25) !important;
  transition: all 0.2s ease !important;
}

.woocommerce-checkout button[name="apply_coupon"]:hover,
.wcf-embed-checkout-form .wcf-submit-coupon:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(253, 184, 19, 0.4) !important;
}/* End custom CSS */