.payment-page{--pay-brand:var(--teal,#078b8d);--pay-dark:var(--navy,#001a34);color:#0b2942;min-height:100vh;font-family:var(--site-font-family,"Cairo",sans-serif);background:#f3f7fb;flex-direction:column;display:flex}.payment-header{border-top:3px solid var(--pay-brand);background:#fff;border-bottom:1px solid #d7e2eb;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);display:flex}.payment-logo{align-items:center;display:flex}.payment-logo img{width:var(--brand-desktop-width,176px);object-fit:contain;object-position:left center;height:58px;display:block}.payment-security{align-items:center;gap:10px;display:flex}.payment-security>span{width:38px;height:38px;color:var(--pay-brand);background:#e7f8f4;border-radius:11px;place-items:center;display:grid}.payment-security svg{width:20px}.payment-security b,.payment-security small{display:block}.payment-security small{color:#748695;margin-top:2px;font-size:9px}.payment-shell{flex:1;width:min(1120px,100% - 32px);margin:0 auto;padding:38px 0 80px}.payment-steps{grid-template-columns:repeat(3,1fr);width:min(410px,100%);margin:0 auto 38px;display:grid;position:relative}.payment-steps:before{content:"";border-top:2px solid #cad8e4;position:absolute;top:22px;left:17%;right:17%}.payment-steps div{z-index:1;text-align:center;color:#8999aa;position:relative}.payment-steps div:after{content:"";z-index:-1;border-top:2px solid #0000;position:absolute;top:22px;left:50%;right:-50%}.payment-steps div.active:not(:last-child):after{border-color:var(--pay-brand)}.payment-steps span{background:#fff;border:1px solid #cad8e4;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 8px;display:grid}.payment-steps svg{width:17px}.payment-steps .active{color:var(--pay-brand)}.payment-steps .active span{border-color:var(--pay-brand);background:var(--pay-brand);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--pay-brand) 24%,transparent)}.payment-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.payment-main-column,.payment-side-column{gap:20px;display:grid}.payment-side-column{position:sticky;top:18px}.payment-box{background:#fff;border:1px solid #cfdde7;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px #112f4a0f}.payment-box-head{align-items:flex-start;gap:12px;min-height:72px;padding:18px 22px 10px;display:flex}.payment-box-head>span{width:36px;height:36px;color:var(--pay-brand);background:#eaf5ff;border-radius:10px;flex:none;place-items:center;display:grid}.payment-box-head svg{width:18px}.payment-box-head h2{margin:1px 0 3px;font-size:16px;font-weight:800}.payment-box-head p{color:#687e90;margin:0;font-size:11px}.payment-box-head>.invoice-toggle{margin-left:auto}.payment-box-body{padding:10px 22px 22px}.payment-fields{gap:15px;display:grid}.payment-fields.two{grid-template-columns:1fr 1fr}.payment-field{margin:0;display:block}.payment-field.wide{grid-column:1/-1}.payment-field>span{margin-bottom:6px;font-size:11px;font-weight:800;display:block}.payment-field em{color:#d72c48;margin-left:3px;font-style:normal}.payment-field .form-control,.payment-field .form-select{width:100%;min-height:46px;box-shadow:none;background:#fff;border:1px solid #ccd9e5;border-radius:7px;padding:10px 13px;font-size:13px}.payment-field textarea.form-control{resize:vertical;min-height:88px}.payment-field .form-control:focus,.payment-field .form-select:focus{border-color:var(--pay-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--pay-brand) 13%,transparent);outline:0}.payment-phone,.amount-input,.card-number-field{display:flex;position:relative}.payment-phone>span{background:#f7f9fb;border:1px solid #ccd9e5;border-right:0;border-radius:7px 0 0 7px;justify-content:center;align-items:center;min-width:88px;font-size:12px;display:flex}.payment-phone .form-control{border-radius:0 7px 7px 0}.invoice-toggle{background:#f5f8fb;border:1px solid #d5e0e9;border-radius:22px;padding:3px;display:flex}.invoice-toggle button{color:#718395;background:0 0;border:0;border-radius:18px;height:32px;padding:0 13px;font-size:10px;font-weight:800}.invoice-toggle button.active{background:var(--pay-brand);color:#fff;box-shadow:0 5px 12px color-mix(in srgb,var(--pay-brand) 23%,transparent)}.invoice-toggle svg{vertical-align:-2px;width:12px;margin-right:3px}.payment-service{border:1px solid #d5e0e9;border-radius:8px;padding:13px}.payment-service small,.payment-service b{display:block}.payment-service small{color:#7b8c9a;font-size:9px}.payment-service b{margin-top:5px;font-size:12px}.amount-input input{font-weight:800;padding-right:58px!important;font-size:20px!important}.amount-input>b{width:52px;color:var(--pay-brand);background:#f4f7fa;border-left:1px solid #d4dfe8;border-radius:0 7px 7px 0;place-items:center;display:grid;position:absolute;top:0;bottom:0;right:0}.payment-primary{background:linear-gradient(135deg,var(--pay-brand),var(--teal-2,#16b7af));color:#fff;width:100%;min-height:48px;box-shadow:0 10px 22px color-mix(in srgb,var(--pay-brand) 22%,transparent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:0 18px;font-size:12px;font-weight:800;display:flex}.payment-primary:hover{filter:brightness(.95)}.payment-primary svg{width:16px}.payment-safe-note,.payment-browser-note{color:#768999;justify-content:center;align-items:center;gap:5px;margin:10px 0 0;font-size:9px;display:flex}.payment-safe-note svg,.payment-browser-note svg{width:11px}.payment-error{color:#af263c;background:#fff0f2;border-radius:7px;margin:12px 0 0;padding:9px 11px;font-size:11px}.card-number-field svg{color:#728697;width:18px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.card-number-field input{padding-right:42px!important}.payment-consent{background:#fff;border:1px solid #cfdae4;border-radius:10px;align-items:flex-start;gap:10px;min-height:50px;padding:14px;font-size:11px;display:flex}.payment-consent input{accent-color:var(--pay-brand);margin-top:2px}.payment-consent a{color:var(--pay-brand);font-weight:800}.payment-browser-note{color:#3f6c66;background:#eaf7f4;border-radius:8px;justify-content:flex-start;padding:10px 12px}.payment-summary{margin:0}.payment-summary>div{border-bottom:1px solid #e0e8ee;justify-content:space-between;gap:15px;padding:10px 0;display:flex}.payment-summary dt{color:#738696;font-size:10px;font-weight:500}.payment-summary dd{text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0;font-size:10px;font-weight:800}.payment-total{background:linear-gradient(135deg,var(--pay-dark),#164b62);color:#fff;border-radius:10px;margin-top:16px;padding:18px}.payment-total small,.payment-total strong,.payment-total span{display:block}.payment-total strong{margin:4px 0;font-size:25px}.payment-total span{color:#cad8df;font-size:8px}.payment-back{color:#64798a;background:0 0;border:0;width:100%;margin-top:12px;font-size:10px;font-weight:700}.payment-back svg{vertical-align:-3px;width:12px}.payment-result{text-align:center;background:#fff;border:1px solid #cfdde7;border-radius:16px;width:min(600px,100%);margin:20px auto;padding:45px;box-shadow:0 18px 50px #112f4a17}.payment-result>span{width:74px;height:74px;color:var(--pay-brand);background:#e5f8f1;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.payment-result>span svg{width:38px}.payment-result h1{font-size:28px;font-weight:800}.payment-result p{color:#657b8c;line-height:1.7}.payment-result>div{background:#f3f7fa;border-radius:10px;margin:24px 0;padding:18px}.payment-result>div b,.payment-result>div strong{display:block}.payment-result>div strong{margin-top:4px;font-size:26px}.payment-result>a{color:var(--pay-brand);margin-top:15px;font-size:12px;font-weight:800;display:block}.payment-footer{color:#677c8d;background:#fff;border-top:1px solid #d4e0e9;grid-template-columns:1fr auto;align-items:center;gap:7px 25px;min-height:70px;padding:18px max(5vw,24px);font-size:10px;display:grid}.payment-footer nav{justify-content:flex-end;align-items:center;gap:18px;display:flex}.payment-footer a{align-items:center;gap:5px;text-decoration:none;display:inline-flex}.payment-footer svg{width:12px}.payment-footer small{color:#8b9aa7;grid-column:1/-1}@media (max-width:900px){.payment-grid{grid-template-columns:1fr}.payment-side-column{position:static}.payment-card-step .payment-side-column{grid-row:1}.payment-card-step .payment-main-column{grid-row:2}}@media (max-width:600px){.payment-header{height:68px;padding:0 16px}.payment-logo img{width:var(--brand-mobile-width,142px);height:46px}.payment-security b{font-size:10px}.payment-security small{font-size:8px}.payment-security>span{width:34px;height:34px}.payment-shell{width:min(100% - 20px,1120px);padding:25px 0 50px}.payment-steps{margin-bottom:25px}.payment-steps span{width:40px;height:40px}.payment-steps:before,.payment-steps div:after{top:19px}.payment-box-head{flex-wrap:wrap;padding:16px 14px 8px}.payment-box-head>.invoice-toggle{width:100%;margin:4px 0 0}.invoice-toggle button{flex:1}.payment-box-body{padding:9px 14px 16px}.payment-fields.two{grid-template-columns:1fr}.payment-field.wide{grid-column:auto}.payment-footer{text-align:center;grid-template-columns:1fr}.payment-footer nav{flex-wrap:wrap;justify-content:center;gap:10px 15px}.payment-footer small{grid-column:auto}.payment-result{padding:30px 18px}.payment-result h1{font-size:23px}}.payment-box-head>.invoice-toggle{width:280px;max-width:100%}.invoice-toggle button{flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}@media (max-width:600px){.payment-box-head>.invoice-toggle{width:100%}}.payment-security b{font-size:14px}.payment-security small{font-size:10px}.payment-steps b{font-size:13px}.payment-box-head h2{font-size:18px}.payment-box-head p{font-size:13px;line-height:1.5}.payment-field>span{font-size:13px}.payment-field .form-control,.payment-field .form-select{font-size:15px}.invoice-toggle button{font-size:12px}.payment-service small{font-size:11px}.payment-service b,.payment-primary{font-size:14px}.payment-safe-note,.payment-browser-note{font-size:11px}.payment-error{font-size:13px}.payment-consent{font-size:13px;line-height:1.55}.payment-summary dt,.payment-summary dd{font-size:12px}.payment-total small{font-size:11px}.payment-total span{font-size:10px}.payment-back,.payment-footer{font-size:12px}.payment-footer small{font-size:11px}@media (max-width:600px){.payment-security b{font-size:12px}.payment-security small{font-size:9px}.payment-steps b{font-size:12px}.payment-box-head h2{font-size:17px}.payment-field .form-control,.payment-field .form-select{font-size:14px}.payment-footer{font-size:11px}}.payment-page{width:100%;max-width:100%;overflow-x:clip}.payment-steps div:last-child:after{display:none}.payment-main-column,.payment-side-column,.payment-box,.payment-box-body,.payment-fields,.payment-field{min-width:0}@media (max-width:600px){.payment-header{gap:10px}.payment-logo{min-width:0}.payment-logo img{max-width:100%}.payment-security{flex:none}.payment-shell{max-width:calc(100vw - 20px)}.payment-steps{overflow:hidden}.payment-phone,.payment-phone .form-control{min-width:0}}.payment-box-body>.payment-field+.payment-field{margin-top:18px}.payment-page{font-family:var(--site-font-family)}