.elementor-38 .elementor-element.elementor-element-3d1a9d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-3d1a9d4:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-3d1a9d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F8F6F8 80%, #FFFFFF 80%);}.elementor-38 .elementor-element.elementor-element-f231ff2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DEE0E3;--border-color:#DEE0E3;--border-radius:12px 12px 12px 12px;box-shadow:0px 64px 80px -40px rgba(0, 0, 0, 0.12);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:48px;--padding-left:40px;--padding-right:40px;--z-index:1;}.elementor-38 .elementor-element.elementor-element-f231ff2:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-f231ff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-94aefab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DEE0E3;--border-color:#DEE0E3;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-94aefab.e-con{--align-self:center;}.elementor-38 .elementor-element.elementor-element-5a742f8{width:100%;max-width:100%;}.elementor-38 .elementor-element.elementor-element-5a742f8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-5a742f8.elementor-element{--align-self:center;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-modern-checkout{--wcf-primary-color:#994BFB;--wcf-text-color:#566376;--wcf-link-color:#566376;--wcf-payment-section-bg-color:#F8F6F8;--wcf-payment-section-desc-bg-color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row input.input-text:focus, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce form .form-row textarea:focus, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce #order_review .wcf-custom-coupon-field input.input-text:focus{box-shadow:0 0 0 1px #994BFB;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-note:before{border-top-color:#994BFB;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns a.wcf-next-button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form form .checkout_coupon .button, body .wcf-pre-checkout-offer-wrapper #wcf-pre-checkout-offer-content button.wcf-pre-checkout-offer-btn{background-color:#994BFB;color:#fff;}.elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-family:"Inter", Sans-serif;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-modern-checkout{--wcf-heading-color:#1A1E23;}.elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce form .form-row input.input-text, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce form .form-row textarea, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .select2-container--default .select2-selection--single, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce form .form-row select.select, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-1, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-2, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce form p.form-row label, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:checked + label, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #payment [type="radio"]:not(:checked) + label, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce form .form-row select{font-family:"Inter", Sans-serif;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-38 .elementor-element.elementor-element-5a742f8 .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:"Inter", Sans-serif;font-size:16px;font-weight:700;}.elementor-38 .elementor-element.elementor-element-5d9a971{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-5d9a971:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-5d9a971 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-38 .elementor-element.elementor-element-c9f94a0{text-align:center;}.elementor-38 .elementor-element.elementor-element-c9f94a0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;line-height:1em;color:#869498;}body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F8;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-5d9a971{--content-width:1080px;}}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-3d1a9d4{--padding-top:0px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-38 .elementor-element.elementor-element-f231ff2{--padding-top:32px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-38 .elementor-element.elementor-element-94aefab{--padding-top:0px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-38 .elementor-element.elementor-element-5a742f8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-5d9a971{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-38 .elementor-element.elementor-element-c9f94a0 .elementor-heading-title{font-size:13px;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-3d1a9d4{--padding-top:0px;--padding-bottom:40px;--padding-left:8px;--padding-right:8px;}.elementor-38 .elementor-element.elementor-element-f231ff2{--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-38 .elementor-element.elementor-element-94aefab{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:12px;--padding-right:12px;}.elementor-38 .elementor-element.elementor-element-5a742f8 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form{font-size:14px;}.elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce h3 span, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form .woocommerce-checkout #order_review_heading, .elementor-38 .elementor-element.elementor-element-5a742f8 .cartflows-elementor__checkout-form .wcf-embed-checkout-form-two-step .wcf-embed-checkout-form-steps .step-name, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-1 h3, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .col2-set .col-2 h3{font-size:16px;}.elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #order_review button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #payment #place_order:before, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .wcf-custom-coupon-field button.wcf-submit-coupon, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce #order_review button.wcf-btn-small, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce-checkout form.woocommerce-form-login .button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form .woocommerce-checkout form.checkout_coupon .button, .elementor-38 .elementor-element.elementor-element-5a742f8 .wcf-embed-checkout-form-two-step .woocommerce .wcf-embed-checkout-form-nav-btns .wcf-next-button, .elementor-38 .elementor-element.elementor-element-5a742f8 .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:14px;}.elementor-38 .elementor-element.elementor-element-c9f94a0{padding:0px 0px 0px 0px;text-align:center;}}/* Start custom CSS for checkout-form, class: .elementor-element-5a742f8 *//* ============================================================ CARTFLOWS MOBILE OVERLAP FIX — FINAL এই CSS আগের Custom CSS-এর একদম নিচে paste করুন। Problem fixed: - Product row আর Billing details-এর উপর উঠবে না - Quantity / Price control আর Billing heading-এর সাথে overlap করবে না - Mobile-এ top product box compact থাকবে - Full order details নিচের "Your order" section-এ থাকবে ============================================================ */ @media only screen and (max-width: 767px){ /* ---------------------------------------------------------- 1. PRODUCT OPTIONS: HARD RESET CartFlows-এর mobile absolute/floating layout reset ---------------------------------------------------------- */ body.cartflows_step-template .wcf-product-option-wrap, body.cartflows_step-template .wcf-product-options, body.cartflows_step-template .wcf-product-option, body.cartflows_step-template .wcf-product-option-inner, body.cartflows_step-template .wcf-product-option-main, body.cartflows_step-template .wcf-product-option-table, body.cartflows_step-template .wcf-product-option-wrap table, body.cartflows_step-template .wcf-product-options table{ position:relative !important; float:none !important; clear:both !important; transform:none !important; inset:auto !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; box-sizing:border-box !important; } /* Product block must occupy real document height */ body.cartflows_step-template .wcf-product-option-wrap, body.cartflows_step-template .wcf-product-options{ display:block !important; margin:0 0 18px !important; padding:0 !important; } /* ---------------------------------------------------------- 2. HIDE "PRODUCT / QUANTITY / PRICE" HEADER ON PHONE নিচের Your order-এ price/quantity আবার দেখা যায়, তাই duplicate top header mobile-এ hide করলে checkout ছোট ও clean হয়। ---------------------------------------------------------- */ body.cartflows_step-template .wcf-product-option-wrap thead, body.cartflows_step-template .wcf-product-options thead, body.cartflows_step-template .wcf-product-option-table thead, body.cartflows_step-template table.wcf-product-option-table thead, body.cartflows_step-template .wcf-product-option-wrap .wcf-product-heading, body.cartflows_step-template .wcf-product-options .wcf-product-heading{ display:none !important; } /* ---------------------------------------------------------- 3. PRODUCT TABLE BODY / ROW ---------------------------------------------------------- */ body.cartflows_step-template .wcf-product-option-wrap tbody, body.cartflows_step-template .wcf-product-options tbody, body.cartflows_step-template .wcf-product-option-table tbody{ display:block !important; width:100% !important; height:auto !important; position:relative !important; } body.cartflows_step-template .wcf-product-option-wrap tbody tr, body.cartflows_step-template .wcf-product-options tbody tr, body.cartflows_step-template .wcf-product-option-table tbody tr{ display:block !important; position:relative !important; float:none !important; clear:both !important; width:100% !important; min-height:62px !important; height:auto !important; margin:0 !important; padding:7px 8px !important; background:#f5f8ff !important; border:1px solid #9db8ff !important; border-radius:6px !important; overflow:hidden !important; box-sizing:border-box !important; } /* ---------------------------------------------------------- 4. TOP PRODUCT ROW — ONLY PRODUCT INFO Quantity/price top section-এ hide; Your Order section-এ থাকবে। ---------------------------------------------------------- */ body.cartflows_step-template .wcf-product-option-wrap tbody td, body.cartflows_step-template .wcf-product-options tbody td, body.cartflows_step-template .wcf-product-option-table tbody td{ position:static !important; float:none !important; transform:none !important; height:auto !important; min-height:0 !important; margin:0 !important; box-sizing:border-box !important; } /* First product cell takes full width */ body.cartflows_step-template .wcf-product-option-wrap tbody td:first-child, body.cartflows_step-template .wcf-product-options tbody td:first-child, body.cartflows_step-template .wcf-product-option-table tbody td:first-child{ display:flex !important; align-items:center !important; gap:7px !important; width:100% !important; max-width:100% !important; padding:0 !important; } /* Hide quantity + price cells in the TOP product .elementor-38 .elementor-element.elementor-element-5a742f8 */ body.cartflows_step-template .wcf-product-option-wrap tbody td:nth-child(n+2), body.cartflows_step-template .wcf-product-options tbody td:nth-child(n+2), body.cartflows_step-template .wcf-product-option-table tbody td:nth-child(n+2), body.cartflows_step-template .wcf-product-option-wrap .quantity, body.cartflows_step-template .wcf-product-options .quantity, body.cartflows_step-template .wcf-product-option-wrap .wcf-qty-options, body.cartflows_step-template .wcf-product-options .wcf-qty-options, body.cartflows_step-template .wcf-product-option-wrap [class*="quantity"], body.cartflows_step-template .wcf-product-options [class*="quantity"]{ display:none !important; } /* Product image */ body.cartflows_step-template .wcf-product-option-wrap img, body.cartflows_step-template .wcf-product-options img, body.cartflows_step-template .wcf-product-option img{ display:block !important; flex:0 0 46px !important; width:46px !important; min-width:46px !important; max-width:46px !important; height:46px !important; object-fit:cover !important; margin:0 !important; border-radius:3px !important; } /* Product name */ body.cartflows_step-template .wcf-product-option-wrap .product-name, body.cartflows_step-template .wcf-product-options .product-name, body.cartflows_step-template .wcf-product-option .product-name{ position:static !important; display:block !important; width:auto !important; max-width:calc(100% - 55px) !important; margin:0 !important; padding:0 !important; font-size:11px !important; line-height:1.25 !important; white-space:normal !important; overflow:visible !important; color:#15213a !important; } /* ---------------------------------------------------------- 5. BILLING MUST START AFTER PRODUCT BLOCK ---------------------------------------------------------- */ body.cartflows_step-template #customer_details, body.cartflows_step-template .woocommerce-billing-fields, body.cartflows_step-template .col2-set{ display:block !important; position:relative !important; float:none !important; clear:both !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; transform:none !important; } body.cartflows_step-template .woocommerce-billing-fields > h3, body.cartflows_step-template #customer_details h3{ display:block !important; position:relative !important; float:none !important; clear:both !important; width:100% !important; height:auto !important; min-height:22px !important; margin:0 0 8px !important; padding:0 !important; transform:none !important; font-size:14px !important; line-height:1.35 !important; z-index:2 !important; } /* ---------------------------------------------------------- 6. BILLING FIELDS — COMPACT BUT NO OVERLAP ---------------------------------------------------------- */ body.cartflows_step-template form.checkout .form-row, body.cartflows_step-template form.woocommerce-checkout .form-row{ display:block !important; position:relative !important; float:none !important; clear:both !important; width:100% !important; margin:0 0 7px !important; padding:0 !important; height:auto !important; min-height:0 !important; } body.cartflows_step-template form.checkout input[type="text"], body.cartflows_step-template form.checkout input[type="tel"], body.cartflows_step-template form.checkout input[type="email"], body.cartflows_step-template form.checkout select, body.cartflows_step-template form.woocommerce-checkout input[type="text"], body.cartflows_step-template form.woocommerce-checkout input[type="tel"], body.cartflows_step-template form.woocommerce-checkout input[type="email"], body.cartflows_step-template form.woocommerce-checkout select{ display:block !important; position:static !important; width:100% !important; height:32px !important; min-height:32px !important; margin:0 !important; padding:5px 8px !important; font-size:11px !important; line-height:20px !important; box-sizing:border-box !important; } body.cartflows_step-template form.checkout textarea, body.cartflows_step-template form.woocommerce-checkout textarea{ display:block !important; position:static !important; width:100% !important; height:46px !important; min-height:46px !important; max-height:46px !important; margin:0 !important; padding:6px 8px !important; font-size:10.5px !important; line-height:1.25 !important; box-sizing:border-box !important; } /* ---------------------------------------------------------- 7. YOUR ORDER — KEEP NORMAL FLOW ---------------------------------------------------------- */ body.cartflows_step-template #order_review, body.cartflows_step-template .woocommerce-checkout-review-order{ display:block !important; position:relative !important; float:none !important; clear:both !important; width:100% !important; height:auto !important; margin:18px 0 0 !important; padding:0 !important; transform:none !important; overflow:visible !important; } body.cartflows_step-template #order_review_heading{ display:block !important; position:relative !important; clear:both !important; margin:0 0 8px !important; padding:0 !important; font-size:14px !important; line-height:1.3 !important; } body.cartflows_step-template .woocommerce-checkout-review-order-table{ position:relative !important; width:100% !important; height:auto !important; margin:0 0 7px !important; } body.cartflows_step-template .woocommerce-checkout-review-order-table th, body.cartflows_step-template .woocommerce-checkout-review-order-table td{ position:static !important; height:auto !important; padding:5px 0 !important; font-size:10.5px !important; line-height:1.25 !important; } /* ---------------------------------------------------------- 8. PAYMENT + BUTTON ---------------------------------------------------------- */ body.cartflows_step-template #payment, body.cartflows_step-template .woocommerce-checkout-payment{ position:relative !important; clear:both !important; height:auto !important; margin:7px 0 0 !important; padding:8px !important; } body.cartflows_step-template #payment div.payment_box{ height:auto !important; margin:5px 0 0 !important; padding:7px !important; font-size:10px !important; line-height:1.25 !important; } body.cartflows_step-template .woocommerce-privacy-policy-text{ display:none !important; } body.cartflows_step-template #place_order, body.cartflows_step-template button#place_order{ display:block !important; position:relative !important; width:100% !important; height:40px !important; min-height:40px !important; margin:7px 0 0 !important; padding:7px 10px !important; font-size:12px !important; line-height:26px !important; } /* ---------------------------------------------------------- 9. REMOVE PARENT HEIGHT / OVERFLOW CONFLICTS ---------------------------------------------------------- */ body.cartflows_step-template .wcf-embed-checkout-form, body.cartflows_step-template .wcf-checkout-template, body.cartflows_step-template .woocommerce, body.cartflows_step-template form.checkout, body.cartflows_step-template form.woocommerce-checkout{ position:relative !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; } /* Keep main checkout as one clean mobile column */ body.cartflows_step-template form.checkout, body.cartflows_step-template form.woocommerce-checkout{ display:block !important; } /* Optional: section title spacing */ body.cartflows_step-template .wcf-product-option-wrap > h3, body.cartflows_step-template .wcf-product-options > h3{ position:relative !important; display:block !important; clear:both !important; margin:0 0 10px !important; padding:0 !important; height:auto !important; font-size:14px !important; line-height:1.3 !important; } }/* End custom CSS */