.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;padding:18px}.modal.open{display:block}.modal-content{background:#0f1722;border:1px solid rgba(255,255,255,.06);max-width:720px;width:100%;margin:0 auto;border-radius:14px;position:relative}.modal-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h2{font-size:18px;margin:0;color:#e5e7eb}.price-pill{margin-left:auto;background:#0b1220;border:1px solid rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;font-size:12px;color:#a5b4fc}.close{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#cbd5e1;font-size:22px;cursor:pointer}.modal-body{padding:18px 22px;max-height:70vh;overflow:auto;color:#e5e7eb}.section-title{font-weight:700;font-size:14px;color:#cbd5e1}.divider{height:1px;background:#ffffff0f;margin:6px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}label{display:block;font-size:12px;color:#9ca3af;margin:0 0 6px 2px}.field{position:relative}.input{width:100%;padding:12px;border-radius:10px;background:#0b1220;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;outline:none}.input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.error{color:#ef4444;font-size:12px;display:none;margin-top:6px}.muted{color:#6b7280}.actions{display:flex;align-items:center;gap:12px;margin-top:10px}.pay{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;padding:12px 18px;border:0;border-radius:12px;cursor:pointer;font-weight:700}.secure{font-size:12px;color:#9ca3af}.note{font-size:12px;color:#a1a1aa}:root{--gap:18px;--input-h:50px;--radius:12px;--fs:15px;--label-fs:13px}.modal{display:none;align-items:center;justify-content:center;padding:20px;background:#0009}.modal.open{display:flex;animation:modalFadeIn .18s ease-out}.modal-content{border-radius:18px;box-shadow:0 20px 60px #00000073;max-width:960px;width:95%;max-height:90vh;overflow-y:auto;background:#0f1722}.modal.open .modal-content{animation:modalCardIn .22s ease-out;will-change:transform,opacity}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.modal.open,.modal.open .modal-content{animation:none!important}}.modal-body{padding:28px}form{display:grid;gap:var(--gap)}.section-title{font-size:15px;font-weight:700;letter-spacing:.3px;margin-top:6px;color:#cfd6e1;text-transform:uppercase}.divider{height:1px;background:#ffffff14;margin:10px 0}.grid-2,.grid-3{display:grid;gap:var(--gap);align-items:flex-start}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 800px){.grid-2,.grid-3{grid-template-columns:1fr}}.field{min-width:0;display:flex;flex-direction:column}label{margin:0 0 6px;font-size:var(--label-fs);line-height:1.4;font-weight:600;color:#9aa4b2}.input{display:block;width:100%;height:var(--input-h);padding:0 16px;border-radius:var(--radius);font-size:var(--fs);background:#0b1220;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;outline:none}.input::placeholder{color:#6b7280}.input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e40}select.input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.error{display:none;margin-top:6px;font-size:13px;color:#ef4444}.field.invalid .error{display:block}.actions{display:flex;align-items:center;gap:16px;margin-top:16px}.pay{width:100%;max-width:300px;height:50px;border-radius:14px;font-weight:700;font-size:17px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:0;cursor:pointer;transition:transform .2s,filter .2s}.pay:hover{filter:brightness(1.08);transform:translateY(-1px)}.pay:disabled{opacity:.6;cursor:not-allowed}.secure{font-size:13px;color:#9ca3af}.modal-header{display:flex;align-items:center;gap:14px;padding:20px 26px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{margin:0;font-size:20px;font-weight:700}.price-pill{margin-left:auto;font-size:14px;color:#a5b4fc;background:#0b1220;border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:999px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/payment-modal.css.map */