.payment-main{background:#fff}.payment-stage{position:relative;isolation:isolate;overflow:hidden;background:#f8faf9}.payment-pattern{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='260' viewBox='0 0 320 260' fill='none' stroke='%23123456' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(24 28)'%3E%3Cpath d='M3 17a17 17 0 0 1 34 0H3Z'/%3E%3Cpath d='M20 17v19c0 6 9 6 9 0'/%3E%3C/g%3E%3Cg transform='translate(120 25)'%3E%3Ccircle cx='16' cy='8' r='5'/%3E%3Ccircle cx='5' cy='14' r='4'/%3E%3Ccircle cx='27' cy='14' r='4'/%3E%3Cpath d='M7 33c0-9 4-14 9-14s9 5 9 14M0 34c0-7 2-11 6-12m26 12c0-7-2-11-6-12'/%3E%3C/g%3E%3Cpath d='m253 30 3.5 8 8.5.8-6.4 5.7 1.9 8.3-7.5-4.4-7.5 4.4 1.9-8.3-6.4-5.7 8.5-.8 3.5-8Z'/%3E%3Cg transform='translate(45 130)'%3E%3Cpath d='M18 2 33 8v11c0 9-6 16-15 21C9 35 3 28 3 19V8l15-6Z'/%3E%3Cpath d='m11 21 5 5 10-11'/%3E%3C/g%3E%3Cg transform='translate(160 132)'%3E%3Cpath d='M3 28h37M8 28V13h27v15M12 13V6h19v7M10 34h4m16 0h4M16 19h4m7 0h4M21 19v9'/%3E%3Ccircle cx='8' cy='34' r='3'/%3E%3Ccircle cx='34' cy='34' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:320px 260px}.payment-stage-inner{position:relative;display:grid;gap:2rem;padding-block:2.5rem 3rem}.payment-card-column{display:grid;min-width:0;gap:.9rem}.payment-heading{align-self:center;max-width:31rem}.payment-eyebrow{display:inline-block;margin-bottom:1.25rem;color:#627264;font-size:.72rem;font-weight:800;letter-spacing:.13em}.payment-heading h1{max-width:12ch;margin:0;color:#123456;font-size:clamp(2.25rem,5.2vw,4.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.03}.payment-heading p{margin-top:1.1rem;color:#35485a;font-size:1.05rem;line-height:1.55}.payment-details-card{min-width:0;border:1px solid #e3e9e6;border-radius:18px;background:#fff;padding:1.25rem;box-shadow:0 18px 48px #12345617,0 3px 10px #1234560a}.payment-card-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}.payment-card-title h2{margin:0;color:#123456;font-size:1.22rem;font-weight:800}.payment-card-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:10px;background:#f3f6f4;color:#123456}.payment-fields,.payment-identity-fields{display:grid;gap:1rem}.payment-field-label{display:block;margin-bottom:.45rem;color:#123456;font-size:.82rem;font-weight:700}.payment-hint{margin-top:.4rem;color:#627264;font-size:.75rem;line-height:1.45}.payment-error{border-left:4px solid #123456;padding:.65rem .8rem;color:#123456;font-weight:600;line-height:1.4}.payment-summary{margin-top:1.35rem;border-top:1px solid #e5e9e6;padding-top:1.2rem}.payment-policy{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 1.1rem}.payment-policy>div{min-width:0;border-left:2px solid #ffbb33;padding-left:.65rem}.payment-policy dt{color:#627264;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.payment-policy dd{margin:.25rem 0 0;color:#123456;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.payment-monthly-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;color:#35485a;font-size:.82rem}.payment-monthly-row strong{color:#123456;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}.payment-total-row{display:flex;min-height:3.2rem;align-items:end;justify-content:flex-end;gap:.75rem;border-top:1px solid #e5e9e6;padding-top:.95rem;text-align:right}.payment-advance-label{margin-right:auto;color:#627264;font-size:.75rem;font-weight:700}.payment-total-row strong{color:#128c46;font-size:clamp(2rem,5vw,2.7rem);font-weight:800;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums}.payment-total-label{margin-top:.35rem;color:#627264;font-size:.75rem;font-style:italic;text-align:right}.payment-method-heading{display:flex;align-items:center;gap:.65rem;margin-top:1.55rem}.payment-method-heading h3{margin:0;color:#123456;font-size:.95rem;font-weight:800}.payment-required{border-radius:999px;background:#c34040;padding:.25rem .55rem;color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.payment-method-prompt{margin-top:.35rem;color:#627264;font-size:.78rem}.payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.9rem}.payment-methods.is-closed{opacity:.48}.payment-method{position:relative;display:flex;min-width:0;min-height:3.25rem;cursor:pointer;align-items:center;justify-content:center;border:1px solid #dce3e0;border-radius:9px;background:#fff;padding:.5rem .35rem;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.payment-method:hover:not(.is-unavailable){transform:translateY(-1px);border-color:#123456}.payment-method input{position:absolute;width:1px;height:1px;opacity:0}.payment-method:focus-within{outline:3px solid #6daedb;outline-offset:2px}.payment-method-name{color:#123456;font-size:clamp(.69rem,1vw,.82rem);font-weight:800;letter-spacing:-.02em;white-space:nowrap}.payment-brand-ecocash .payment-method-name{color:#df3b36}.payment-brand-onemoney .payment-method-name{color:#21834b}.payment-brand-omari .payment-method-name{color:#ab2859}.payment-brand-innbucks .payment-method-name{color:#438b4b}.payment-brand-zimswitch .payment-method-name{color:#144b8b}.payment-brand-visa .payment-method-name{color:#1d3975;font-style:italic}.payment-method-check{position:absolute;top:-6px;right:-5px;display:none;width:17px;height:17px;place-items:center;border-radius:50%;background:#123456;color:#fff}.payment-method.is-selected{border:2px solid #123456;background:#f8faf9;padding:calc(.5rem - 1px) calc(.35rem - 1px)}.payment-method.is-selected .payment-method-check{display:grid}.payment-method.is-unavailable{cursor:not-allowed}.payment-method-hint{margin-top:.65rem;color:#627264;font-size:.74rem}.payment-phone-field{margin-top:1rem}.payment-phone-control{display:flex;min-height:46px;align-items:center;border:1px solid #c8c6bc;border-radius:8px;background:#fff}.payment-phone-control>span{flex:0 0 auto;padding-left:.8rem;color:#123456;font-weight:700}.payment-phone-control .field{min-width:0;border:0;border-radius:0 8px 8px 0}.payment-phone-control:focus-within{outline:3px solid #6daedb;outline-offset:1px}.payment-continue{display:flex;width:100%;min-height:3.25rem;align-items:center;justify-content:center;gap:.6rem;margin-top:1.15rem;border:2px solid #123456;border-radius:8px;background:#123456;color:#fff;cursor:pointer;font-size:.9rem;font-weight:800;transition:background-color .15s ease,color .15s ease}.payment-continue:hover:not(:disabled){background:#fff;color:#123456}.payment-continue:disabled{cursor:not-allowed;opacity:.48}.payment-reference-note{margin-top:.65rem;color:#627264;font-size:.72rem;text-align:center}.payment-closed-notice{margin-top:1.1rem;border-left:4px solid #ffbb33;background:#f8faf9;padding:1rem}.payment-closed-notice h3{color:#123456;font-size:.95rem;font-weight:800}.payment-closed-notice p{margin-top:.45rem;color:#35485a;font-size:.82rem;line-height:1.5}.payment-result{display:grid;gap:1.25rem}.payment-code{overflow-wrap:anywhere;border:1px solid #C8C6BC;background:#fff;padding:1rem;color:#123456;font-size:clamp(1.5rem,7vw,2.25rem);font-weight:800;letter-spacing:.06em;line-height:1.15;text-align:left}.payment-status{border:1px solid #C8C6BC;border-left:5px solid #123456;background:#fff;padding:1.25rem}.payment-status.is-paid{border-left-color:#128c46;background:#128c46;color:#fff}.payment-status.is-paid h2{color:#fff}.payment-status.is-failed{border-left-color:#123456}.payment-status h2{margin:0;color:#123456;font-size:1.1rem;font-weight:800;line-height:1.25}.payment-spinner{width:1.15rem;height:1.15rem;flex:0 0 auto;border:2px solid #C8C6BC;border-top-color:#123456;border-radius:50%;animation:payment-spin .8s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}.payment-support-wrap{padding-block:1.5rem 2rem}.payment-support{display:grid;gap:1rem}.payment-aside{border:1px solid #C8C6BC;border-radius:10px;background:#fff;padding:1.25rem}.payment-aside h2{color:#123456;font-size:1rem;font-weight:800}.payment-security{border-left:4px solid #FFBB33;border-radius:0 8px 8px 0;background:#f7f8f6;padding:1rem;color:#123456;font-weight:700}@media(min-width:700px){.payment-stage-inner{min-height:690px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:3.5rem}.payment-details-card{padding:2rem}.payment-identity-fields{grid-template-columns:1fr 1fr}.payment-policy{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-support{grid-template-columns:1fr 1.4fr}}@media(max-width:699px){.payment-stage-inner{padding-block:2.25rem}.payment-heading h1{max-width:16ch}.payment-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-details-card{padding:1.15rem}}@media(prefers-reduced-motion:reduce){.payment-spinner{animation-duration:2s}.payment-method,.payment-continue{transition:none}}
