:root{--zp-skeleton-base:#e0e0e0!important;--zp-skeleton-highlight:#f4f4f4!important;--zp-bg:#fff!important;--zp-text:#000!important;--zp-muted:#1d1d1d!important;--zp-border:#f0e7d8!important;--zp-primary:#2563eb!important;--zp-primary-hover:#1d4ed8!important;--zp-error:#dc2626!important;--zp-success:#16a34a!important;--zp-success-text:#fff!important;--zp-card-bg:#fff!important;--zp-bg-gradient:#fdfdfd!important;--zp-btn-gradient:linear-gradient(90deg,#0354cf,#05337f)!important;--zp-voucher-gradient:linear-gradient(90deg,#fd5e16,#f43985)!important;--zp-success-bg:rgba(22,163,74,.85)!important;--zp-gateway-bg:#f6f6f6!important;--zp-gateway-hover-bg:#f9fafb!important;--zp-gateway-selected-bg:#eff6ff!important;--zp-summary-bg:rgba(224,243,236,.68)!important;--zp-gateway-border:var(--zp-border)!important;--zp-summary-border:#a6e6cf!important;--zp-apply-btn-color:#fff!important;--zp-pay-btn-color:#fff!important;--zp-header-font-size:1.125rem!important;--zp-section-title-font-size:.98rem!important;--zp-section-title-two-font-size:.875rem!important;--zp-summary-font-size:.87rem!important;--zp-summary-sub-font-size:.865rem!important;--zp-gw-name-font-size:.875rem!important;--zp-pay-btn-font-size:.875rem!important;--zp-apply-btn-font-size:.875rem!important;--zp-radius:1rem!important;--zp-card-radius:16px!important;--zp-gateway-radius:12px!important;--zp-summary-radius:12px!important;--zp-transition:.25s cubic-bezier(.4,0,.2,1)!important;--zp-transition-medium:.35s cubic-bezier(.4,0,.2,1)!important;--zp-close-btn-color:var(--zp-primary)!important;--zp-close-btn-hover-bg:rgba(37,99,235,.1)!important;--zp-close-btn-radius:50%!important}@media (prefers-color-scheme:dark){:root{--zp-bg-gradient:#212121!important}}.zp-root{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.03' d='M0 0h100v100H0z'/%3E%3C/svg%3E");justify-content:center;align-items:center;margin:0;padding:16px;display:flex;flex:1!important;width:100%!important;min-height:100vh!important;overflow:hidden!important}.zp-card{background:var(--zp-card-bg);flex-direction:column;width:100%;max-width:650px;min-height:max-content;max-height:min-content;padding:18px 28px;border-radius:var(--zp-card-radius)!important;display:flex!important;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1.5px 6px rgba(0,0,0,.08)!important}.zp-flex1{flex:1!important}.zp-scrollable{overflow-y:auto!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.zp-header{justify-content:center;align-items:center;display:flex;text-align:center!important;margin-bottom:24px!important;position:relative!important}.zp-back-btn{color:var(--zp-text);cursor:pointer;transition:background var(--zp-transition);background:0 0;margin-left:-8px;position:absolute;left:0;border:none!important;border-radius:50%!important;padding:8px!important}.zp-back-btn:hover{background:#f3f4f6!important}.zp-header-title{color:var(--zp-text)!important;font-size:var(--zp-header-font-size)!important;font-weight:600!important}.zp-section-title,.zp-section-title-two{color:var(--zp-muted);text-transform:capitalize;font-weight:500}.zp-section-title{font-size:var(--zp-section-title-font-size);margin-bottom:14px}.zp-section-title-two{font-size:var(--zp-section-title-two-font-size);margin-bottom:12px}.zp-gw-wrapper{background:var(--zp-card-bg);border-radius:10px;margin-bottom:17px;padding:8px 18px 18px;box-shadow:0 4px 24px rgba(0,0,0,.12),0 1.5px 6px rgba(0,0,0,.08)}.zp-gw-list{flex-direction:column;gap:10px;display:flex}.zp-gateway-item{background-color:var(--zp-gateway-bg);border:1px solid var(--zp-gateway-border);border-radius:var(--zp-gateway-radius);cursor:pointer;text-transform:capitalize;transition:border var(--zp-transition),background var(--zp-transition);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.zp-gateway-item:hover{background:var(--zp-gateway-hover-bg)}.zp-gateway-item.selected{background:var(--zp-gateway-selected-bg);border-color:var(--zp-primary)}.zp-error{color:var(--zp-error);text-align:center;padding:5rem 0}.zp-gw-left,.zp-gw-left-two{align-items:center;gap:12px;display:flex}.zp-gw-logo{aspect-ratio:1;background-color:var(--zp-card-bg);object-fit:contain;pointer-events:none;text-align:center;border-radius:8px;justify-content:center;align-items:center;width:30px;display:flex;overflow:hidden}.zp-gw-name{color:var(--zp-text);font-size:var(--zp-gw-name-font-size);font-weight:500}.zp-gateway-item input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--zp-card-bg);cursor:pointer;height:20px;transition:border-color var(--zp-transition),background var(--zp-transition);border:2px solid #d1d5db;border-radius:50%;width:20px;position:relative}.zp-gateway-item input[type=radio]:checked{background:var(--zp-primary);border-color:var(--zp-primary)}.zp-gateway-item input[type=radio]:checked:after{background:var(--zp-card-bg);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skeleton{background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer;background:linear-gradient(90deg,var(--zp-skeleton-base)25%,var(--zp-skeleton-highlight)50%,var(--zp-skeleton-base)75%)!important}.zp-gateway-skeleton{border:1px solid var(--zp-border);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.zp-gw-logo-skeleton{border-radius:8px;width:30px;height:30px}.zp-gw-logo-skeleton,.zp-gw-name-skeleton{background:var(--zp-skeleton-base)!important}.zp-gw-name-skeleton{width:100px;height:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.zp-summary{margin-bottom:17px!important}.zp-summary-list{flex-direction:column;display:flex;gap:10px!important}.zp-summary-box{background:var(--zp-summary-bg)!important;border:1px solid var(--zp-summary-border)!important;border-radius:var(--zp-summary-radius)!important;color:var(--zp-text)!important;transition:box-shadow var(--zp-transition)!important;flex-direction:column!important;padding:6px 9px!important;display:flex!important;position:relative!important}.zp-summary-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.zp-summary-row{justify-content:space-between!important}.zp-gw-left-two,.zp-summary-row{gap:10px!important}.zp-gw-left-two,.zp-gw-logo,.zp-summary-row{align-items:center!important;display:flex!important}.zp-gw-logo{aspect-ratio:1!important;background-color:var(--zp-card-bg)!important;object-fit:cover!important;text-align:center!important;border-radius:8px!important;justify-content:center!important;width:38px!important;font-size:7px!important}.zp-summary-info{color:var(--zp-text)!important;font-size:var(--zp-summary-font-size)!important;flex-direction:column!important;font-weight:500!important;display:flex!important}.zp-summary-sub{color:var(--zp-muted)!important;font-size:var(--zp-summary-sub-font-size)!important;font-weight:400!important}.zp-close-btn{border-radius:var(--zp-close-btn-radius)!important;color:var(--zp-close-btn-color)!important;cursor:pointer!important;transition:background var(--zp-transition)!important;background:0 0!important;border:none!important;padding:6px!important;font-size:1.25rem!important}.zp-close-btn:hover{background:var(--zp-close-btn-hover-bg)!important}.zp-voucher{margin-bottom:24px}.zp-input-row{gap:8px;display:flex}.zp-input{border:1px solid var(--zp-border);color:#000;transition:border-color var(--zp-transition);border-radius:8px;outline:none;flex:1;padding:8px 16px;font-size:.875rem}.zp-input:focus{border-color:var(--zp-primary)}.zp-input:disabled{cursor:not-allowed;opacity:.8}.zp-input::placeholder{color:#9ca3af}.zp-apply-btn{background:var(--zp-voucher-gradient);color:var(--zp-apply-btn-color);cursor:pointer;font-size:var(--zp-apply-btn-font-size);transition:background var(--zp-transition),transform var(--zp-transition);background-size:200%;border:none;border-radius:8px;padding:8px 14px;font-weight:600;animation:5s infinite gradient_301}.zp-apply-btn:hover{transform:scale(1.01)}.zp-apply-btn:disabled{cursor:not-allowed;opacity:.8}.zp-pay-btn{background:var(--zp-btn-gradient);color:var(--zp-pay-btn-color);cursor:pointer;font-size:var(--zp-pay-btn-font-size);transition:background var(--zp-transition-medium),transform var(--zp-transition-medium),opacity var(--zp-transition);background-size:200%;border:none;border-radius:12px;width:100%;padding:14px;font-weight:600;animation:5s infinite gradient_301;position:relative}.zp-pay-btn:hover{transform:scale(1.01)}.zp-pay-btn.disabled{cursor:not-allowed;opacity:.8}.zp-pay-btn.success{background:var(--zp-success-bg);color:var(--zp-success-text);animation:none}@keyframes gradient_301{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.zp-processing{justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.zp-processing .zp-spin{width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.zp-check{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.zp-pay-error{margin-top:12px;font-size:.875rem}.zp-pay-error,.zp-powered{color:var(--zp-error);text-align:center}.zp-powered{margin-top:16px;font-size:.75rem;font-weight:500}@media (max-width:1090px){.zp-card{max-width:500px;min-height:min-content}}@media (max-width:700px){.zp-card{max-width:450px;min-height:min-content}}@media (max-width:480px){.zp-root{background:var(--zp-bg);justify-content:center;align-items:flex-start;padding:0}.zp-header{margin-bottom:30px}.zp-header-title{font-weight:700}.zp-card{box-shadow:none;border-radius:0;width:100%;max-width:100%;min-height:100vh;max-height:100vh;margin:0;padding:16px}}