.payment-section{padding:70px 0;direction:rtl;background:transparent}
.payment-header{text-align:center;margin-bottom:28px}
.payment-header h2{font-size:34px;font-weight:800;margin-bottom:8px}
.payment-header p{font-size:15px;margin:0;color:#f0f0f0}

.payment-methods{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:12px}
.payment-method{
  position:relative;min-height:68px;background:linear-gradient(145deg,#2a2a2d,#1a1b1f);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 48px 12px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:.25s ease
}
.payment-method:hover{background:linear-gradient(145deg,#6f7075,#55565a)!important;color:#fff!important;border-color:#fff!important}
.payment-method input{position:absolute;right:16px;width:18px;height:18px;accent-color:#111111}
.payment-title{font-size:15px;font-weight:800;color:#ffffff}
.payment-icon{font-size:26px}
.payment-method.is-selected{border:3px solid #a03a78!important;box-shadow:0 0 0 4px rgba(160,58,120,.3),0 16px 30px rgba(0,0,0,.2)!important}

.payment-panels{max-width:900px;margin:16px auto 0}
.payment-panel{display:none;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:linear-gradient(145deg,#2a2a2d,#1a1b1f);padding:18px;box-shadow:0 12px 24px rgba(0,0,0,.35)}
.payment-panel.is-active{display:block}
.payment-panel-header h3{margin:0 0 7px;color:#ffffff;font-size:20px;font-weight:800}
.payment-panel-header p{margin:0 0 16px;color:#d9d9d9;font-size:14px;line-height:1.8}

.payment-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payment-field{display:grid;gap:8px}
.payment-field-wide{grid-column:1 / -1}
.payment-field span,.installment-option span,.branch-confirm-option span{color:#ffffff;font-size:14px;font-weight:800}
.payment-field input{width:100%;height:52px;border:2px solid rgba(65,7,48,.35)!important;border-radius:12px;background:#fff!important;color:#111!important;font-size:15px;font-weight:700;padding:0 14px;direction:rtl;text-align:right;box-shadow:none!important}
.payment-field input:focus{border-color:#a03a78!important;box-shadow:0 0 0 4px rgba(160,58,120,.3)!important}

.installment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.installment-option,.branch-confirm-option{min-height:54px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;background:linear-gradient(145deg,#2a2a2d,#1a1b1f)}
.installment-option input,.branch-confirm-option input{width:18px;height:18px;accent-color:#111111}
.branch-confirm-option input{
  appearance:none;
  -webkit-appearance:none;
  border:2px solid #111111;
  border-radius:50%;
  background:#ffffff;
  position:relative;
}
.branch-confirm-option input:checked{
  background:#111111;
  box-shadow:0 0 0 2px #ffffff inset;
}
.installment-option:has(input:checked),.branch-confirm-option:has(input:checked){border:3px solid #a03a78!important;box-shadow:0 0 0 4px rgba(160,58,120,.3)!important}

.payment-selected-note{display:none;max-width:900px;margin:18px auto 0;text-align:center;color:#fff;font-size:15px;font-weight:800;line-height:1.8}
.payment-selected-note.is-visible{display:block}
.payment-selected-note.is-ready{color:#a03a78}

.payment-submit-btn{
  display:flex;align-items:center;justify-content:center;margin:28px auto 0;min-width:230px;min-height:58px;border:1px solid #fff!important;border-radius:999px;background:#fff!important;color:#111111!important;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px rgba(0,0,0,.18)!important;transition:.25s ease
}
.payment-submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#646569,#55565a)!important;color:#fff!important;transform:translateY(-2px)}
.payment-submit-btn:disabled,#payment-submit-btn:disabled{background:#808287!important;color:#fff!important;opacity:.68!important;cursor:not-allowed!important;box-shadow:none!important}

@media (max-width:767px){
  .payment-section{padding:50px 0}
  .payment-header h2{font-size:26px}
  .payment-methods,.payment-fields-grid,.installment-options{grid-template-columns:1fr}
  .payment-method{padding:10px 42px 10px 12px}
  .payment-title{font-size:13px}
}