:root{--wb-brand:#33EE44;--wb-dark:#004433;--wb-dark-2:#00382a;--wb-text:#10231d;--wb-muted:#6d7d77;--wb-line:#dfe9e5;--wb-soft:#f4fbf7;--wb-white:#fff;--wb-danger:#d94747;}

/* WhatsBot typography: use the same Lama Sans family loaded globally. */
.wb-payment-page,
.wb-payment-page h1,
.wb-payment-page h2,
.wb-payment-page h3,
.wb-payment-page h4,
.wb-payment-page h5,
.wb-payment-page h6,
.wb-payment-page p,
.wb-payment-page a,
.wb-payment-page span:not(.fa-layers-counter),
.wb-payment-page label,
.wb-payment-page small,
.wb-payment-page strong,
.wb-payment-page b,
.wb-payment-page button,
.wb-payment-page input,
.wb-payment-page select,
.wb-payment-page textarea,
.wb-payment-page option,
.wb-payment-page table,
.wb-payment-page th,
.wb-payment-page td,
.wb-payment-page .btn,
.wb-payment-page .form-control,
.wb-payment-page .form-select,
.wb-payment-page .select2-container,
.wb-payment-page .select2-dropdown {
    font-family:"Lama Sans",Arial,sans-serif!important;
}
.wb-payment-page{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
*{box-sizing:border-box}.wb-payment-page{margin:0;min-height:100vh;min-height:100svh;background:#f4f8f6;color:var(--wb-text);overflow-x:hidden;overflow-y:auto;scroll-padding-top:20px}.wb-checkout-layout{display:grid;grid-template-columns:minmax(360px,42%) minmax(0,58%);align-items:start;min-height:100vh;min-height:100svh;width:100%}.wb-payment-hero{position:sticky;top:0;align-self:start;overflow-x:hidden;overflow-y:auto;background:var(--wb-dark);color:#fff;height:100vh;height:100svh;min-height:0;overscroll-behavior:contain}.wb-payment-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 25%,rgba(51,238,68,.13) 0 2px,transparent 3px),radial-gradient(circle at 75% 70%,rgba(255,255,255,.06) 0 2px,transparent 3px);background-size:44px 44px,62px 62px}.wb-payment-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;padding:max(28px,env(safe-area-inset-top)) clamp(34px,5vw,72px) max(34px,env(safe-area-inset-bottom));max-width:720px;margin:0 auto}.wb-hero-decoration{position:absolute;border-radius:50%;pointer-events:none}.wb-hero-decoration-one{width:420px;height:420px;top:-170px;right:-120px;background:rgba(51,238,68,.13);border:1px solid rgba(51,238,68,.16)}.wb-hero-decoration-two{width:250px;height:250px;bottom:-100px;left:-60px;background:rgba(51,238,68,.08);border:1px solid rgba(255,255,255,.07)}.wb-hero-logo-wrap{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:68px;padding:12px 18px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.18);margin-bottom:clamp(26px,4vh,42px);flex:0 0 auto}.wb-hero-logo{display:block;max-width:230px;max-height:46px;width:auto;height:auto;object-fit:contain}.wb-hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--wb-brand);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px}.wb-hero-kicker i{font-size:17px}.wb-hero-copy h1{color:#fff!important;font-size:clamp(34px,4.3vw,58px);line-height:1.08;font-weight:900;margin:0 0 20px;letter-spacing:-.04em}.wb-hero-copy p{color:rgba(255,255,255,.78)!important;font-size:16px;line-height:1.85;max-width:590px;margin:0}.wb-trust-list{display:grid;gap:12px;margin-top:clamp(24px,4vh,38px)}.wb-trust-item{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:16px;backdrop-filter:blur(8px)}.wb-trust-item>span{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:rgba(51,238,68,.13);color:var(--wb-brand);font-size:18px}.wb-trust-item strong,.wb-trust-item small{display:block}.wb-trust-item strong{color:#fff;font-size:14px;margin-bottom:3px}.wb-trust-item small{color:rgba(255,255,255,.64);font-size:11px;line-height:1.5}.wb-hero-footer{display:flex;align-items:center;gap:8px;margin-top:clamp(24px,4vh,34px);color:rgba(255,255,255,.55);font-size:11px;padding-bottom:2px}.wb-hero-footer i{color:var(--wb-brand)}
.wb-payment-main{min-width:0;min-height:100vh;min-height:100svh;overflow:visible;background:#f6faf8}.payment-wrap{min-height:100%;background:transparent!important}.wb-checkout-container{width:min(100%,920px);margin:0 auto;padding:max(30px,env(safe-area-inset-top)) clamp(20px,4vw,58px) max(48px,env(safe-area-inset-bottom))}.wb-checkout-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.wb-back-link{display:inline-flex;align-items:center;gap:9px;color:var(--wb-dark)!important;font-weight:800;font-size:13px;text-decoration:none!important}.wb-back-link:hover{color:#00775b!important}.wb-back-link i{transform:translateX(0);transition:transform .18s ease}[dir="rtl"] .wb-back-link i{transform:rotate(180deg)}.wb-back-link:hover i{transform:translateX(-3px)}[dir="rtl"] .wb-back-link:hover i{transform:rotate(180deg) translateX(-3px)}.wb-secure-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #cde6d9;background:#fff;color:var(--wb-dark);border-radius:999px;padding:9px 13px;font-weight:800;font-size:11px}.wb-secure-pill i{color:#16a361}.wb-mobile-brand{display:none}.wb-mobile-brand img{max-height:34px;max-width:150px;object-fit:contain}.wb-plan-summary{display:flex;align-items:flex-start;gap:18px;padding:25px;border:1px solid #d8e7e0;background:#fff;border-radius:22px;box-shadow:0 14px 38px rgba(0,68,51,.07);margin-bottom:20px}.wb-plan-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 54px;border-radius:16px;background:var(--wb-dark);color:var(--wb-brand);font-size:22px}.wb-section-eyebrow{display:block;color:#158953;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.wb-plan-heading h2{color:var(--wb-text)!important;font-size:25px;font-weight:900;line-height:1.2;margin:0 0 6px}.wb-plan-heading p{color:var(--wb-muted)!important;font-size:12px;line-height:1.7;margin:0}.wb-checkout-section{padding:23px;border:1px solid #dfe9e5;background:#fff;border-radius:22px;box-shadow:0 10px 30px rgba(0,68,51,.045);margin-bottom:18px}.wb-section-heading{margin-bottom:18px}.wb-section-heading>div{display:flex;align-items:flex-start;gap:12px}.wb-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#eaffed;color:var(--wb-dark);font-weight:900;font-size:12px}.wb-section-heading h3{color:var(--wb-text)!important;font-size:16px;font-weight:900;margin:0 0 4px}.wb-section-heading p{color:var(--wb-muted)!important;font-size:11px;margin:0;line-height:1.55}.wb-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wb-billing-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:16px;border:1.5px solid #dbe7e2;border-radius:17px;background:#fbfdfc;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.wb-billing-option:hover{border-color:#75da88;background:#f7fff8;transform:translateY(-1px)}.wb-billing-option.is-active{border-color:var(--wb-brand);background:#f1fff3;box-shadow:0 0 0 3px rgba(51,238,68,.11)}.wb-billing-option input{position:absolute;opacity:0;pointer-events:none}.wb-radio-mark{width:19px;height:19px;border-radius:50%;border:2px solid #b5c9c0;position:relative}.wb-billing-option.is-active .wb-radio-mark{border-color:#0ba75a}.wb-billing-option.is-active .wb-radio-mark:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0ba75a}.wb-billing-copy strong,.wb-billing-copy small,.wb-billing-price small{display:block}.wb-billing-copy strong{color:var(--wb-text);font-size:13px;font-weight:900;margin-bottom:4px}.wb-billing-copy small{color:var(--wb-muted);font-size:10px}.wb-billing-price{text-align:end;color:var(--wb-dark);font-size:18px;font-weight:900}.wb-billing-price small{color:var(--wb-muted);font-size:9px;font-weight:600;margin-top:3px}.wb-coupon-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;border:1px solid #dce7e2;border-radius:15px;background:#fafdfb;overflow:hidden;padding-inline-start:14px}.wb-coupon-control>i{color:#12a765}.wb-coupon-control input{height:48px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.wb-coupon-btn{height:40px;margin:4px;border-radius:11px!important;background:var(--wb-dark)!important;color:#fff!important;border:0!important;font-weight:900!important;font-size:11px!important;padding:0 20px!important}.wb-coupon-btn:hover{background:#006b51!important;color:#fff!important}.wb-order-card{border:1px dashed #cdded6;border-radius:17px;background:#fbfdfc;padding:8px 17px}.wb-order-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 2px;color:var(--wb-muted);font-size:12px}.wb-order-row strong{color:var(--wb-text);font-weight:800}.wb-discount-row span,.wb-discount-row strong{color:#14965a}.wb-order-divider{height:1px;background:#e3ebe7}.wb-total-row{font-size:14px;color:var(--wb-text);font-weight:900}.wb-total-row strong{color:var(--wb-dark);font-size:22px}.wb-money{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.wb-riyal-symbol{width:18px;height:18px;object-fit:contain;display:inline-block}.wb-total-row .wb-riyal-symbol,.wb-billing-price .wb-riyal-symbol{width:21px;height:21px}.wb-currency-symbol{font-size:.82em}.wb-payment-methods-grid{margin-left:-6px!important;margin-right:-6px!important}.wb-payment-methods-grid>[class*="col-"]{padding-left:6px!important;padding-right:6px!important}.wb-payment-methods-grid .card{height:100%;margin:0!important;border:1px solid #dce8e2!important;border-radius:17px!important;box-shadow:none!important;overflow:hidden;background:#fff!important;transition:border-color .18s,box-shadow .18s,transform .18s}.wb-payment-methods-grid .card:hover{border-color:#48d86a!important;box-shadow:0 12px 28px rgba(0,68,51,.08)!important;transform:translateY(-2px)}.wb-payment-methods-grid .card-body{display:flex!important;align-items:center!important;min-height:86px!important;padding:14px!important;background:#fff!important;color:var(--wb-text)!important;text-decoration:none!important}.wb-payment-methods-grid .card-body:hover{background:#f5fff7!important}.wb-payment-methods-grid img.w-60,.wb-payment-methods-grid .card-body>img{width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;max-height:58px!important;object-fit:contain!important;border:1px solid #e4ece8!important;border-radius:13px!important;background:#fff!important;padding:7px!important;margin-inline-end:12px!important;margin-inline-start:0!important}.wb-payment-methods-grid .fw-6{color:var(--wb-text)!important;font-size:13px!important;font-weight:900!important}.wb-payment-methods-grid .text-gray-500{color:var(--wb-muted)!important;font-size:10px!important;margin-top:3px}.wb-no-methods{text-align:center;padding:30px 20px;border:1px dashed #cdded6;border-radius:17px;background:#fbfdfc}.wb-no-methods i{font-size:32px;color:#19a760;margin-bottom:10px}.wb-no-methods h4{font-size:14px;font-weight:900;margin-bottom:5px}.wb-no-methods p{font-size:11px;color:var(--wb-muted);margin:0}.wb-checkout-footer{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:#73827d;font-size:10px;padding-top:8px}.wb-checkout-footer span{display:inline-flex;align-items:center;gap:6px}.wb-checkout-footer i{color:#12a765}
@media(max-width:1150px){.wb-checkout-layout{grid-template-columns:38% 62%}.wb-payment-hero-inner{padding:max(26px,env(safe-area-inset-top)) 34px max(30px,env(safe-area-inset-bottom))}.wb-hero-copy h1{font-size:37px}.wb-trust-item{padding:12px}}
@media(max-width:920px){.wb-payment-page{overflow-x:hidden;overflow-y:auto}.wb-checkout-layout{display:block}.wb-payment-hero{display:none}.wb-payment-main{min-height:100vh;min-height:100svh;overflow:visible}.wb-mobile-brand{display:block}.wb-checkout-container{padding-top:max(18px,env(safe-area-inset-top))}.wb-checkout-topbar{position:sticky;top:0;z-index:10;background:rgba(246,250,248,.94);backdrop-filter:blur(12px);padding:10px 0;margin-bottom:16px}}
@media(max-width:640px){.wb-checkout-container{padding:14px 12px 28px}.wb-mobile-brand{order:-1}.wb-back-link span{display:none}.wb-plan-summary,.wb-checkout-section{padding:17px;border-radius:18px}.wb-plan-summary{gap:12px}.wb-plan-icon{width:46px;height:46px;flex-basis:46px}.wb-plan-heading h2{font-size:21px}.wb-billing-grid{grid-template-columns:1fr}.wb-billing-option{min-height:82px}.wb-payment-methods-grid>[class*="col-"]{width:100%!important}.wb-secure-pill{padding:8px 10px}.wb-checkout-footer{gap:12px}}

@media(min-width:921px) and (max-height:760px){.wb-payment-hero-inner{padding-top:22px;padding-bottom:24px}.wb-hero-logo-wrap{min-height:58px;margin-bottom:22px}.wb-hero-logo{max-height:38px}.wb-hero-kicker{margin-bottom:12px}.wb-hero-copy h1{font-size:34px;margin-bottom:12px}.wb-hero-copy p{font-size:13px;line-height:1.65}.wb-trust-list{margin-top:20px;gap:9px}.wb-trust-item{padding:10px 12px}.wb-trust-item>span{width:36px;height:36px;flex-basis:36px}.wb-hero-footer{margin-top:18px}}
[dir="rtl"] .wb-billing-price{text-align:start}[dir="rtl"] .wb-payment-methods-grid img.w-60,[dir="rtl"] .wb-payment-methods-grid .card-body>img{margin-inline-end:12px!important;margin-inline-start:0!important}