.rb-checkout-lock{overflow:hidden}
.rb-checkout-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(20,34,30,.46);backdrop-filter:blur(5px);display:none;align-items:flex-end;justify-content:center;padding:12px}
.rb-checkout-backdrop.is-open{display:flex}
.rb-checkout{direction:rtl;width:min(680px,100%);max-height:min(90vh,820px);overflow:auto;background:#fbf5e9;border:1px solid rgba(23,61,52,.18);border-radius:28px 28px 18px 18px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:18px}
.rb-checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.rb-checkout-title{margin:0;font-family:BuNotza,Rubik,Arial,sans-serif;font-size:34px;line-height:1.05;color:#173d34}
.rb-checkout-sub{margin:5px 0 0;font-family:Rubik,Arial,sans-serif;font-size:15px;line-height:1.45;color:#365a50}
.rb-checkout-close{appearance:none;border:0;background:rgba(23,61,52,.08);width:38px;height:38px;border-radius:50%;font-size:25px;line-height:1;color:#173d34;cursor:pointer}
.rb-checkout-section{padding:14px 0;border-top:1px solid rgba(23,61,52,.12)}
.rb-checkout-section:first-of-type{border-top:0}
.rb-checkout-label{display:block;font-family:Rubik,Arial,sans-serif;font-weight:600;font-size:15px;margin:0 0 8px;color:#173d34}
.rb-qty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rb-choice{position:relative}
.rb-choice input{position:absolute;opacity:0;pointer-events:none}
.rb-choice span{display:flex;min-height:62px;align-items:center;justify-content:center;text-align:center;padding:8px;border:1px solid rgba(23,61,52,.18);border-radius:14px;background:rgba(255,255,255,.45);font-family:Rubik,Arial,sans-serif;font-size:14px;line-height:1.25;cursor:pointer}
.rb-choice input:checked+span{border-color:#173d34;background:rgba(23,61,52,.09);box-shadow:inset 0 0 0 1px #173d34}
.rb-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rb-field-full{grid-column:1/-1}
.rb-field label{display:block;font-family:Rubik,Arial,sans-serif;font-size:13px;margin:0 0 5px;color:#365a50}
.rb-field input{width:100%;box-sizing:border-box;border:1px solid rgba(23,61,52,.2);border-radius:12px;background:rgba(255,255,255,.7);padding:11px 12px;font-family:Rubik,Arial,sans-serif;font-size:16px;color:#173d34;outline:none}
.rb-field input:focus{border-color:#173d34;box-shadow:0 0 0 2px rgba(23,61,52,.08)}
.rb-fulfillment{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rb-shipping-fields[hidden]{display:none!important}
.rb-coupon-row{display:grid;grid-template-columns:1fr;gap:6px}
.rb-coupon-note{font-family:Rubik,Arial,sans-serif;font-size:12px;line-height:1.4;color:#60776f;margin:0}
.rb-checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:rgba(23,61,52,.08);margin-top:2px}
.rb-checkout-summary span{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#365a50}
.rb-checkout-summary strong{font-family:Rubik,Arial,sans-serif;font-size:24px;color:#173d34}
.rb-checkout-submit{width:100%;border:0;border-radius:999px;background:#173d34;color:#fff;padding:13px 18px;font-family:Rubik,Arial,sans-serif;font-size:17px;font-weight:600;cursor:pointer;margin-top:12px}
.rb-checkout-status{min-height:20px;margin:8px 2px 0;font-family:Rubik,Arial,sans-serif;font-size:13px;line-height:1.4;text-align:center;color:#365a50}
body.checkout-preview .bundle-offer{display:none!important}
body.checkout-preview .benefit-hint::after{content:" · בחירת כמות וקופון מתבצעת בחלון הרכישה";font-weight:400}
@media(min-width:720px){.rb-checkout-backdrop{align-items:center}.rb-checkout{border-radius:28px;padding:22px}}
@media(max-width:520px){.rb-fields{grid-template-columns:1fr}.rb-field-full{grid-column:auto}.rb-qty-grid{grid-template-columns:1fr 1fr 1fr}.rb-checkout{padding:15px}.rb-checkout-title{font-size:31px}}

/* Coupon entry: secondary action, compact and readable on mobile and desktop. */
.rb-coupon{margin:12px 0 4px;text-align:center}
.rb-coupon-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:9px 18px!important;border:1px solid rgba(23,61,52,.32)!important;border-radius:999px;background:transparent!important;color:#173d34!important;text-decoration:none!important;font:500 14px/1.35 Rubik,Arial,sans-serif!important;cursor:pointer}
.rb-coupon-toggle:focus-visible,.rb-coupon-entry button:focus-visible{outline:3px solid #648c80;outline-offset:3px}
.rb-coupon-panel{max-width:430px;margin:10px auto 0;padding:12px;border:1px solid rgba(23,61,52,.18);border-radius:16px;background:rgba(255,255,255,.38);text-align:right}
.rb-coupon-panel label{font:500 13px Rubik,Arial,sans-serif;color:#173d34}
.rb-coupon-entry{display:flex;gap:8px;align-items:stretch}
.rb-coupon-entry input{width:100%;min-width:0;flex:1;background:#fff!important;border:1px solid rgba(23,61,52,.28)!important;border-radius:10px!important;padding:10px 12px!important;font:16px Rubik,Arial,sans-serif!important;color:#173d34!important;direction:ltr;text-align:left}
.rb-coupon-entry button{flex:none;min-height:44px;border:0!important;border-radius:10px!important;background:#173d34!important;color:#fff!important;padding:9px 16px!important;font:500 14px Rubik,Arial,sans-serif!important;cursor:pointer}
.rb-coupon-status{min-height:0;margin:8px 0 0;font:13px/1.5 Rubik,Arial,sans-serif;color:#365a50}
.rb-coupon-status:empty{display:none}
@media(max-width:520px){.rb-coupon-panel{padding:10px}.rb-coupon-toggle{width:auto!important}.rb-coupon-entry button{padding:9px 13px!important}}
