.plexa-field textarea{border:1px solid #e5e7eb;border-radius:8px;padding:10px}
.plexa-wrap{max-width:860px;margin:0 auto; margin-top: 40px; margin-bottom: 40px;}
.plexa-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.05);padding:24px}
.plexa-steps{display:flex;gap:8px;margin:0 0 18px}
.plexa-step-dot{flex:1;height:6px;border-radius:999px;background:#e5e7eb}
.plexa-step-dot.is-active{background:#2563eb}
.plexa-step-dot.is-done{background:#22c55e}
.plexa-h{margin:.1rem 0 0.6rem;font-weight:700}
.plexa-sub{color:#4b5563;margin:0 0 1rem}
.plexa-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.plexa-row{grid-template-columns:1fr}}
.plexa-field{margin:10px 0}
.plexa-field label{display:block;font-weight:600;margin:0 0 6px}
.plexa-radio{display:flex;gap:14px;margin:6px 0 12px}
.plexa-note{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;padding:10px 12px;color:#334155;margin:.6rem 0}
.plexa-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.plexa-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer}
.plexa-btn[disabled]{opacity:.5;cursor:not-allowed}
.plexa-btn.secondary{background:#fff;color:#111827}
.plexa-err{color:#b91c1c;margin:.4rem 0 0}
.plexa-hidden{display:none}
.plexa-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}
.plexa-success{background:#ecfdf5;border:1px solid #d1fae5;color:#065f46;border-radius:12px;padding:16px;text-align:center}
.plexa-terms-box{max-height:180px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f8fafc}
.plexa-small{font-size:.92rem;color:#4b5563}

#plexa-stripe-card-element {
    padding: 16px;
    border: 2px solid #b8b8b8;
    border-radius: 4px;
    background: #fff;
    min-height: 54px;
    font-size: 18px;
    box-sizing: border-box;
  }
  
  #plexa-stripe-card-element.StripeElement--focus {
    border-color: #1d4ed8;
    box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.15);
  }
  
  #plexa-stripe-card-element.StripeElement--invalid {
    border-color: #b91c1c;
    background: #fff7f7;
  }
  
  #plexa-stripe-card-errors {
    margin-top: 10px;
    color: #b91c1c;
    font-size: 15px;
    line-height: 1.5;
  }
  
  .plexa-adapter-payment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 20px;
  }
  
  .plexa-adapter-left,
  .plexa-adapter-right {
    border: 1px solid #cfcfcf;
    background: #fafafa;
    padding: 24px;
    border-radius: 6px;
  }
  
  .plexa-adapter-left h4,
  .plexa-adapter-right h4 {
    margin-top: 0;
    font-size: 22px;
    color: #222;
  }
  
  .plexa-payment-total {
    font-size: 30px;
    font-weight: 700;
    margin: 18px 0;
    color: #111;
  }
  
  .plexa-note {
    background: #fffef3;
    border: 1px solid #e4d78b;
    padding: 14px;
    border-radius: 4px;
    line-height: 1.5;
  }
  
  [data-pay-adapter] {
    width: 100%;
    font-size: 18px;
    padding: 16px;
    margin-top: 18px;
  }