/* B24 - checkout + Tabby onsite messaging refinement */
.bafleh-public-body .live-checkout-page{padding-top:34px;padding-bottom:60px}
.bafleh-public-body .live-checkout-page>.container{max-width:1380px;width:calc(100% - 48px)}
.bafleh-public-body .live-checkout-page .live-commerce-page-title{max-width:760px;margin:0 auto 28px;text-align:center}
.bafleh-public-body .live-checkout-page .live-commerce-page-title h1{margin:0 0 8px}
.bafleh-public-body .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:32px;align-items:start}
.bafleh-public-body .checkout-main{min-width:0;display:grid;gap:20px}
.bafleh-public-body .checkout-step,.bafleh-public-body .checkout-summary{border:1px solid #e8e5df;border-radius:10px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.035)}
.bafleh-public-body .checkout-step{padding:26px 28px}
.bafleh-public-body .checkout-step-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.bafleh-public-body .checkout-step-heading>span{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:600;flex:0 0 30px}
.bafleh-public-body .checkout-step-heading h3{margin:0;font-size:21px}
.bafleh-public-body .checkout-step .form-group{margin-bottom:16px}
.bafleh-public-body .checkout-step label:not(.commerce-option):not(.live-checkbox-row){display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#222}
.bafleh-public-body .checkout-step .form-control{width:100%;min-height:46px;border:1px solid #d9d5cc;border-radius:5px;padding:10px 12px;background:#fff}
.bafleh-public-body .checkout-step textarea.form-control{min-height:92px}
.bafleh-public-body .commerce-option-wrap{border:1px solid #ddd8ce;border-radius:7px;margin:0 0 10px;background:#fff;overflow:hidden}
.bafleh-public-body .commerce-option-wrap .commerce-option{margin:0;border:0;border-radius:0;padding:16px 18px;width:100%}
.bafleh-public-body .commerce-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.bafleh-public-body .commerce-option input{margin-top:4px;flex:0 0 auto}
.bafleh-public-body .commerce-option span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.bafleh-public-body .commerce-option span small{color:#6e6a62;line-height:1.45}
.bafleh-public-body .commerce-option b{white-space:nowrap}
.bafleh-public-body .checkout-summary{position:sticky;top:92px;padding:26px}
.bafleh-public-body .checkout-summary h3{margin:0 0 18px}
.bafleh-public-body .checkout-summary>div:not(.checkout-item){display:flex;justify-content:space-between;gap:18px;padding:7px 0}
.bafleh-public-body .checkout-summary .checkout-item{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #eeeae3}
.bafleh-public-body .checkout-summary .checkout-item span{min-width:0}
.bafleh-public-body .checkout-summary .grand{font-size:17px;border-top:1px solid #d8d4ca;margin-top:8px;padding-top:14px!important}
.bafleh-public-body .live-place-order-button{margin-top:18px;min-height:48px}
.bafleh-public-body .checkout-security-note{display:block;margin-top:12px;line-height:1.5;color:#777}
.bafleh-public-body .tabby-promo-host{margin:10px 0 14px;max-width:520px;min-height:28px}
.bafleh-public-body .tabby-promo-cart{margin:12px 0 8px;max-width:100%}
.bafleh-public-body .tabby-card-host{padding:0 16px 16px;background:#fff}
.bafleh-public-body .tabby-card-host[hidden]{display:none!important}
@media(max-width:991.98px){
 .bafleh-public-body .live-checkout-page>.container{width:calc(100% - 32px)}
 .bafleh-public-body .checkout-grid{grid-template-columns:1fr;gap:20px}
 .bafleh-public-body .checkout-summary{position:static;top:auto;order:2}
}
@media(max-width:575.98px){
 .bafleh-public-body .live-checkout-page{padding-top:22px;padding-bottom:84px}
 .bafleh-public-body .live-checkout-page>.container{width:calc(100% - 22px)}
 .bafleh-public-body .live-checkout-page .live-commerce-page-title{margin-bottom:18px}
 .bafleh-public-body .checkout-step{padding:20px 16px;border-radius:7px}
 .bafleh-public-body .checkout-step-heading{margin-bottom:16px}
 .bafleh-public-body .checkout-summary{padding:20px 16px}
 .bafleh-public-body .commerce-option-wrap .commerce-option{padding:14px}
 .bafleh-public-body .tabby-card-host{padding:0 12px 12px}
}
