.checkoutPaymentStep{display:block}.checkoutPaymentStep.hidden{display:none}.paymentExperience{margin-top:14px}.paymentPlaceholder,.paymentLoading{min-height:180px;border:1px dashed var(--line,#d8dce5);border-radius:20px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:24px}.paymentPlaceholder>span{font-size:34px}.paymentPlaceholder b,.paymentLoading b{font-size:17px}.paymentPlaceholder small,.paymentLoading small{color:var(--muted,#667085)}.paymentLoading>span{width:28px;height:28px;border:3px solid #e4e7ec;border-top-color:var(--primary,#1b2454);border-radius:50%;animation:paySpin .8s linear infinite}@keyframes paySpin{to{transform:rotate(360deg)}}.moyasarPaymentShell{background:#fff;border:1px solid var(--line,#e4e7ec);border-radius:22px;padding:14px;overflow:hidden}.securePaymentNote,.mockPaymentPrivacy{border-radius:12px;padding:10px 12px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:700;line-height:1.7;margin-bottom:12px}.mockPaymentCard{border:1px solid var(--line,#e4e7ec);background:#fff;border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.mockPaymentBadge{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px;display:inline-flex;margin-bottom:14px}.mockPaymentHeader{display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:linear-gradient(135deg,#1b2454,#334155);color:#fff;padding:18px;margin-bottom:16px}.mockPaymentHeader div{display:grid;gap:3px}.mockPaymentHeader b{font-size:22px}.mockPaymentHeader span{font-weight:900;font-style:italic;font-size:19px}.mockPaymentCard form{display:grid;gap:12px}.mockPaymentCard label{display:grid;gap:6px;font-weight:800;font-size:13px}.mockPaymentCard input{width:100%;min-height:48px;border:1px solid #d0d5dd;border-radius:13px;padding:10px 12px;font:inherit;direction:ltr;text-align:left}.mockPaymentGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mockPaySubmit{width:100%;min-height:52px}.mysr-form{direction:ltr}.mysr-form .mysr-form-button{font-family:'Cairo',sans-serif!important}@media(max-width:560px){.mockPaymentGrid{grid-template-columns:1fr}.mockPaymentCard,.moyasarPaymentShell{padding:12px;border-radius:18px}}
/* 20.9.91 — clean end-user payment surface */
.paymentStepTitle{margin-bottom:8px}.paymentStepTitle b{font-size:20px}.paymentStepTitle span{display:none!important}
#reviewPaymentMethodField.hidden{display:none!important}.paymentExperience{margin-top:8px}
.mockPaymentCard{padding:18px}.mockPaymentBadge,.mockPaymentPrivacy,.securePaymentNote{display:none!important}
.mockPaymentHeader{background:#fff;color:#101828;border:1px solid #eaecf0;padding:14px 16px;gap:14px;flex-wrap:wrap}
.mockPaymentHeader small{color:#667085;font-weight:700}.mockPaymentHeader b{color:#101828;font-size:24px}
.paymentBrandStrip{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;direction:ltr}
.payBrand{height:30px;min-width:48px;padding:4px 7px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font:900 12px/1 Arial,sans-serif;letter-spacing:.02em;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.payBrand.visa{color:#1434CB;font-style:italic;font-size:15px}.payBrand.mada{color:#16a085;font-size:14px}.payBrand.amex{background:#2b7bbb;color:#fff}.payBrand.unionpay{color:#d71920;font-size:10px;min-width:62px}
.payBrand.mastercard{position:relative;min-width:50px;border:0;box-shadow:none;background:transparent;padding:0}.payBrand.mastercard i{position:absolute;width:25px;height:25px;border-radius:50%;top:2px}.payBrand.mastercard i:first-child{background:#eb001b;left:6px}.payBrand.mastercard i:last-child{background:#f79e1b;right:6px;mix-blend-mode:multiply}
.mockPaymentCard form{gap:14px}.mockPaymentCard label{font-size:13px;color:#344054}.mockPaymentCard input{min-height:52px;border-radius:12px;font-size:16px}.mockPaySubmit{margin-top:2px}
.paymentPlaceholder{min-height:120px;border-style:solid;background:#fff}.paymentPlaceholder small{display:none}.paymentLoading{min-height:120px;border-style:solid;background:#fff}
@media(max-width:560px){.mockPaymentHeader{align-items:flex-start}.paymentBrandStrip{justify-content:flex-start;width:100%}.payBrand{height:28px}.mockPaymentGrid{grid-template-columns:1fr 1fr}.mockPaymentCard input{min-height:50px}}