.checkout-page{--checkout-ink:#17213e;--checkout-muted:#697187;min-height:100vh;color:var(--checkout-ink);background:#f7f8fc;padding:22px 0 96px;font-family:FrutigerArabic,sans-serif;line-height:1.8}.checkout-page *{box-sizing:border-box}.checkout-container{width:min(1000px,100% - 48px);margin-inline:auto}.checkout-header{border-bottom:1px solid #e4e7ef;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.checkout-brand{color:var(--checkout-ink);direction:ltr;align-items:center;gap:7px;font-size:16px;font-weight:900;text-decoration:none;display:inline-flex}.checkout-brand img{object-fit:contain;margin-right:3px}.checkout-brand span{color:#ff5535}.checkout-page .checkout-back{min-height:44px;color:var(--checkout-muted);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.checkout-back:hover{color:#bd2e59}.checkout-intro{padding:30px 0 24px}.checkout-intro h1{margin:0 0 5px;font-size:30px;font-weight:900;line-height:1.5}.checkout-intro p{color:var(--checkout-muted);margin:0;font-size:14px}.checkout-order-card{background:#fff;border:1px solid #e4e7ef;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;display:grid;overflow:hidden;box-shadow:0 20px 65px -40px #17213e45}.checkout-summary,.checkout-payment{min-width:0;padding:34px}.checkout-summary{color:var(--checkout-ink);background:linear-gradient(145deg,#fff7ee,#f1f4f9);position:relative}.checkout-summary:before{content:"";background:linear-gradient(90deg,#ffa826,#ff5535,#d9187a);height:3px;position:absolute;inset:0 0 auto}.checkout-section-label{color:#6b6470;margin:0 0 24px;font-size:13px;font-weight:700}.checkout-service{color:#994209;overflow-wrap:anywhere;margin-bottom:10px;font-size:13px;display:block}.checkout-page .checkout-plan-name{text-align:center;overflow-wrap:anywhere;background:#ffffffb3;border:1px solid #e4d3c5;border-radius:12px;margin:0 0 12px;padding:11px 12px;font-size:23px;font-weight:900;line-height:1.6}.checkout-tagline{color:#626b7d;overflow-wrap:anywhere;margin:0 0 26px;font-size:14px;line-height:1.9}.checkout-sar-total{border-block:1px solid #dedee5;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.checkout-sar-total>span{color:#626b7d;font-size:13px}.checkout-sar-total strong{white-space:nowrap;align-items:center;gap:5px;font-size:30px;font-weight:900;line-height:1.4;display:inline-flex}.checkout-features{margin-top:18px}.checkout-features summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;list-style:none;display:flex}.checkout-features summary::-webkit-details-marker{display:none}.checkout-features summary svg{flex:none;transition:transform .2s}.checkout-features[open] summary svg{transform:rotate(180deg)}.checkout-features ul{color:#626b7d;margin:0;padding:10px 18px 0 0;font-size:13px;line-height:1.9}.checkout-features li{overflow-wrap:anywhere;margin-bottom:10px;padding-inline-start:4px}.checkout-features li::marker{color:#ffad54}.checkout-payment-heading{align-items:center;gap:10px;margin-bottom:24px;display:flex}.checkout-payment-heading h2{margin:0;font-size:18px;font-weight:900}.checkout-lock{color:#8a3163;background:#f5f4fa;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.checkout-amount-label{color:var(--checkout-muted);margin:0 0 5px;font-size:14px}.checkout-amount{flex-wrap:wrap;align-items:baseline;gap:9px;margin:0 0 7px;font-size:clamp(28px,3.3vw,38px);line-height:1.5;display:flex}.checkout-amount strong{letter-spacing:-.8px;font-size:clamp(28px,3.3vw,38px);font-weight:900}.checkout-amount>span{color:var(--checkout-muted);font-size:16px;font-weight:700}.checkout-amount .riyal-symbol{align-self:center}.checkout-equivalent{color:var(--checkout-muted);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.7;display:flex}.checkout-equivalent bdi{font-weight:500}.checkout-conversion-note{color:var(--checkout-muted);margin:0 0 24px;font-size:12px}.checkout-page .checkout-pay-button{color:#0a0e26;width:100%;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(110deg,#ffa826,#ff5535 53%,#d9187a);border:0;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:12px 18px;font-size:17px;font-weight:900;transition:transform .2s,filter .2s,box-shadow .2s;display:flex}.checkout-page .checkout-pay-button:enabled:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 20px #d9187a26}.checkout-page .checkout-pay-button:disabled{cursor:not-allowed;color:#747c8e;box-shadow:none;filter:none;background:#e8eaf0;transform:none}.checkout-payment-status{color:var(--checkout-muted);text-align:center;margin:12px 0 20px;font-size:12px}.checkout-payment-status.unavailable{color:#a42e45;background:#fff2f3;border-radius:10px;padding:10px}.checkout-payment-note{color:var(--checkout-muted);border-top:1px solid #e9ebf2;margin:0 0 14px;padding-top:18px;font-size:12px;line-height:1.9}.checkout-terms{color:var(--checkout-muted);margin:0;font-size:12px;line-height:1.9}.checkout-page .checkout-terms a{color:#96325c;text-underline-offset:4px;text-decoration-thickness:1px}.checkout-error{color:#a42e45;background:#fff2f3;border:1px solid #f1cfd5;border-radius:10px;margin:10px 0;padding:12px;font-size:14px}.checkout-page a:focus-visible,.checkout-page button:focus-visible,.checkout-features summary:focus-visible{outline-offset:4px;outline:3px solid #ff983d}.checkout-empty{text-align:center;margin-top:70px}.checkout-empty h1{font-size:28px}.checkout-empty p{color:var(--checkout-muted)}.checkout-empty a{color:#96325c;align-items:center;min-height:44px;display:inline-flex}@media (max-width:700px){.checkout-page{padding-top:14px}.checkout-container{width:calc(100% - 32px)}.checkout-header{gap:12px;padding-bottom:12px}.checkout-brand{gap:5px;font-size:14px}.checkout-brand img{width:29px;height:33px}.checkout-page .checkout-back{gap:5px;font-size:12px}.checkout-intro{padding:22px 0 18px}.checkout-intro h1{font-size:25px}.checkout-intro p{font-size:13px}.checkout-order-card{border-radius:20px;grid-template-columns:minmax(0,1fr)}.checkout-summary,.checkout-payment{padding:24px}.checkout-section-label{margin-bottom:14px}.checkout-page .checkout-plan-name{font-size:20px}.checkout-tagline{margin-bottom:16px;font-size:13px}.checkout-sar-total{padding:14px 0}.checkout-sar-total strong{font-size:26px}.checkout-features{margin-top:10px}.checkout-payment-heading{margin-bottom:18px}.checkout-amount,.checkout-amount strong{font-size:32px}.checkout-conversion-note{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.checkout-page .checkout-pay-button,.checkout-features summary svg{transition:none}.checkout-page .checkout-pay-button:enabled:hover{transform:none}}.checkout-page .checkout-panel{background:#fff;border:1px solid #e4e7ef;border-radius:24px;min-width:0;padding:30px;box-shadow:0 5px 24px #17213e0a}@media (max-width:700px){.checkout-page .checkout-panel{padding:24px}}.checkout-currency-details{border:1px solid #e4e7ef;border-radius:10px;margin:10px 0 12px;padding:0 12px}.checkout-currency-details summary{cursor:pointer;min-height:44px;color:var(--checkout-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:500;list-style:none;display:flex}.checkout-currency-details summary::-webkit-details-marker{display:none}.checkout-currency-details[open] summary svg{transform:rotate(180deg)}.checkout-currency-details .checkout-equivalent{border-top:1px solid #e4e7ef;margin-bottom:12px;padding-top:10px}.checkout-currency-details summary:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #ff983d}
