*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif}body.smp-front{direction:rtl;color:#152330;background:#eef3f6;-webkit-font-smoothing:antialiased}.smp-front a{text-decoration:none}.smp-front button,.smp-front input{font:inherit}.smp-shell,.smp-result-shell,.smp-tracking-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 18px;position:relative;overflow:hidden}.smp-shell:before,.smp-result-shell:before,.smp-tracking-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(23,107,135,.17),transparent 32%),radial-gradient(circle at 85% 85%,rgba(15,40,57,.13),transparent 35%),linear-gradient(135deg,#f7fafb,#e7eef2);z-index:-2}.smp-shell:after,.smp-result-shell:after,.smp-tracking-shell:after{content:"";position:fixed;width:520px;height:520px;border:1px solid rgba(23,107,135,.08);border-radius:50%;left:-230px;bottom:-250px;box-shadow:0 0 0 70px rgba(23,107,135,.025),0 0 0 140px rgba(23,107,135,.02);z-index:-1}.smp-payment-card{width:min(1080px,100%);min-height:680px;background:#fff;border:1px solid rgba(15,40,57,.08);border-radius:30px;box-shadow:0 28px 75px rgba(15,40,57,.13);display:grid;grid-template-columns:42% 58%;overflow:hidden}.smp-brand-panel{background:linear-gradient(155deg,#0d2638 0%,#123d52 52%,var(--smp-primary) 130%);color:#fff;padding:42px;display:flex;flex-direction:column;position:relative;isolation:isolate}.smp-brand-panel:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:-120px;top:120px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02);z-index:-1}.smp-brand-panel:after{content:"";position:absolute;inset:auto -70px -100px auto;width:290px;height:290px;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 67%);z-index:-1}.smp-brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.smp-logo{display:block;max-width:150px;max-height:68px;object-fit:contain;object-position:right center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.13))}.smp-logo-fallback{width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff}.smp-secure-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;font-size:12px;white-space:nowrap}.smp-secure-pill i{width:8px;height:8px;border-radius:50%;background:#65e0a3;box-shadow:0 0 0 4px rgba(101,224,163,.12)}.smp-brand-copy{margin:auto 0}.smp-eyebrow{display:block;font-size:11px;letter-spacing:3px;color:#8fd3e7;font-weight:700;margin-bottom:15px}.smp-brand-copy h1{font-size:38px;line-height:1.35;margin:0 0 18px;color:#fff}.smp-brand-copy p{font-size:15px;line-height:2;color:rgba(255,255,255,.74);margin:0;max-width:390px}.smp-benefits{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px;color:rgba(255,255,255,.82);font-size:13px}.smp-benefits li{display:flex;align-items:center;gap:10px}.smp-benefits li span{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(101,224,163,.13);color:#7ce9b1;font-weight:bold}.smp-brand-actions{display:flex;gap:18px;flex-wrap:wrap}.smp-brand-actions a{color:#fff;font-size:12px;border-bottom:1px dashed rgba(255,255,255,.35);padding-bottom:3px}.smp-form-panel{padding:48px 56px;display:flex;flex-direction:column;justify-content:center}.smp-mobile-heading{display:none}.smp-payment-form{width:100%;max-width:510px;margin:auto}.smp-form-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f3;padding-bottom:16px;margin-bottom:24px}.smp-form-title span{font-size:17px;font-weight:800;color:#162b38}.smp-form-title small{font-size:11px;color:#82919a}.smp-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.smp-field{display:block;margin-bottom:18px}.smp-field>span{display:block;font-size:12px;font-weight:700;color:#42545f;margin:0 3px 8px}.smp-field>small{display:block;font-size:10px;color:#89979f;margin:7px 3px 0;line-height:1.7}.smp-field input{width:100%;height:54px;border:1px solid #dae2e6;border-radius:14px;background:#f9fbfc;color:#152a36;padding:0 16px;outline:none;transition:.2s}.smp-field input::placeholder{color:#a9b4ba}.smp-field input:focus{border-color:var(--smp-primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--smp-primary) 12%,transparent)}.smp-input-wrap{position:relative}.smp-input-wrap input{padding-left:88px}.smp-input-wrap b{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--smp-primary);background:color-mix(in srgb,var(--smp-primary) 8%,#fff);border-radius:9px;padding:7px 10px}.smp-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#657680;margin:4px 0 18px;cursor:pointer}.smp-consent input{accent-color:var(--smp-primary);margin-top:1px}.smp-submit{width:100%;height:58px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--smp-primary),#0d4157);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--smp-primary) 28%,transparent);transition:.2s}.smp-submit i{font-style:normal;font-size:20px;transition:.2s}.smp-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}.smp-submit:hover i{transform:translateX(-4px)}.smp-submit:disabled{opacity:.72;cursor:wait;transform:none}.smp-submit.is-loading i{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;font-size:0;animation:smp-spin .8s linear infinite}.smp-form-foot{text-align:center;font-size:10px;color:#8c999f;line-height:1.8;margin:13px 0 0}.smp-trust{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-size:10px;color:#8a979d}.smp-trust #zibal img{max-height:40px!important;width:auto!important}.smp-alert,.smp-tracking-message{padding:13px 15px;background:#fff4ed;border:1px solid #ffd9c5;color:#a94d21;border-radius:13px;font-size:12px;line-height:1.8;margin:0 0 18px}.smp-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.smp-was-validated input:invalid{border-color:#d74343;background:#fff8f8}@keyframes smp-spin{to{transform:rotate(360deg)}}
.smp-result-shell{padding:25px 18px}.smp-result-card{width:min(620px,100%);background:#fff;border:1px solid rgba(15,40,57,.08);border-radius:28px;box-shadow:0 26px 70px rgba(15,40,57,.13);padding:40px 44px;text-align:center}.smp-result-logo{max-width:145px;max-height:55px;object-fit:contain;margin:0 auto 24px}.smp-result-icon{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;margin:0 auto 22px;transform:rotate(4deg)}.smp-result-icon span{font-size:43px;font-weight:300;transform:rotate(-4deg)}.smp-success-icon{background:#e8fbf1;color:#109653;box-shadow:0 10px 30px rgba(16,150,83,.12)}.smp-failed-icon{background:#fff0f0;color:#d84747;box-shadow:0 10px 30px rgba(216,71,71,.11)}.smp-result-kicker{font-size:11px;color:var(--smp-primary);font-weight:800;letter-spacing:.5px}.smp-result-card h1{font-size:28px;color:#152b38;margin:10px 0 12px}.smp-result-card>p{font-size:13px;color:#71818a;line-height:2;margin:0 auto 22px;max-width:480px}.smp-code-box{background:#f5f8fa;border:1px dashed #cbd8de;border-radius:17px;padding:15px 68px 15px 18px;position:relative;text-align:right;margin:20px 0}.smp-code-box small{display:block;font-size:10px;color:#819099;margin-bottom:6px}.smp-code-box strong{display:block;font-size:19px;letter-spacing:1px;color:#132f3e;direction:ltr;text-align:right}.smp-copy{position:absolute;left:14px;top:50%;transform:translateY(-50%);border:0;background:#fff;color:var(--smp-primary);border-radius:10px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 3px 12px rgba(15,40,57,.08)}.smp-result-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e9eef1;border:1px solid #e9eef1;border-radius:16px;overflow:hidden;margin:18px 0 24px}.smp-result-details div{background:#fff;padding:14px;text-align:right}.smp-result-details dt{font-size:10px;color:#87949b;margin-bottom:6px}.smp-result-details dd{font-size:12px;font-weight:800;color:#263b46;margin:0}.smp-result-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.smp-primary-link,.smp-secondary-link{min-height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.smp-primary-link{background:var(--smp-primary);color:#fff;box-shadow:0 9px 23px color-mix(in srgb,var(--smp-primary) 24%,transparent)}.smp-secondary-link{border:1px solid #dce4e8;color:#435862;background:#fff}.smp-text-link{display:inline-block;margin-top:17px;color:#71818a;font-size:11px;border-bottom:1px dashed #aebac0}
.smp-tracking-card{width:min(720px,100%);background:#fff;border:1px solid rgba(15,40,57,.08);border-radius:28px;box-shadow:0 26px 70px rgba(15,40,57,.13);padding:42px}.smp-tracking-heading{text-align:center;margin-bottom:28px}.smp-tracking-heading img{display:block;max-width:145px;max-height:60px;object-fit:contain;margin:0 auto 20px}.smp-tracking-heading .smp-logo-fallback{margin:0 auto 20px;background:var(--smp-primary)}.smp-tracking-heading h1{font-size:30px;color:#152b38;margin:8px 0 10px}.smp-tracking-heading p{font-size:12px;color:#76858d;line-height:1.8;margin:0}.smp-tracking-form{display:grid;grid-template-columns:1fr 230px;gap:12px;align-items:end;border-top:1px solid #edf1f3;padding-top:24px}.smp-tracking-form .smp-field{margin:0}.smp-tracking-form .smp-submit{height:54px}.smp-search-icon{font-size:20px!important;background:transparent!important;color:#8ba0aa!important;padding:0!important}.smp-tracking-message{margin-top:18px}.smp-track-result{margin-top:24px;border:1px solid #e2e9ec;border-radius:19px;padding:20px;background:#fafcfd;text-align:right}.smp-result-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edef;padding-bottom:16px;margin-bottom:15px}.smp-status-dot{width:13px;height:13px;border-radius:50%;background:#a2adb2;box-shadow:0 0 0 6px rgba(162,173,178,.12)}.smp-status-success .smp-status-dot{background:#16a262;box-shadow:0 0 0 6px rgba(22,162,98,.12)}.smp-status-failed .smp-status-dot,.smp-status-cancelled .smp-status-dot,.smp-status-error .smp-status-dot{background:#d84c4c;box-shadow:0 0 0 6px rgba(216,76,76,.12)}.smp-status-pending .smp-status-dot{background:#d99b22;box-shadow:0 0 0 6px rgba(217,155,34,.12)}.smp-result-head small{display:block;color:#8c989e;font-size:9px;margin-bottom:4px}.smp-result-head strong{font-size:14px;color:#243a46}.smp-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}.smp-details-grid div{background:#fff;border:1px solid #e7edef;border-radius:12px;padding:11px}.smp-details-grid dt{font-size:9px;color:#89969c;margin-bottom:5px}.smp-details-grid dd{font-size:11px;font-weight:700;color:#2b404a;margin:0}.smp-result-note{font-size:11px;line-height:1.8;color:#9c4b2b;background:#fff5ef;border-radius:11px;padding:10px 12px;margin:12px 0 0}.smp-track-actions{margin-top:24px}
@media(max-width:820px){.smp-shell{padding:0}.smp-payment-card{min-height:100vh;border-radius:0;grid-template-columns:1fr}.smp-brand-panel{display:none}.smp-form-panel{padding:30px 22px}.smp-mobile-heading{display:flex;align-items:center;gap:13px;margin-bottom:30px}.smp-mobile-heading img{width:58px;height:50px;object-fit:contain}.smp-mobile-heading strong,.smp-mobile-heading small{display:block}.smp-mobile-heading strong{font-size:16px;color:#17303d}.smp-mobile-heading small{font-size:10px;color:#89979e;margin-top:4px}.smp-payment-form{max-width:none}.smp-tracking-shell{padding:18px}.smp-tracking-card{padding:30px 22px}.smp-tracking-form{grid-template-columns:1fr}.smp-tracking-form .smp-submit{margin-top:5px}}@media(max-width:540px){.smp-grid-two{grid-template-columns:1fr;gap:0}.smp-form-panel{padding:24px 17px}.smp-form-title{align-items:flex-start;gap:10px}.smp-form-title small{text-align:left}.smp-field input{height:52px}.smp-submit{height:55px}.smp-result-shell{padding:0}.smp-result-card{min-height:100vh;border-radius:0;padding:34px 18px;display:flex;flex-direction:column;justify-content:center}.smp-result-details,.smp-details-grid{grid-template-columns:1fr 1fr}.smp-result-actions{grid-template-columns:1fr}.smp-code-box{padding-right:14px}.smp-tracking-shell{padding:0}.smp-tracking-card{min-height:100vh;border-radius:0;padding:30px 16px;display:flex;flex-direction:column;justify-content:center}.smp-tracking-heading h1{font-size:26px}}@media(max-width:390px){.smp-result-details,.smp-details-grid{grid-template-columns:1fr}.smp-result-card h1{font-size:24px}.smp-tracking-heading h1{font-size:24px}}

/* v1.0.4: stable grid layout and zero-shift field validation */
.smp-form-panel,.smp-payment-form{min-width:0}
.smp-mobile-actions{display:none}

/* Keep the original desktop grid. Both panels always share the same height. */
@media(min-width:821px){
  .smp-payment-card{display:grid;grid-template-columns:42% 58%;align-items:stretch}
  .smp-brand-panel{height:auto;min-height:0;align-self:stretch}
  .smp-form-panel{padding:48px 56px}
}

/* Validation never changes the document flow. */
.smp-consent-wrap{position:relative;min-height:18px;margin:4px 0 18px}
.smp-consent-wrap .smp-consent{position:relative;z-index:1;margin:0}
.smp-consent-wrap:before{content:"";position:absolute;z-index:0;inset:-7px -10px;border:1px solid transparent;border-radius:13px;background:transparent;box-shadow:none;pointer-events:none;transition:border-color .18s,background-color .18s,box-shadow .18s}
.smp-consent-wrap.is-invalid:before{border-color:#d74343;background:#fff7f7;box-shadow:0 0 0 3px rgba(215,67,67,.08)}
.smp-consent-wrap.is-invalid .smp-consent{color:#a72d2d;font-weight:700}
.smp-consent-wrap.is-invalid input{outline:2px solid rgba(215,67,67,.28);outline-offset:2px}
.smp-consent-wrap .smp-field-error{position:absolute;z-index:2;top:calc(100% + 1px);right:0;left:0;margin:0;color:#b32f2f;font-size:10px;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smp-field-error[hidden]{display:none!important}
.smp-validation-summary{display:none!important}

/* Only fields detected by JavaScript are highlighted. */
.smp-field.is-invalid input{border-color:#d74343;background:#fff8f8;box-shadow:0 0 0 3px rgba(215,67,67,.06)}
.smp-field.is-invalid>span,.smp-field.is-invalid>small{color:#b32f2f}

@media(max-width:820px){
  .smp-payment-card{display:block}
}
@media(max-width:600px){
  .smp-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:-16px 0 24px}
  .smp-mobile-actions a{min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #dce5e9;border-radius:12px;background:#fff;color:#29434f;font-size:11px;font-weight:800;box-shadow:0 5px 16px rgba(15,40,57,.06)}
  .smp-mobile-actions a:first-child{border-color:color-mix(in srgb,var(--smp-primary) 30%,#dce5e9);color:var(--smp-primary)}
  .smp-consent-wrap .smp-field-error{font-size:9px}
}
@media(max-width:390px){
  .smp-mobile-actions{grid-template-columns:1fr}
  .smp-mobile-actions a{min-height:40px}
}