.zxls-front{
  direction: rtl;
  font-family: inherit;
  font-size: var(--zxls-font-size, 14px);
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}

.zxls-front__card{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  background:#fff;
  border:1px solid #e6e6ef;
  border-radius: 1.15em;
  padding: 1.15em;
  box-shadow: 0 0.7em 2.1em rgba(20,20,43,.06);
  box-sizing: border-box;
}

.zxls-stepper{ display:flex; gap:.7em; margin-bottom:1em; flex-wrap:wrap; }
.zxls-step{
  flex:1;
  min-width: 12.5em;
  text-align:center;
  padding:.75em .9em;
  border-radius:.9em;
  border:1px solid #e6e6ef;
  background:#f9fafb;
  font-weight:800;
  color:#6b7280;
}
.zxls-step.is-active{ background: rgba(75,73,172,.10); border-color: rgba(75,73,172,.30); color:#4b49ac; }

.zxls-step-pane{ display:none; }
.zxls-step-pane.is-active{ display:block; }

.zxls-h3{ margin: 0 0 .9em; font-size: 1.15em; font-weight: 900; color:#111827; }
.zxls-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9em; }
@media (max-width: 720px){ .zxls-grid{ grid-template-columns: 1fr; } }

.zxls-field label{ display:block; font-weight:800; margin-bottom:.45em; color:#374151; }
.zxls-field input, .zxls-field select, .zxls-field textarea{
  width:100%;
  border:1px solid #e6e6ef;
  border-radius:.9em;
  padding:.75em .9em;
  background:#fff;
  outline:none;
  transition: .15s ease;
  font-size: 1em;
  font-family: inherit;
  box-sizing: border-box;
}
.zxls-field input:focus, .zxls-field select:focus, .zxls-field textarea:focus{
  border-color: rgba(75,73,172,.5);
  box-shadow: 0 0 0 .28em rgba(75,73,172,.10);
}
.zxls-field--full{ grid-column: 1 / -1; }

.zxls-divider{ height:1px; background:#eef0f4; margin: 1.05em 0; }

.zxls-modules{ margin-top: .75em; }
.zxls-modules.is-hidden{ display:none; }
.zxls-modules__title{ font-weight:900; margin-bottom: .75em; color:#111827; }
.zxls-modules__list{ display:grid; gap: .75em; }
.zxls-mod{
  border:1px solid #e6e6ef;
  border-radius:.9em;
  padding:.75em .9em;
  display:flex;
  gap:.7em;
  align-items:flex-start;
  background:#f9fafb;
}
.zxls-mod input{ margin-top: .28em; }
.zxls-mod__name{ font-weight:900; color:#111827; }
.zxls-mod__meta{ color:#6b7280; font-size: .9em; margin-top: .15em; }

.zxls-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top: .9em;
  padding: .9em 1em;
  border:1px solid rgba(75,73,172,.25);
  border-radius: 1em;
  background: rgba(75,73,172,.06);
}
.zxls-total__label{ font-weight:900; color:#4b49ac; }
.zxls-total__value{ font-weight:900; font-size: 1.3em; color:#111827; }
.zxls-curr{ font-size: .9em; color:#6b7280; font-weight:800; }

.zxls-front .zxls-btn{
  width:100%;
  margin-top: 1em;
  border:none;
  border-radius: var(--zxls-btn-radius, 14px);
  padding: .85em 1em;
  cursor:pointer;
  background: var(--zxls-btn-bg, #4b49ac) !important;
  color:#fff;
  font: inherit !important;
  transition:.15s ease;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.zxls-front .zxls-btn:hover{
  background: var(--zxls-btn-bg-hover, #3f3da6) !important;
  transform: translateY(-1px);
  box-shadow: 0 .75em 1.65em rgba(75,73,172,.25);
}
.zxls-front .zxls-btn:active,
.zxls-front .zxls-btn.is-selected{
  background: var(--zxls-btn-bg-active, #2f2d85) !important;
  transform: translateY(0);
  box-shadow: none;
}
.zxls-front .zxls-btn:disabled{ opacity:.7; cursor:not-allowed; transform:none; box-shadow:none; }

.zxls-note{ margin-top: .75em; font-size: .9em; color:#6b7280; }

.zxls-pay-box{
  border:1px dashed #e6e6ef;
  border-radius: 1em;
  padding: .9em 1em;
  background:#fff;
}

.zxls-success{ text-align:center; padding: 1.9em .75em; }
.zxls-success__icon{
  width: 4.7em; height:4.7em; border-radius: 999px; margin: 0 auto .9em;
  background: rgba(16,185,129,.12); color:#065f46; display:grid; place-items:center;
  font-size: 2em; font-weight: 900;
}
.zxls-success__title{ font-size: 1.25em; font-weight: 900; color:#111827; }
.zxls-success__text{ margin-top: .55em; color:#6b7280; }

.zxls-toast{
  position: fixed; right: 14px; bottom: 14px;
  background:#111827; color:#fff; padding: .75em .9em; border-radius: .9em;
  box-shadow: 0 .75em 1.65em rgba(0,0,0,.25); opacity:0; transform: translateY(10px);
  transition: .2s ease; pointer-events:none; z-index: 999999;
  max-width: calc(100vw - 28px);
  font-size: .95em;
  box-sizing: border-box;
}
.zxls-toast.is-show{ opacity:1; transform: translateY(0); }