.pmts-modern-wrapper { max-width: 480px; margin: 40px auto; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); font-family: sans-serif; overflow: hidden; }
.pmts-progress { height: 6px; background: #eee; width: 100%; }
.pmts-progress .bar { height: 100%; background: #ff6b00; transition: 0.4s ease; }
.pmts-card { display: none; padding: 30px; }
.pmts-card.active { display: block; animation: fadeIn 0.4s; }

/* Form Fields */
.p-input-group { margin-bottom: 20px; }
.p-label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 14px; color: #444; }
.p-select, input[type="text"], input[type="number"], textarea { width: 100%; padding: 12px; border: 2px solid #eee; border-radius: 10px; outline: none; box-sizing: border-box; font-family:inherit;}
textarea { resize: vertical; }

/* The Delivery Toggle */
.p-delivery-toggle { display: flex; gap: 10px; margin-bottom: 20px; }
.d-option { flex: 1; text-align: center; padding: 15px; border: 2px solid #eee; border-radius: 10px; cursor: pointer; font-weight: bold; color: #666; transition: 0.2s; background: #fafafa; }
.d-option.active { border-color: #ff6b00; background: #fff5eb; color: #ff6b00; }

/* Shop Card */
.p-shop-card { display: flex; align-items: center; background: #f8f9fa; border-left: 4px solid #ff6b00; padding: 15px; border-radius: 8px; margin-top: 15px; }

/* Buttons */
.p-btn { width: 100%; background: #ff6b00; color: #fff; border: none; padding: 16px; border-radius: 12px; font-weight: 700; cursor: pointer; }
.p-btn-sec { background: #fff; color: #333; padding: 12px; border-radius: 12px; border: 1px solid #ddd; cursor: pointer; font-weight: 600;}
.p-btn-whatsapp { width: 100%; background: #25D366; color: #fff; border: none; padding: 16px; border-radius: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.p-btn-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }

/* Receipt */
.p-receipt { background: #f8f9fa; padding: 20px; border: 1px dashed #ccc; border-radius: 10px; margin: 20px 0; line-height: 1.6;}
.p-row { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 14px; align-items: center;}
.p-spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #ff6b00; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 10px; }

/* Select2 Search Overrides */
.select2-container .select2-selection--single { height: 45px; border: 2px solid #eee; border-radius: 10px; display: flex; align-items: center; }
.select2-search__field { outline: none !important; border-radius: 5px; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }