/* Show desktop by default */
.ebadi-5step-root .ebadi-mobile{ display:none !important; }
.ebadi-5step-root .ebadi-desktop{ display:block !important; }

/* ===== Stepper (Progress bar) — matches the provided design ===== */
.ebadi-5step-root{
  --ebadi-gold: #d2ab66;        /* rgb(210,171,102) */
  --ebadi-gold-light: #e8d5b3;  /* rgb(232,213,179) */
  --ebadi-grey: #d1c8b8;        /* rgb(209,200,184) */
  --ebadi-line-grey: rgba(0,0,0,.22);
  --ebadi-font-family: "Peyda", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial;
  --ebadi-text-base: 14px;
  --ebadi-text-sm: 12px;
  --ebadi-text-label: 13px;
  --ebadi-text-title: 18px;
  --ebadi-text-topbar: 16px;
  --ebadi-line-height: 1.6;

  font-family: var(--ebadi-font-family);
  font-size: var(--ebadi-text-base);
  line-height: var(--ebadi-line-height);
}


/* Extra specificity to beat late-loaded theme/Elementor rules */
.ebadi-5step-root.ebadi-5step-root,
.ebadi-5step-root.ebadi-5step-root *{
  font-family: "Peyda", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial !important;
}

.ebadi-5step-root .stepper{ margin-top: 8px !important; padding: 0 8px !important; }

/*
  Stages flow is RIGHT ➜ LEFT (Persian UX):
  اطلاعات تماس → شعب → خودرو → رزرو
  We render visually as: رزرو | خودرو | شعب | اطلاعات تماس
*/
.ebadi-5step-root .stepper .steps{
  list-style:none; margin:0; padding:0;
  display:flex !important;
  justify-content:space-between !important;
  gap: 18px !important;
  position:relative !important;
  direction: ltr !important;
  flex-direction: row-reverse !important;
}

/* Base (gray) connector line (precise edges set by JS) */
.ebadi-5step-root .stepper .steps:before{
  content:"";
  position:absolute;
  top: 14px !important; /* centers for 22px dots (with 4px top margin) + 30px active dot */
  left: var(--ebadi-line-left, 11px) !important;
  right: var(--ebadi-line-right, 11px) !important;
  height:2px !important;
  background: var(--ebadi-line-grey) !important;
  border-radius: 2px !important;
  z-index:0;
}

/* Progress (gold) line fills from RIGHT to LEFT */
.ebadi-5step-root .stepper .steps:after{
  content:"";
  position:absolute;
  top: 14px !important;
  left: var(--ebadi-line-left, 11px) !important;
  right: var(--ebadi-line-right, 11px) !important;
  height:2px !important;
  background: var(--ebadi-gold) !important;
  border-radius: 2px !important;
  transform-origin: right center !important;
  transform: scaleX(var(--ebadi-progress, 0)) !important;
  z-index:0;
}

.ebadi-5step-root .stepper .step{ flex:1 !important; text-align:center !important; position:relative !important; z-index:1 !important; }

.ebadi-5step-root .stepper .step .dot{
  width:22px !important;
  height:22px !important;
  border-radius:50%;
  margin: 4px auto 8px !important; /* centers align with active dot */
  background: var(--ebadi-grey) !important;
  position:relative !important;
}

.ebadi-5step-root .stepper .step .label{
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  color: rgba(0,0,0,.32) !important;
  direction: rtl !important;
  user-select:none;
}

/* Done (checked) */
.ebadi-5step-root .stepper .step.is-done .dot{
  background: var(--ebadi-gold) !important;
}
.ebadi-5step-root .stepper .step.is-done .label{
  color: var(--ebadi-gold) !important;
}
.ebadi-5step-root .stepper .step.is-done .dot:after{
  content:"";
  position:absolute;
  inset: 4px !important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Active (larger, two-tone gold) */
.ebadi-5step-root .stepper .step.is-active .dot{
  width:30px !important;
  height:30px !important;
  margin-top:0 !important;
  background: var(--ebadi-gold-light) !important;
}
.ebadi-5step-root .stepper .step.is-active .label{
  color: var(--ebadi-gold) !important;
}
.ebadi-5step-root .stepper .step.is-active .dot:after{
  content:"";
  position:absolute;
  inset:6px !important;
  border-radius:50%;
  background: var(--ebadi-gold) !important;
}

/* Safety: if a step is both active & done, prefer active style */
.ebadi-5step-root .stepper .step.is-active.is-done .dot:after{
  inset:6px;
  background-image:none;
}
/* ===== End Stepper ===== */

/* Switch to mobile under 980px */
@media (max-width: 980px){
  .ebadi-5step-root .ebadi-mobile{ display:block !important; }
  .ebadi-5step-root .ebadi-desktop{ display:none !important; }
}

/* Step visibility */
/* Default visible step 1 (so page is not blank if JS loads late / Elementor injects) */
.ebadi-step{ display:none; }
.ebadi-5step-root[data-current-step="1"] .ebadi-step[data-step="1"]{ display:block; }
.ebadi-5step-root[data-current-step]:not([data-current-step="1"]) .ebadi-step[data-step="1"]{ display:none; }
.ebadi-step.is-active{ display:block; }

/* ===== 1m.html ===== */

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"]{
      --bg: #f4f1ec;
      --card: #ffffff;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --info-bg:#cfe0e8;
      --info-text:#2f3b44;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --shadow: 0 16px 34px rgba(0,0,0,.10);
      --radius: 24px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"]{
      margin:0;
      background: var(--bg);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .phone{
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 14px 14px 18px;
    }

    /* هدر بالا: لوگو چپ + عنوان وسط + فضای خالی راست */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .topbar{
      display:grid;
      grid-template-columns: 44px 1fr 44px;
      align-items:center;
      gap: 8px;
      padding: 6px 2px 10px;

      direction:ltr; /* ✅ برای اینکه لوگو واقعاً سمت چپ بیفته */
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .logo{
      width: 44px;
      height: 44px;
      display:grid;
      place-items:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .logo img{
      width: 40px;
      height: 40px;
      object-fit: contain;
      display:block;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .topTitle{
      text-align:center;
      font-weight:900;
      color:#2f221a;
      font-size: 16px;
      letter-spacing:.2px;

      direction:rtl; /* متن فارسی */
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .spacer{ width:44px; height:44px; }

    /* تصویر و استپر */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .hero{
      background: transparent;
      border-radius: 18px;
      overflow:hidden;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .heroImg{
      display:flex;
      justify-content:center;
      align-items:flex-end;
      padding-top: 6px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .heroImg img{
      width: 320px;
      max-width: 100%;
      height:auto;
      display:block;
      object-fit:contain;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .stepper{
      margin-top: 6px;
      padding: 2px 8px 0;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      justify-content:space-between;
      gap: 10px;
      position:relative;

      /* ✅ آپدیت: استپر از راست به چپ */
      direction: rtl;
      flex-direction: row-reverse;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .steps::before{
      content:"";
      position:absolute;
      right: 22px;
      left: 22px;
      top: 9px;
      height:2px;
      border-radius:999px;
      background:#ddd4c8;
      opacity:.9;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .step{
      width:25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .dot{
      width: 16px;
      height: 16px;
      margin:0 auto 6px;
      border-radius:50%;
      background:#d2c6b6;
      border: 4px solid #d2c6b6;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .step.is-active .dot{
      background:#fff;
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(199,162,106,.18);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .label{
      font-size: 12px;
      color:#b6afa6;
      user-select:none;
      line-height:1.1;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .step.is-active .label{
      color: var(--gold-2);
      font-weight:800;
    }

    /* کارت فرم */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .card{
      margin-top: 12px;
      background: var(--card);
      border-radius: 26px;
      box-shadow: 0 14px 28px rgba(0,0,0,.08);
      padding: 16px 14px 14px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .cardTitle{
      margin: 2px 0 12px;
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
      text-align:center;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .form{
      display:flex;
      flex-direction:column;
      gap: 12px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .field{
      display:flex;
      flex-direction:column;
      gap: 8px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .field label{
      font-size: 13px;
      color:#4c4c4c;
      font-weight:700;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .control{
      position:relative;
    }

    /* آیکون داخل فیلد (سمت راست) */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .icon{
      position:absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      color:#2f2f2f;
      opacity:.85;
      pointer-events:none;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input{
      width:100%;
      height: 48px;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      font-size: 14px;
      outline:none;
      transition:.15s ease;

      /* Default: reserve space for the right icon */
      padding: 0 44px 0 14px;
      color:#3a3a3a;
    }

    /* Field-specific directions
       We keep phone/email LTR (numbers/email), and we also set fullname to LTR so
       the text/placeholder sits on the left like the phone/email fields and never
       collides with the right-side icon.
    */
    .ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input#fullname{
      direction: ltr !important;
      text-align: left !important;
      unicode-bidi: plaintext;
    }
    .ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input#mobile,
    .ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input#email{
      direction: ltr;
      text-align: left;
      unicode-bidi: plaintext;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input:focus{
      background:#fff;
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.12);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] input::placeholder{ color:#b8b2aa; }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .info{
      border-radius: 12px;
      background: var(--info-bg);
      color: var(--info-text);
      padding: 12px 44px 12px 12px;
      position:relative;
      line-height: 1.9;
      border: 1px solid rgba(0,0,0,.04);
      font-size: 13px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .infoIcon{
      position:absolute;
      right: 12px;
      top: 12px;
      width: 20px;
      height: 20px;
      color:#2f3b44;
      opacity:.9;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .hint{
      color:#b3aca3;
      font-weight:600;
      font-size:12px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .btn{
      margin-top: 6px;
      width:100%;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:900;
      font-size: 16px;
      cursor:pointer;
      box-shadow: 0 16px 24px rgba(199,162,106,.28);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .btn:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .btn:active{ transform: translateY(0px); }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="1"] .btn svg{
      width:18px;
      height:18px;
      opacity:.95;
    }
  

/* ===== 2m.html ===== */

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"]{
      --bg: #f4f1ec;
      --card: #ffffff;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --muted:#b6afa6;

      --shadow: 0 16px 34px rgba(0,0,0,.10);
      --radius: 26px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"]{
      margin:0;
      background: var(--bg);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .phone{
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 14px 14px 18px;
    }

    /* Header */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .topbar{
      display:grid;
      grid-template-columns: 44px 1fr 44px;
      align-items:center;
      gap: 8px;
      padding: 6px 2px 10px;
      direction:ltr;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .logo{
      width: 44px;
      height: 44px;
      display:grid;
      place-items:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .logo img{
      width: 40px;
      height: 40px;
      object-fit:contain;
      display:block;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .topTitle{
      text-align:center;
      font-weight:900;
      color:#2f221a;
      font-size: 16px;
      letter-spacing:.2px;
      direction:rtl;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .iconBtn{
      width: 40px;
      height: 40px;
      border-radius: 12px;
      border: 1px solid #2e2a22;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .iconBtn svg{ width:18px; height:18px; }

    /* Hero image */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .hero{
      background: transparent;
      border-radius: 18px;
      overflow:hidden;
      margin-top: 2px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .heroImg{
      display:flex;
      justify-content:center;
      align-items:flex-end;
      padding-top: 6px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .heroImg img{
      width: 330px;
      max-width: 100%;
      height:auto;
      display:block;
      object-fit:contain;
    }

    /* Stepper */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .stepper{
      margin-top: 6px;
      padding: 2px 8px 0;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      justify-content:space-between;
      gap: 10px;
      position:relative;

      /* ✅ استپر از راست به چپ */
      direction: rtl;
      flex-direction: row-reverse;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .steps::before{
      content:"";
      position:absolute;
      right: 22px;
      left: 22px;
      top: 9px;
      height:2px;
      border-radius:999px;
      background:#ddd4c8;
      opacity:.95;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .step{
      width:25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .dot{
      width: 16px;
      height: 16px;
      margin:0 auto 6px;
      border-radius:50%;
      background:#d2c6b6;
      border: 4px solid #d2c6b6;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 11px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .step.is-active .dot{
      background:#fff;
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(199,162,106,.18);
      color: transparent;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .step.is-done .dot{
      background: var(--gold);
      border-color: var(--gold);
      box-shadow: 0 10px 16px rgba(199,162,106,.14);
      color:#fff;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .label{
      font-size: 12px;
      color: var(--muted);
      user-select:none;
      line-height:1.1;
    }

    .step.is-active .label,
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .step.is-done .label{
      color: var(--gold-2);
      font-weight:800;
    }

    /* Card */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .card{
      margin-top: 12px;
      background: var(--card);
      border-radius: 26px;
      box-shadow: 0 14px 28px rgba(0,0,0,.08);
      padding: 16px 14px 14px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .cardTitle{
      margin: 2px 0 12px;
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
      text-align:center;
      line-height:1.8;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .cardTitle .hl{ color: var(--gold); }

    /* Branches grid */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branchGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 10px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch{
      height: 58px;
      border-radius: 14px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      cursor:pointer;
      transition:.15s ease;
      user-select:none;
      color:#6f6a62;
      font-weight:800;
      padding: 0 10px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch .name{
      max-width: 78%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch:hover{ transform: translateY(-1px); }

/* ✅ Mobile: make selected branch clearly visible */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch.is-selected{
      background:#fff;
      border-color: rgba(199,162,106,.95);
      /* Looks like a thicker gold border without changing layout */
      box-shadow:
        0 0 0 2px rgba(199,162,106,.65),
        0 10px 18px rgba(199,162,106,.14);
      color: var(--gold-2);
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch.is-selected .name{
      color: var(--gold-2);
      font-weight: 900;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch.is-selected .tag{
      color: rgba(160,122,58,.85);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch .tag{
      position:absolute;
      right: 12px;
      top: 10px;
      font-size: 11px;
      color:#c5beb6;
      font-weight:700;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .branch.is-wide{
      grid-column: 1 / -1;
    }

    /* CTA */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .cta{
      margin-top: 14px;
      width:100%;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:900;
      font-size: 16px;
      cursor:pointer;
      box-shadow: 0 16px 24px rgba(199,162,106,.26);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .cta:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="2"] .cta svg{ width:18px; height:18px; opacity:.95; }
  

/* ===== 3m.html ===== */

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]){
      --bg:#f4f1ec;
      --card:#ffffff;
      --text:#2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --muted:#b6afa6;

      --shadow: 0 16px 34px rgba(0,0,0,.10);
      --radius: 26px;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) *{box-sizing:border-box}
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]){
      margin:0;
      background: var(--bg);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .phone{
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 14px 14px 18px;
    }

    /* Header */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .topbar{
      display:grid;
      grid-template-columns: 44px 1fr 44px;
      align-items:center;
      gap: 8px;
      padding: 6px 2px 10px;
      direction:ltr;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .logo{
      width: 44px;
      height: 44px;
      display:grid;
      place-items:center;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .logo img{
      width: 40px;
      height: 40px;
      object-fit:contain;
      display:block;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .topTitle{
      text-align:center;
      font-weight:900;
      color:#2f221a;
      font-size: 16px;
      letter-spacing:.2px;
      direction:rtl;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .iconBtn{
      width: 40px;
      height: 40px;
      border-radius: 12px;
      border: 1px solid #2e2a22;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .iconBtn svg{ width:18px; height:18px; }

    /* Hero */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .hero{
      background: transparent;
      border-radius: 18px;
      overflow:hidden;
      margin-top: 2px;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .heroImg{
      display:flex;
      justify-content:center;
      align-items:flex-end;
      padding-top: 6px;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .heroImg img{
      width: 330px;
      max-width: 100%;
      height:auto;
      display:block;
      object-fit:contain;
    }

    /* Stepper */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .stepper{
      margin-top: 6px;
      padding: 2px 8px 0;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      justify-content:space-between;
      gap: 10px;
      position:relative;

      /* ✅ آپدیت: استپر از راست به چپ */
      direction: rtl;
      flex-direction: row-reverse;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .steps::before{
      content:"";
      position:absolute;
      right: 22px;
      left: 22px;
      top: 9px;
      height:2px;
      border-radius:999px;
      background:#ddd4c8;
      opacity:.95;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step{
      width:25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .dot{
      width: 16px;
      height: 16px;
      margin:0 auto 6px;
      border-radius:50%;
      background:#d2c6b6;
      border: 4px solid #d2c6b6;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 11px;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-active .dot{
      background:#fff;
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(199,162,106,.18);
      color: transparent;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-done .dot{
      background: var(--gold);
      border-color: var(--gold);
      box-shadow: 0 10px 16px rgba(199,162,106,.14);
      color:#fff;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .label{
      font-size: 12px;
      color: var(--muted);
      user-select:none;
      line-height:1.1;
    }

    .step.is-active .label,
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-done .label{
      color: var(--gold-2);
      font-weight:800;
    }

    /* Card */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .card{
      margin-top: 12px;
      background: var(--card);
      border-radius: 26px;
      box-shadow: 0 14px 28px rgba(0,0,0,.08);
      padding: 16px 14px 14px;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .badge{
      text-align:center;
      font-size: 12px;
      font-weight:800;
      color:#6f6a62;
      background:#f7f4ef;
      border: 1px solid #eee6db;
      width: fit-content;
      margin: 0 auto 8px;
      padding: 8px 14px;
      border-radius: 999px;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .cardTitle{
      margin: 0 0 12px;
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
      text-align:center;
      line-height:1.8;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .field{
      display:flex;
      flex-direction:column;
      gap: 8px;
      text-align:right;
      margin-top: 12px;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .field label{
      font-size: 13px;
      color:#4c4c4c;
      font-weight:800;
    }

    /* Inputs with icons (fullname/mobile) */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control{ position:relative; }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control .icon{
      position:absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      color:#b8b2aa;
      pointer-events:none;
      display:block;
    }

    /* Tabs */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs{
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
      margin-top: 6px;
    }

/* If only one service type is available, show it full width */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs.ebadi-single-service{
      grid-template-columns: 1fr;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tab{
      height: 46px;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background:#fff;
      color:#8e8a83;
      font-weight:900;
      cursor:pointer;
      transition:.15s ease;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tab.is-active{
      color: var(--gold);
      border-color: rgba(199,162,106,.9);
      box-shadow: 0 10px 16px rgba(199,162,106,.10);
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select{
      width:100%;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      font-size: 14px;
      outline:none;
      transition:.15s ease;
      text-align:right;
      color:#3a3a3a;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select{ height: 52px; padding: 0 14px; }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control input{ padding-left: 46px !important; }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea{ min-height: 120px; padding: 14px; resize:none; line-height:1.9; }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input:focus, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea:focus, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select:focus{
      background:#fff;
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.12);
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input::placeholder, .ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea::placeholder{ color:#b8b2aa; }

    /* Select arrow on left (مثل عکس) */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .selectWrap{ position:relative; }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .selectWrap::before{
      content:"";
      position:absolute;
      left: 14px;
      top: 50%;
      width: 0;
      height: 0;
      border-left:6px solid transparent;
      border-right:6px solid transparent;
      border-top:7px solid #7b776f;
      transform: translateY(-20%);
      pointer-events:none;
      opacity:.9;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select{
      appearance:none;
      -webkit-appearance:none;
      padding-left: 42px; /* جا برای فلش چپ */
      cursor:pointer;
    }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .rowTime{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .rowTime select{ flex:1; }

.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .optional{
      color:#b3aca3;
      font-weight:700;
      font-size:12px;
    }

    /* CTA */
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .cta{
      margin-top: 14px;
      width:100%;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:900;
      font-size: 16px;
      cursor:pointer;
      box-shadow: 0 16px 24px rgba(199,162,106,.26);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .cta:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-mobile :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .cta svg{ width:18px; height:18px; opacity:.95; }
  

/* ===== 4m.html ===== */

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"]{
      --bg: #f4f1ec;
      --card: #ffffff;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --muted:#8e8a83;
      --line:#ddd4c8;

      --shadow: 0 16px 34px rgba(0,0,0,.10);
      --radius: 26px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"]{
      margin:0;
      background: var(--bg);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .phone{
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 14px 14px 18px;
    }

    /* Header */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .topbar{
      display:grid;
      grid-template-columns: 44px 1fr 44px;
      align-items:center;
      gap: 8px;
      padding: 6px 2px 10px;
      direction:ltr;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .logo{
      width: 44px;
      height: 44px;
      display:grid;
      place-items:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .logo img{
      width: 40px;
      height: 40px;
      object-fit:contain;
      display:block;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .topTitle{
      text-align:center;
      font-weight:900;
      color:#2f221a;
      font-size: 16px;
      letter-spacing:.2px;
      direction:rtl;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .iconBtn{
      width: 40px;
      height: 40px;
      border-radius: 12px;
      border: 1px solid #2e2a22;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .iconBtn svg{ width:18px; height:18px; }

    /* Page title */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .pageTitle{
      margin: 8px 0 2px;
      text-align:center;
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .pageSub{
      margin: 0 auto 10px;
      text-align:center;
      line-height: 2;
      color:#6b665e;
      font-size: 13px;
      max-width: 360px;
    }

    /* Cards */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .card{
      background: var(--card);
      border-radius: 26px;
      box-shadow: 0 14px 28px rgba(0,0,0,.08);
      padding: 14px 14px 14px;
      margin-top: 12px;
      border: 1px solid rgba(199,162,106,.18);
      /* ✅ keep gateway rows (and their shadows) inside the card on mobile */
      overflow: hidden;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .cardHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 10px;
      margin-bottom: 10px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .cardHead h3{
      margin:0;
      font-size: 14px;
      font-weight: 900;
      color:#2f221a;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .chip{
      font-size: 11px;
      font-weight: 900;
      color: var(--gold-2);
      background:#fbf7f1;
      border:1px solid #efe7dc;
      padding: 6px 10px;
      border-radius: 999px;
      white-space:nowrap;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .kvGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .kv{
      border-radius: 14px;
      border: 1px solid #f1ede6;
      background:#fbfaf8;
      padding: 10px 10px;
      text-align:right;
      min-height: 62px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .k{
      font-size: 11px;
      color:#8e8a83;
      font-weight: 900;
      margin-bottom: 6px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .v{
      font-size: 13px;
      color:#2f221a;
      font-weight: 900;
      line-height:1.6;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .kv.wide{ grid-column: 1 / -1; }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .priceBox{
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px dashed #eadfce;
      display:grid;
      gap: 8px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      font-size: 13px;
      color:#5f5a53;
      font-weight: 900;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .row strong{ color:#2f221a; }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .row.total{
      margin-top: 4px;
      padding-top: 10px;
      border-top: 1px solid #f0ebe2;
      font-size: 14px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .row.total strong{
      color: var(--gold-2);
      font-size: 16px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .coupon{
      margin-top: 12px;
      display:flex;
      gap: 10px;
      align-items:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .coupon input{
      flex:1;
      height: 46px;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      padding: 0 14px;
      outline:none;
      font-size: 13.5px;
      text-align:right;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .coupon input:focus{
      background:#fff;
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.12);
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .miniBtn{
      height: 46px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      font-weight: 900;
      color:#5f5a53;
      transition:.15s ease;
      white-space:nowrap;
    }

    /* Gateways */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwList{
      display:grid;
      /* ✅ prevent grid from growing wider than the card */
      grid-template-columns: 1fr;
      gap: 10px;
      margin-top: 6px;
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      transition:.15s ease;
      user-select:none;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwLeft{
      display:flex;
      align-items:center;
      gap: 10px;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwLogo{
      width: 42px;
      height: 42px;
      border-radius: 14px;
      border: 1px solid #f1ede6;
      background:#fbfaf8;
      display:grid;
      place-items:center;
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwLogo svg{
      width: 22px;
      height: 22px;
      color: var(--gold-2);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwMeta{ min-width:0; text-align:right; }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwName{
      font-weight: 900;
      color:#2f221a;
      font-size: 13.5px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwHint{
      font-size: 12px;
      color:#8e8a83;
      margin-top: 4px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .radio{
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 2px solid #d9d0c3;
      background:#fff;
      display:grid;
      place-items:center;
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .radio::after{
      content:"";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: transparent;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] input[type="radio"]{
      position:absolute;
      opacity:0;
      pointer-events:none;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw.is-selected{
      border-color: rgba(199,162,106,.85);
      box-shadow: 0 14px 24px rgba(199,162,106,.10);
      background: linear-gradient(180deg, #fff 0%, #fffbf4 100%);
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw.is-selected .radio{ border-color: var(--gold); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw.is-selected .radio::after{ background: var(--gold); }

/* Coming soon gateways */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw.is-disabled{
      opacity: .55;
      cursor: not-allowed;
      filter: grayscale(1);
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gw.is-disabled:hover{ transform: none; }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .gwSoon{
      font-weight: 900;
      color: #a07a3a;
    }

    /* Pay area */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .payBar{
      margin-top: 14px;
      display:flex;
      gap: 12px;
      align-items:center;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnCircle{
      width: 56px;
      height: 56px;
      border-radius: 999px;
      border: 1px solid #efe7dc;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      box-shadow: 0 12px 20px rgba(0,0,0,.06);
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnCircle:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnCircle svg{ width: 22px; height: 22px; color:#5e5b55; }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnMain{
      flex:1;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight: 900;
      font-size: 16px;
      cursor:pointer;
      box-shadow: 0 16px 24px rgba(199,162,106,.26);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnMain:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnMain:active{ transform: translateY(0px); }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnMain[disabled]{
      opacity:.55;
      cursor:not-allowed;
      box-shadow:none;
      transform:none !important;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="5"] .btnMain svg{ width:18px; height:18px; opacity:.95; }
  

/* ===== 5m.html ===== */

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"]{
      --bg:#f4f1ec;
      --card:#ffffff;
      --text:#2d2d2d;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --muted:#8e8a83;
      --line:#ddd4c8;

      --shadow: 0 16px 34px rgba(0,0,0,.10);
      --radius: 26px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"]{
      margin:0;
      background: var(--bg);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .phone{
      width: min(420px, 100%);
      margin: 0 auto;
      padding: 14px 14px 18px;
    }

    /* Header */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .topbar{
      display:grid;
      grid-template-columns: 44px 1fr 44px;
      align-items:center;
      gap: 8px;
      padding: 6px 2px 10px;
      direction:ltr; /* لوگو چپ، منو راست */
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .logo{
      width: 44px;
      height: 44px;
      display:grid;
      place-items:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .logo img{
      width: 40px;
      height: 40px;
      object-fit:contain;
      display:block;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .topTitle{
      text-align:center;
      font-weight:900;
      color:#2f221a;
      font-size: 16px;
      letter-spacing:.2px;
      direction:rtl;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .menuBtn{
      width: 40px;
      height: 40px;
      border-radius: 12px;
      border: 0;
      background: transparent;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .menuBtn svg{ width:26px; height:26px; opacity:.9; }

    /* Hero */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .hero{
      margin-top: 8px;
      display:flex;
      justify-content:center;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .hero img{
      width: 330px;
      max-width: 100%;
      height:auto;
      object-fit:contain;
      display:block;
    }

    /* Stepper */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .stepper{
      margin-top: 12px;
      padding: 0 10px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      justify-content:space-between;
      position:relative;
      gap: 10px;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .steps::before{
      content:"";
      position:absolute;
      right: 22px;
      left: 22px;
      top: 9px;
      height:2px;
      border-radius:999px;
      background: var(--line);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .step{
      width:25%;
      text-align:center;
      position:relative;
      z-index:1;
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .dot{
      width: 16px;
      height: 16px;
      margin:0 auto 6px;
      border-radius:50%;
      background: var(--gold);
      border: 4px solid var(--gold);
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 11px;
      box-shadow: 0 10px 16px rgba(199,162,106,.16);
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .label{
      font-size: 12px;
      color: var(--gold-2);
      font-weight:800;
      user-select:none;
      line-height:1.1;
    }

    /* Texts */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .title{
      margin: 14px 0 8px;
      text-align:center;
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .desc{
      margin: 0 auto;
      text-align:center;
      line-height: 2;
      color:#6b665e;
      font-size: 13.5px;
      max-width: 340px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .note{
      margin: 8px auto 0;
      text-align:center;
      line-height: 2;
      color:#4a463f;
      font-size: 13.5px;
      max-width: 340px;
    }

    /* Support box */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .support{
      margin: 16px auto 14px;
      width: 100%;
      border-radius: 18px;
      border: 1px solid #e7ded2;
      background:#eef0ee;
      padding: 14px 14px 16px;
      text-align:center;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .support .phoneIcon{
      width: 22px;
      height: 22px;
      color: var(--gold);
      display:block;
      margin: 0 auto 8px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .support .cap{
      font-size: 13px;
      color:#6b665e;
      font-weight:800;
      margin-bottom: 4px;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .support .num{
      font-size: 18px;
      font-weight: 900;
      color:#2f221a;
      letter-spacing:.2px;
    }

    /* Bottom buttons */
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .actions{
      display:flex;
      gap: 12px;
      direction:ltr; /* طلایی سمت چپ، سفید سمت راست */
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .btn{
      flex:1;
      height: 54px;
      border-radius: 999px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      font-weight:900;
      font-size: 15px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
      direction:rtl; /* متن فارسی */
    }
.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .btn:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .btnPrimary{
      border:0;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      box-shadow: 0 16px 24px rgba(199,162,106,.26);
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .btnGhost{
      background:#fff;
      color:#8e8a83;
    }

.ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="6"] .btn svg{
      width:18px;
      height:18px;
      opacity:.95;
    }
  

/* ===== 1d.html ===== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"]{
      --bg: #f6f4f0;
      --card: #ffffff;
      --muted: #9aa0a6;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --info-bg:#d9e9f2;
      --info-text:#2f3b44;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --shadow: 0 18px 40px rgba(0,0,0,.08);
      --radius: 28px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"]{
      margin:0;
      background: radial-gradient(1200px 600px at 50% 0%, #fff 0%, var(--bg) 55%, #efeae3 100%);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .shell{
      width:min(1180px, 100%);
      background: var(--card);
      border-radius: 42px;
      box-shadow: var(--shadow);
      overflow:hidden;
      padding: 34px 34px 30px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .grid{
      display:grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 34px;
      align-items:stretch;
      direction: ltr; /* ستون‌ها فیزیکی: left چپ، right راست */
    }

    /* داخل هر ستون RTL */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .left, .ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .right{ direction: rtl; }

    /* Left */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .left{
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap: 18px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .hero{
      background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
      border-radius: var(--radius);
      padding: 18px 18px 10px;
      position:relative;
      min-height: 220px;
      overflow:hidden;
      border: 1px solid #f1ede6;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .hero img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      opacity:.98;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .stepper{
      margin-top: 10px;
      padding: 8px 6px 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 10px;
      position:relative;

      /* ✅ آپدیت اصلی: نمایش از راست به چپ */
      direction: rtl;
      flex-direction: row-reverse;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .steps::before{
      content:"";
      position:absolute;
      right: 28px;
      left: 28px;
      top: 10px;
      height:2px;
      background: #e9e2d8;
      border-radius:999px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .step{
      width: 25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .dot{
      width: 18px;
      height: 18px;
      margin:0 auto 8px;
      border-radius:50%;
      background:#d7c7b0;
      border: 4px solid #d7c7b0;
      outline: 4px solid transparent;
      box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .step.is-done .dot{
      background:#cdb690;
      border-color:#cdb690;
      opacity:1;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .step.is-active .dot{
      background: #fff;
      border-color: var(--gold);
      outline: 3px solid rgba(199,162,106,.25);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .label{
      font-size:12px;
      color:#b2aba2;
      letter-spacing:.2px;
      line-height:1.1;
      user-select:none;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .step.is-active .label{
      color: var(--gold-2);
      font-weight:600;
    }

    /* ===================== SUPPORT ROW (FIXED) ===================== */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .supportRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      padding: 12px 14px;
      border: 1px solid #f0ebe2;
      border-radius: 18px;
      background: #fff;
      color:#3a3a3a; /* برای currentColor آیکون‌ها */
    }

/* Desktop: Support link button (separate from step back buttons) */
.ebadi-5step-root .ebadi-desktop .supportRow .supportBtn{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  border: 1px solid var(--gold, #c7a26a);
  background: #fff;
  display: grid;
  place-items: center;
  text-decoration: none;
  color: #2e2a22;
  padding: 0;
  flex: 0 0 auto;
  transition: .15s ease;
}
.ebadi-5step-root .ebadi-desktop .supportRow .supportBtn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}
.ebadi-5step-root .ebadi-desktop .supportRow .supportBtn:active{ transform: translateY(0px); }
.ebadi-5step-root .ebadi-desktop .supportRow .supportBtn svg{
  width: 18px;
  height: 18px;
  display: block;
}


.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .supportRight{
      display:flex;
      align-items:center;
      gap: 10px;
      font-size:14px;
      font-weight:600;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .supportRight span{ white-space: nowrap; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .phoneIcon{
      width: 20px;
      height: 20px;
      color: var(--gold);
      flex: 0 0 auto;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .supportLeft{
      flex: 0 0 auto;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .backBtn{
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #efe7dc;
      background: #fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      padding:0;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .backBtn:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .backBtn svg{ display:block; }
    /* =============================================================== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .banner{
      border-radius: 22px;
      overflow:hidden;
      border: 1px solid #f0ebe2;
      background: #0b5bd3;
      min-height: 110px;
      position:relative;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .banner img{
      width:100%;
      height:110px;
      object-fit:cover;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .bannerDots{
      display:flex;
      gap: 8px;
      justify-content:center;
      padding-top: 10px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .bannerDots span{
      width: 18px;
      height: 4px;
      border-radius: 999px;
      background: #d8d2c9;
      opacity:.8;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .bannerDots span.active{
      background: var(--gold);
      opacity:1;
    }

    /* Right */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .right{
      padding: 6px 8px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap: 14px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .title{
      font-size: 26px;
      margin: 0 0 6px;
      font-weight: 800;
      color:#3a2b20;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .form{
      display:flex;
      flex-direction:column;
      gap: 14px;
      padding-top: 2px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .field{
      display:flex;
      flex-direction:column;
      gap: 8px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .field label{
      font-size:14px;
      color:#4c4c4c;
      font-weight:600;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control{ position:relative; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control input{
      width:100%;
      height: 50px;
      border-radius: 10px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      padding: 0 44px 0 14px;
      font-size: 14px;
      outline:none;
      transition:.15s ease;
    }

    /* Field-specific directions
       fullname is also LTR so its value/placeholder sits on the left like phone/email
       and the right-side icon stays clear.
    */
    .ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control input#fullname{
      direction: ltr !important;
      text-align: left !important;
      unicode-bidi: plaintext;
    }
    .ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control input#mobile,
    .ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control input#email{
      direction: ltr;
      text-align: left;
      unicode-bidi: plaintext;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .control input:focus{
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.14);
      background:#fff;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .icon{
      position:absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 18px;
      height: 18px;
      color: #3a3a3a;
      opacity:.85;
      pointer-events:none;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .hint{
      font-size:12px;
      color:#b3aca3;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .info{
      border-radius: 10px;
      background: var(--info-bg);
      color: var(--info-text);
      padding: 10px 40px 14px 44px;
      position:relative;
      line-height: 1.9;
      border: 1px solid rgba(0,0,0,.04);
      font-size: 13.5px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .info .infoIcon{
      position:absolute;
      right: 12px;
      top: 14px;
      width: 20px;
      height: 20px;
      opacity:.9;
      color:#2f3b44;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .actions{ margin-top: 2px; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .btn{
      width:100%;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:800;
      font-size:16px;
      cursor:pointer;
      box-shadow: 0 16px 26px rgba(199,162,106,.35);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .btn:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .btn:active{ transform: translateY(0px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .btn svg{
      width:18px;
      height:18px;
      transform: rotate(180deg);
      opacity:.95;
    }

    /* Responsive */
    @media (max-width: 980px){
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .grid{ grid-template-columns: 1fr; direction: rtl; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .shell{ padding: 22px; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="1"] .hero{ min-height: 190px; }
    }
  

/* ===== 2d.html ===== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"]{
      --bg: #f6f4f0;
      --card: #ffffff;
      --text: #2d2d2d;

      --field-bg:#fbfaf8;
      --field-br:#efe7dc;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --shadow: 0 18px 40px rgba(0,0,0,.08);
      --radius: 28px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"]{
      margin:0;
      background: radial-gradient(1200px 600px at 50% 0%, #fff 0%, var(--bg) 55%, #efeae3 100%);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .shell{
      width:min(1180px, 100%);
      background: var(--card);
      border-radius: 42px;
      box-shadow: var(--shadow);
      overflow:hidden;
      padding: 34px 34px 30px;
      border: 1px solid rgba(199,162,106,.55);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .grid{
      display:grid;
      grid-template-columns: 1.05fr 1fr; /* چپ: تصویر / راست: فرم */
      gap: 34px;
      align-items:stretch;
      direction: ltr; /* ستون‌ها فیزیکی: اولی چپ، دومی راست */
    }

    /* ============ LEFT ============ */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .left{
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap: 18px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .hero{
      background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
      border-radius: var(--radius);
      padding: 18px 18px 10px;
      position:relative;
      min-height: 220px;
      overflow:hidden;
      border: 1px solid #f1ede6;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .hero img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      opacity:.98;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .stepper{
      margin-top: 10px;
      padding: 8px 6px 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 10px;
      position:relative;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .steps::before{
      content:"";
      position:absolute;
      right: 28px;
      left: 28px;
      top: 10px;
      height:2px;
      border-radius:999px;
      background: linear-gradient(90deg, #e9e2d8 0% 66.5%, rgba(199,162,106,.9) 66.5% 100%);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .step{
      width: 25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .dot{
      width: 18px;
      height: 18px;
      margin:0 auto 8px;
      border-radius:50%;
      background:#d7c7b0;
      border: 4px solid #d7c7b0;
      outline: 4px solid transparent;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .step.is-done .dot{
      background:#cdb690;
      border-color:#cdb690;
      opacity:1;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .step.is-active .dot{
      width: 20px;
      height: 20px;
      background: #d8c2a0;
      border-color: #d8c2a0;
      outline: 3px solid rgba(199,162,106,.25);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .step.is-check .dot{
      background: var(--gold);
      border-color: var(--gold);
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 12px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .label{
      font-size:12px;
      color:#b2aba2;
      letter-spacing:.2px;
      line-height:1.1;
      user-select:none;
    }
    .step.is-active .label,
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .step.is-check .label{
      color: var(--gold-2);
      font-weight:700;
    }

    /* ============ SUPPORT ROW (UPDATED) ============ */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .supportRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:12px 14px;
      border:1px solid #f0ebe2;
      border-radius:18px;
      background:#fff;
      direction: rtl;
      color:#3a3a3a; /* برای currentColor آیکون‌ها */
    }

    /* سمت راست: آیکون تماس + متن */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .supportRight{
      display:flex;
      align-items:center;
      gap:10px;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .supportRight span{
      font-size:14px;
      white-space: nowrap;
    }

    /* آیکون تماس */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .phoneIcon{
      width:20px;
      height:20px;
      color: var(--gold);
      flex: 0 0 auto;
      display:block;
    }

    /* سمت چپ: دکمه مربع فلش */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .supportLeft{
      flex: 0 0 auto;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .backBtn{
      width:40px;
      height:40px;
      border-radius:12px;
      border:1px solid #efe7dc;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition:.15s ease;
      padding:0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .backBtn:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .backBtn svg{
      display:block;
      color:#3a3a3a;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .banner{
      border-radius: 22px;
      overflow:hidden;
      border: 1px solid #f0ebe2;
      background: #0b5bd3;
      min-height: 110px;
      position:relative;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .banner img{
      width:100%;
      height:110px;
      object-fit:cover;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .bannerDots{
      display:flex;
      gap: 8px;
      justify-content:center;
      padding-top: 10px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .bannerDots span{
      width: 18px;
      height: 4px;
      border-radius: 999px;
      background: #d8d2c9;
      opacity:.8;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .bannerDots span.active{
      background: var(--gold);
      opacity:1;
    }

    /* ============ RIGHT ============ */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .right{
      padding: 6px 8px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap: 14px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .title{
      font-size: 26px;
      margin: 0 0 10px;
      font-weight: 900;
      color:#2f221a;
      line-height: 1.55;
      text-align:right;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .title .hl{ color: var(--gold); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branchGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px 14px;
      margin-top: 4px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch{
      border-radius: 14px;
      background: var(--field-bg);
      border: 1px solid #f0ebe2;
      height: 56px;
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition:.15s ease;
      user-select:none;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch:hover{
      border-color: rgba(199,162,106,.45);
      transform: translateY(-1px);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch .tag{
      position:absolute;
      right: 14px;
      top: 10px;
      font-size: 11px;
      color:#c9c2b8;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch .name{
      font-size: 15px;
      color:#8e8a83;
      font-weight:600;
      max-width: 78%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch.is-selected{
      border-color: rgba(199,162,106,.95);
      box-shadow: 0 10px 18px rgba(199,162,106,.15);
      background: #fff;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch.is-selected .name{
      color: var(--gold);
      font-weight:800;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch.is-wide{
      grid-column: 1 / -1;
      height: 58px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .actionsRow{
      margin-top: 10px;
      display:flex;
      gap: 12px;
      align-items:center;
      justify-content:space-between;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .actionsRow{ justify-content: stretch; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .actionsRow .btnMain{ width:100%; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnMain{ order: 1; flex: 1; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnCircle{ order: 2; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnMain{
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:900;
      font-size:16px;
      cursor:pointer;
      box-shadow: 0 16px 26px rgba(199,162,106,.35);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
      direction: rtl;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnMain:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnMain:active{ transform: translateY(0px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnMain svg{
      width:18px;
      height:18px;
      transform: rotate(180deg);
      opacity:.95;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnCircle{
      width: 56px;
      height: 56px;
      border-radius: 999px;
      border: 1px solid #e9e2d8;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      box-shadow: 0 12px 20px rgba(0,0,0,.06);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnCircle:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .btnCircle svg{ width: 22px; height: 22px; color:#5e5b55; }

    @media (max-width: 980px){
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .grid{ grid-template-columns: 1fr; direction: rtl; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .shell{ padding: 22px; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .hero{ min-height: 190px; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branchGrid{ grid-template-columns: 1fr; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .branch.is-wide{ grid-column: auto; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="2"] .actionsRow{ direction: rtl; }
    }
  

/* ===== 3d.html ===== */

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]){
      --bg: #f6f4f0;
      --card: #ffffff;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --muted:#b3aca3;

      --shadow: 0 18px 40px rgba(0,0,0,.08);
      --radius: 28px;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) *{box-sizing:border-box}
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]){
      margin:0;
      background: radial-gradient(1200px 600px at 50% 0%, #fff 0%, var(--bg) 55%, #efeae3 100%);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .shell{
      width:min(1180px, 100%);
      background: var(--card);
      border-radius: 42px;
      box-shadow: var(--shadow);
      overflow:hidden;
      padding: 34px 34px 30px;
      border: 1px solid rgba(199,162,106,.55);
    }

    /* ستون چپ/راست ثابت */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .grid{
      display:grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 34px;
      align-items:stretch;
      direction:ltr;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .left, .ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .right{ direction:rtl; text-align:right; }

    /* ============ LEFT ============ */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .left{
      display:flex;
      flex-direction:column;
      gap: 18px;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .hero{
      background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
      border-radius: var(--radius);
      padding: 18px 18px 10px;
      position:relative;
      min-height: 220px;
      overflow:hidden;
      border: 1px solid #f1ede6;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .hero img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      opacity:.98;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .stepper{
      margin-top: 10px;
      padding: 8px 6px 0;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 10px;
      position:relative;
      text-align:center;

      /* ✅ آپدیت: استپر از راست به چپ */
      direction: rtl;
      flex-direction: row-reverse;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .steps::before{
      content:"";
      position:absolute;
      right: 28px;
      left: 28px;
      top: 10px;
      height:2px;
      border-radius:999px;

      /* ✅ آپدیت: گرادیانت هم RTL شود (طلایی از راست شروع شود) */
      background: linear-gradient(270deg, #e9e2d8 0% 36%, rgba(199,162,106,.9) 36% 100%);
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step{
      width: 25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .dot{
      width: 18px;
      height: 18px;
      margin:0 auto 8px;
      border-radius:50%;
      background:#d7c7b0;
      border: 4px solid #d7c7b0;
      outline: 4px solid transparent;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-done .dot{
      background:#cdb690;
      border-color:#cdb690;
      opacity:1;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-active .dot{
      background:#fff;
      border-color: var(--gold);
      outline: 3px solid rgba(199,162,106,.25);
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-check .dot{
      background: var(--gold);
      border-color: var(--gold);
      outline: 0;
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 12px;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .label{
      font-size:12px;
      color:#b2aba2;
      letter-spacing:.2px;
      line-height:1.1;
      user-select:none;
    }
    .step.is-active .label,
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .step.is-check .label{
      color: var(--gold-2);
      font-weight:700;
    }

    /* ===================== SUPPORT ROW (FIXED) ===================== */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .supportRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      padding: 12px 14px;
      border: 1px solid #f0ebe2;
      border-radius: 18px;
      background: #fff;
      color:#3a3a3a;
    }

    /* سمت راست: آیکون تماس + متن */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .supportRight{
      display:flex;
      align-items:center;
      gap: 10px;
      font-weight:600;
      font-size:14px;
      min-width:0;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .supportRight span{ white-space:nowrap; }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .phoneIcon{
      width:20px;
      height:20px;
      color: var(--gold);
      flex: 0 0 auto;
      display:block;
    }

    /* سمت چپ: دکمه مربع فلش */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .supportLeft{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .backBtn{
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #efe7dc;
      background: #fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      padding:0;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .backBtn:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .backBtn svg{ display:block; }
    /* =============================================================== */

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .banner{
      border-radius: 22px;
      overflow:hidden;
      border: 1px solid #f0ebe2;
      background: #0b5bd3;
      min-height: 110px;
      position:relative;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .banner img{
      width:100%;
      height:110px;
      object-fit:cover;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .bannerDots{
      display:flex;
      gap: 8px;
      justify-content:center;
      padding-top: 10px;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .bannerDots span{
      width: 18px;
      height: 4px;
      border-radius: 999px;
      background: #d8d2c9;
      opacity:.8;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .bannerDots span.active{
      background: var(--gold);
      opacity:1;
    }

    /* ============ RIGHT ============ */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .right{
      padding: 6px 8px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap: 14px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .topRow{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 12px;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .badge{
      align-self:flex-start;
      font-size: 12px;
      background:#f6f3ee;
      border:1px solid #eee6db;
      color:#5a554e;
      padding: 8px 12px;
      border-radius: 12px;
      white-space:nowrap;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .title{
      margin:0;
      font-size: 26px;
      font-weight: 900;
      color:#2f221a;
      line-height:1.6;
      text-align:right;
      flex:1;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .field{
      display:flex;
      flex-direction:column;
      gap: 8px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .field label{
      font-size:14px;
      color:#4c4c4c;
      font-weight:700;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs{
      display:flex;
      gap: 10px;
      justify-content:space-between;
      text-align:center;
    }

/* If only one service type is available, show it full width */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs.ebadi-single-service{
      justify-content:center;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs.ebadi-single-service .tab{
      flex: 0 1 100%;
      width: 100%;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tab{
      flex:1;
      height: 48px;
      border-radius: 12px;
      border: 1px solid #efe7dc;
      background:#fff;
      color:#8e8a83;
      font-weight:700;
      cursor:pointer;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tab:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tab.is-active{
      color: var(--gold);
      border-color: rgba(199,162,106,.85);
      background:#fff;
      box-shadow: 0 10px 18px rgba(199,162,106,.10);
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="text"],
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="tel"],
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="email"],
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select,
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea{
      width:100%;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      font-size: 14px;
      outline:none;
      transition:.15s ease;
      padding: 0 14px;
      color:#3a3a3a;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="text"],
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="tel"],
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input[type="email"]{ height: 52px; }

    /* Inputs with icons (fullname/mobile) */
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control{ position:relative; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control input{ padding-left: 46px !important; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .control .icon{
      position:absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 22px;
      height: 22px;
      color:#b8b2aa;
      pointer-events:none;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea{
      min-height: 120px;
      padding: 14px;
      resize:none;
      line-height:1.9;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input:focus, .ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select:focus, .ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea:focus{
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.14);
      background:#fff;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) input::placeholder, .ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) textarea::placeholder{ color:#b8b2aa; }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .selectWrap{ position:relative; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .selectWrap::before{
      content:"";
      position:absolute;
      left: 14px;
      right: auto;
      top: 50%;
      width: 0;
      height: 0;
      border-left:6px solid transparent;
      border-right:6px solid transparent;
      border-top:7px solid #7b776f;
      transform: translateY(-20%);
      pointer-events:none;
      opacity:.9;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) select{
      height: 52px;
      appearance:none;
      -webkit-appearance:none;
      padding-right: 14px;
      padding-left: 42px;
      background: var(--field-bg);
      cursor:pointer;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .optional{
      font-size:12px;
      color: var(--muted);
      font-weight:600;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .actionsRow{
      margin-top: 6px;
      display:flex;
      gap: 12px;
      align-items:center;
      justify-content:flex-start;
    }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnCircle{
      width: 56px;
      height: 56px;
      border-radius: 999px;
      border: 1px solid #e9e2d8;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      box-shadow: 0 12px 20px rgba(0,0,0,.06);
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnCircle:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnCircle svg{ width: 22px; height: 22px; color:#5e5b55; }

.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnMain{
      flex:1;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight:900;
      font-size:16px;
      cursor:pointer;
      box-shadow: 0 16px 26px rgba(199,162,106,.35);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
      text-align:center;
    }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnMain:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnMain:active{ transform: translateY(0px); }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .btnMain svg{ width:18px; height:18px; opacity:.95; }

    @media (max-width: 980px){
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .grid{ grid-template-columns: 1fr; direction: rtl; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .shell{ padding: 22px; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .hero{ min-height: 190px; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .tabs{ flex-direction:column; }
.ebadi-5step-root .ebadi-desktop :is(.ebadi-step[data-step="3"], .ebadi-step[data-step="4"]) .actionsRow{ direction:ltr; }
    }
  

/* ===== 4d.html ===== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"]{
      --bg: #f6f4f0;
      --card: #ffffff;
      --muted: #9aa0a6;
      --text: #2d2d2d;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --ok:#1f9d55;
      --shadow: 0 18px 40px rgba(0,0,0,.08);
      --radius: 28px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"]{
      margin:0;
      background: radial-gradient(1200px 600px at 50% 0%, #fff 0%, var(--bg) 55%, #efeae3 100%);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .shell{
      width:min(1180px, 100%);
      background: var(--card);
      border-radius: 42px;
      box-shadow: var(--shadow);
      overflow:hidden;
      padding: 34px 34px 30px;
      border: 1px solid rgba(199,162,106,.55);
    }

    /* ✅ چیدمان دو ستونه: left چپ، right راست */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .grid{
      display:grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 34px;
      align-items:stretch;
      direction:ltr;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .left, .ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .right{ direction:rtl; }

    /* ============ LEFT COLUMN ============ */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .left{
      display:flex;
      flex-direction:column;
      gap: 18px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .hero{
      background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
      border-radius: var(--radius);
      padding: 18px 18px 10px;
      position:relative;
      min-height: 220px;
      overflow:hidden;
      border: 1px solid #f1ede6;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .hero img{
      width:100%;
      height:100%;
      object-fit:contain;
      display:block;
      opacity:.98;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .stepper{
      margin-top: 10px;
      padding: 8px 6px 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 10px;
      position:relative;
      text-align:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .steps::before{
      content:"";
      position:absolute;
      right: 28px;
      left: 28px;
      top: 10px;
      height:2px;
      background: #e9e2d8;
      border-radius:999px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .step{
      width: 25%;
      text-align:center;
      position:relative;
      z-index:1;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .dot{
      width: 18px;
      height: 18px;
      margin:0 auto 8px;
      border-radius:50%;
      background:#d7c7b0;
      border: 4px solid #d7c7b0;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .step.is-done .dot{
      background: var(--gold);
      border-color: var(--gold);
      color:#fff;
      display:grid;
      place-items:center;
      font-weight:900;
      font-size: 12px;
      box-shadow: 0 10px 16px rgba(199,162,106,.14);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .step.is-active .dot{
      background:#fff;
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(199,162,106,.18);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .label{
      font-size:12px;
      color:#b2aba2;
      letter-spacing:.2px;
      line-height:1.1;
      user-select:none;
    }
    .step.is-active .label,
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .step.is-done .label{
      color: var(--gold-2);
      font-weight:700;
    }

    /* ===================== SUPPORT ROW (FIXED) ===================== */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .supportRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 14px;
      padding: 12px 14px;
      border: 1px solid #f0ebe2;
      border-radius: 18px;
      background: #fff;
      color:#3a3a3a;
    }

    /* سمت راست: آیکون تماس + متن */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .supportRight{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:14px;
      font-weight:700;
      min-width:0;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .supportRight span{ white-space:nowrap; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .phoneIcon{
      width:20px;
      height:20px;
      color: var(--gold);
      flex: 0 0 auto;
      display:block;
    }

    /* سمت چپ: دکمه مربع فلش */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .supportLeft{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .backBtn{
      width: 38px;
      height: 38px;
      border-radius: 14px;
      border: 1px solid #efe7dc;
      background: #fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
      padding:0;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .backBtn:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .backBtn svg{ display:block; }
    /* =============================================================== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .banner{
      border-radius: 22px;
      overflow:hidden;
      border: 1px solid #f0ebe2;
      background: #0b5bd3;
      min-height: 110px;
      position:relative;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .banner img{
      width:100%;
      height:110px;
      object-fit:cover;
      display:block;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .bannerDots{
      display:flex;
      gap: 8px;
      justify-content:center;
      padding-top: 10px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .bannerDots span{
      width: 18px;
      height: 4px;
      border-radius: 999px;
      background: #d8d2c9;
      opacity:.8;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .bannerDots span.active{
      background: var(--gold);
      opacity:1;
    }

    /* ============ RIGHT COLUMN ============ */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .right{
      padding: 6px 8px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap: 14px;
      text-align:right;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .title{
      font-size: 26px;
      margin: 0 0 2px;
      font-weight: 900;
      color:#2f221a;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .sub{
      margin:0 0 10px;
      color:#7a736b;
      font-size: 13.5px;
      line-height:1.9;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .panel{
      border: 1px solid #f0ebe2;
      border-radius: 18px;
      background:#fff;
      padding: 14px 14px 12px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .panelHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      margin-bottom: 10px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .panelHead h3{
      margin:0;
      font-size: 15px;
      font-weight: 900;
      color:#2f221a;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .badgeOk{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(31,157,85,.10);
      color: var(--ok);
      font-weight: 900;
      font-size: 12px;
      border: 1px solid rgba(31,157,85,.18);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .badgeOk svg{ width:16px; height:16px; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .summaryGrid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 14px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .kv{
      background: #fbfaf8;
      border: 1px solid #f1ede6;
      border-radius: 14px;
      padding: 10px 12px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .k{
      font-size: 12px;
      color:#8e8a83;
      font-weight: 800;
      margin-bottom: 6px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .v{
      font-size: 13.5px;
      color:#2f2f2f;
      font-weight: 900;
      line-height:1.6;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .priceBox{
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px dashed #eadfce;
      display:grid;
      gap: 8px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      font-size: 13px;
      color:#5f5a53;
      font-weight: 800;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .row strong{ color:#2f221a; font-weight: 900; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .row.total{
      margin-top: 4px;
      font-size: 14px;
      padding-top: 10px;
      border-top: 1px solid #f0ebe2;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .row.total strong{
      font-size: 16px;
      color: var(--gold-2);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .coupon{
      margin-top: 12px;
      display:flex;
      gap: 10px;
      align-items:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .coupon input{
      flex:1;
      height: 46px;
      border-radius: 12px;
      border: 1px solid var(--field-br);
      background: var(--field-bg);
      padding: 0 14px;
      outline:none;
      font-size: 13.5px;
      text-align:right;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .coupon input:focus{
      background:#fff;
      border-color: rgba(199,162,106,.7);
      box-shadow: 0 0 0 4px rgba(199,162,106,.12);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .miniBtn{
      height: 46px;
      padding: 0 16px;
      border-radius: 12px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      font-weight: 900;
      color:#5f5a53;
      transition:.15s ease;
      white-space:nowrap;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .miniBtn:hover{ transform: translateY(-1px); }

    /* Gateways */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gateways{
      display:grid;
      /* ✅ prevent grid from growing wider than the card */
      grid-template-columns: 1fr;
      gap: 10px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 12px 12px;
      border-radius: 16px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      transition:.15s ease;
      user-select:none;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwLeft{
      display:flex;
      align-items:center;
      gap: 12px;
      min-width: 0;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwLogo{
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid #f1ede6;
      background:#fbfaf8;
      display:grid;
      place-items:center;
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwLogo svg{ width:24px; height:24px; color: var(--gold-2); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwMeta{ min-width:0; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwName{
      font-weight: 900;
      color:#2f221a;
      font-size: 14px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwHint{
      font-size: 12px;
      color:#8e8a83;
      margin-top: 4px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .radio{
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 2px solid #d9d0c3;
      background:#fff;
      display:grid;
      place-items:center;
      flex: 0 0 auto;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .radio::after{
      content:"";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: transparent;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] input[type="radio"]{
      position:absolute;
      opacity:0;
      pointer-events:none;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw.is-selected{
      border-color: rgba(199,162,106,.85);
      box-shadow: 0 14px 24px rgba(199,162,106,.12);
      background: linear-gradient(180deg, #fff 0%, #fffbf4 100%);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw.is-selected .radio{ border-color: var(--gold); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw.is-selected .radio::after{ background: var(--gold); }

/* Coming soon gateways */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw.is-disabled{
      opacity: .55;
      cursor: not-allowed;
      filter: grayscale(1);
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gw.is-disabled:hover{ transform: none; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .gwSoon{
      font-weight: 900;
      color: #a07a3a;
    }

    /* Pay button */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .payRow{
      display:flex;
      gap: 12px;
      margin-top: 12px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btn{
      flex:1;
      height: 56px;
      border:0;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      color:#fff;
      font-weight: 900;
      font-size: 16px;
      cursor:pointer;
      box-shadow: 0 16px 26px rgba(199,162,106,.35);
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btn:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btn:active{ transform: translateY(0px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btn[disabled]{
      opacity:.55;
      cursor:not-allowed;
      box-shadow:none;
      transform:none !important;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btn svg{ width:18px; height:18px; opacity:.95; }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btnGhost{
      flex:0 0 auto;
      width: 56px;
      height: 56px;
      border-radius: 999px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      display:grid;
      place-items:center;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btnGhost:hover{ transform: translateY(-1px); }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"] .btnGhost svg{ width:22px; height:22px; color:#5e5b55; }

    /* Desktop only */
    @media (max-width: 980px){
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="5"]{ display:none; }
    }
  

/* ===== 5d.html ===== */

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"]{
      --bg: #f6f4f0;
      --card: #ffffff;
      --text: #2d2d2d;

      --gold:#c7a26a;
      --gold-2:#b8925b;

      --field-bg:#f7f5f2;
      --field-br:#ece6dd;

      --shadow: 0 18px 40px rgba(0,0,0,.08);
      --radius: 28px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] *{box-sizing:border-box}
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"]{
      margin:0;
      background: radial-gradient(1200px 600px at 50% 0%, #fff 0%, var(--bg) 55%, #efeae3 100%);
      font-family: var(--ebadi-font-family);
      color: var(--text);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .wrap{
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .shell{
      width:min(1180px, 100%);
      background: var(--card);
      border-radius: 42px;
      box-shadow: var(--shadow);
      overflow:hidden;
      padding: 38px 34px 34px;
      border: 1px solid rgba(199,162,106,.55);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .content{
      width:min(720px, 100%);
      margin: 0 auto;
      text-align:center;
    }

    /* تصویر بالا */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .hero{
      display:flex;
      justify-content:center;
      align-items:center;
      margin-top: 4px;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .hero img{
      width: min(520px, 100%);
      height:auto;
      display:block;
      object-fit:contain;
      opacity:.98;
    }

    /* استپر */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .stepper{
      margin: 14px auto 10px;
      width: min(520px, 100%);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .steps{
      list-style:none;
      margin:0;
      padding:0;
      display:flex;
      justify-content:space-between;
      gap: 10px;
      position:relative;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .steps::before{
      content:"";
      position:absolute;
      right: 26px;
      left: 26px;
      top: 10px;
      height:2px;
      border-radius:999px;
      background: linear-gradient(90deg, rgba(199,162,106,.9), rgba(199,162,106,.9));
      opacity:.55;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .step{
      width:25%;
      z-index:1;
      text-align:center;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .dot{
      width: 18px;
      height: 18px;
      margin:0 auto 8px;
      border-radius:50%;
      background: var(--gold);
      border: 4px solid var(--gold);
      display:grid;
      place-items:center;
      color:#fff;
      font-weight:900;
      font-size: 12px;
      box-shadow: 0 10px 18px rgba(199,162,106,.18);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .label{
      font-size:12px;
      color: var(--gold-2);
      font-weight:700;
      opacity:.9;
      user-select:none;
    }

    /* متن‌ها */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .title{
      margin: 14px 0 6px;
      font-size: 20px;
      font-weight: 900;
      color:#2f221a;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .desc{
      margin: 0 auto;
      max-width: 620px;
      line-height: 2;
      color:#6b665e;
      font-size: 13.5px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .note{
      margin: 10px auto 0;
      max-width: 620px;
      line-height: 2;
      color:#4a463f;
      font-size: 13.5px;
    }

    /* باکس تماس پشتیبانی */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .supportRow{
      margin: 18px auto 14px;
      width: min(640px, 100%);
      border: 1px solid #efe7dc;
      background:#fff;
      border-radius: 18px;
      padding: 12px 14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .supportRight{
      display:flex;
      align-items:center;
      gap: 10px;
      color:#3a3a3a;
      font-size:14px;
      font-weight:700;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .supportRight .phoneIcon{
      width: 20px;
      height: 20px;
      color: var(--gold);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .supportLeft .backBtn{
      width: 40px;
      height: 40px;
      border-radius: 14px;
      border: 1px solid #efe7dc;
      background:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      transition:.15s ease;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .supportLeft .backBtn:hover{ transform: translateY(-1px); }

    /* دکمه‌های پایین */
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .actions{
      width: min(640px, 100%);
      margin: 0 auto;
      display:flex;
      gap: 14px;

      /* برای اینکه دکمه طلایی سمت چپ و دکمه سفید سمت راست بیفته */
      direction:ltr;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .btn{
      flex:1;
      height: 56px;
      border-radius: 999px;
      border: 1px solid #efe7dc;
      background:#fff;
      cursor:pointer;
      font-weight:900;
      font-size: 15px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 10px;
      transition:.15s ease;

      /* متن داخل دکمه فارسی */
      direction: rtl;
    }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .btn:hover{ transform: translateY(-1px); }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .btnPrimary{
      background: linear-gradient(90deg, var(--gold-2), var(--gold));
      border:0;
      color:#fff;
      box-shadow: 0 16px 26px rgba(199,162,106,.35);
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .btnGhost{
      background:#fff;
      color:#8e8a83;
    }

.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .btn svg{
      width: 18px;
      height: 18px;
      opacity:.95;
    }

    /* موبایل */
    @media (max-width: 700px){
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .shell{ padding: 26px 18px 22px; }
.ebadi-5step-root .ebadi-desktop .ebadi-step[data-step="6"] .actions{ flex-direction:column; direction:rtl; }
    }

/* =====================
   Car select + pricing
   ===================== */
.ebadi-5step-root .carSelectRow{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.ebadi-5step-root .carSelectRow .selectWrap{
  flex:1;
  min-width:180px;
}
.ebadi-5step-root .priceHint{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(200,170,120,.35);
  border-radius:16px;
  background:rgba(246,241,233,.55);
  font-weight:800;
  color:#5b5248;
}
.ebadi-5step-root .priceHint strong{
  font-size:18px;
  letter-spacing:0.2px;
}
.ebadi-5step-root .priceHint .toman{
  font-size:12px;
  font-weight:700;
  opacity:.85;
}

  


/* ============================
   Global Typography overrides
   ============================ */
@media (min-width: 981px){
  .ebadi-5step-root{
    --ebadi-text-base: 15px;
    --ebadi-text-title: 22px;
    --ebadi-text-topbar: 18px;
  }
}

.ebadi-5step-root input,
.ebadi-5step-root select,
.ebadi-5step-root textarea,
.ebadi-5step-root button{
  font-family: var(--ebadi-font-family) !important;
  font-size: var(--ebadi-text-base) !important;
  line-height: var(--ebadi-line-height) !important;
}

.ebadi-5step-root .title,
.ebadi-5step-root .cardTitle{
  font-size: var(--ebadi-text-title) !important;
  line-height: 1.35 !important;
}

.ebadi-5step-root .topTitle{
  font-size: var(--ebadi-text-topbar) !important;
  line-height: 1.35 !important;
}

.ebadi-5step-root label{
  font-size: var(--ebadi-text-label) !important;
}

.ebadi-5step-root .hint,
.ebadi-5step-root .stepper .step .label{
  font-size: var(--ebadi-text-sm) !important;
}

/* =========================================================
   Desktop Fit (1088px) + Compact UI
   افزوده شده برای اینکه فرم دسکتاپ دقیقاً داخل 1088px فیت شود.
   Version: 1.3.3
   ========================================================= */
@media (min-width: 981px){
  /* کانتینر اصلی هر مرحله */
  .ebadi-5step-root .ebadi-desktop .shell{
    width: min(1088px, 100%) !important;
    padding: 28px 28px 24px !important;
  }

  .ebadi-5step-root .ebadi-desktop .wrap{
    padding: 20px !important;
  }

  .ebadi-5step-root .ebadi-desktop .grid{
    gap: 28px !important;
  }

  /* تیترها */
  .ebadi-5step-root .ebadi-desktop .title,
  .ebadi-5step-root .ebadi-desktop .cardTitle{
    font-size: 18px !important;
  }

  /* متن‌های توضیحی */
  .ebadi-5step-root .ebadi-desktop .info,
  .ebadi-5step-root .ebadi-desktop .desc,
  .ebadi-5step-root .ebadi-desktop .note{
    font-size: 13px !important;
    line-height: 1.9 !important;
  }

  /* فاصله فیلدها */
  .ebadi-5step-root .ebadi-desktop .field{
    margin-bottom: 12px !important;
  }

  /* لیبل‌ها */
  .ebadi-5step-root .ebadi-desktop label{
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  /* ورودی‌ها */
  .ebadi-5step-root .ebadi-desktop input,
  .ebadi-5step-root .ebadi-desktop select,
  .ebadi-5step-root .ebadi-desktop textarea{
    font-size: 14px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }

  .ebadi-5step-root .ebadi-desktop input[type="text"],
  .ebadi-5step-root .ebadi-desktop input[type="tel"],
  .ebadi-5step-root .ebadi-desktop input[type="email"],
  .ebadi-5step-root .ebadi-desktop input[type="number"]{
    height: 42px !important;
  }

  /* دکمه‌ها */
  .ebadi-5step-root .ebadi-desktop .btn,
  .ebadi-5step-root .ebadi-desktop button,
  .ebadi-5step-root .ebadi-desktop input[type="submit"]{
    font-size: 14px !important;
    padding: 1px 16px !important;
    border-radius: 14px !important;
  }

  /* باکس پشتیبانی */
  .ebadi-5step-root .ebadi-desktop .supportRow{
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }
}

/* ===== Mobile top back button: center the chevron perfectly ===== */
.ebadi-5step-root .ebadi-mobile .topbar .iconBtn.ebadi-back{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:0 !important;
  color:#2e2a22;
}
.ebadi-5step-root .ebadi-mobile .topbar .iconBtn.ebadi-back svg{
  display:block !important;
  margin:0 auto !important;
}

/* ============================
   Quick Form (Shortcode: [ebadi_quick_form])
   Namespaced to avoid conflicts with stepper UI.
   ============================ */
.ebadi-quick-form{
  position: relative;
  width: 100%;
  /* Requested: wider quick form */
  max-width: 1180px;
  /* In RTL layouts we want the bar to sit to the RIGHT side of its container */
  margin: 22px 0 22px auto;
  /* Avoid heavy filter-based shadows (faster paint) */
  box-shadow: 0px 4px 35px rgba(119,110,97,0.25);
  font-family: "Peyda", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Ensure theme fonts/sizes don't leak into the Quick Form */
.ebadi-quick-form,
.ebadi-quick-form *{
  font-family: "Peyda", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Tahoma, Arial !important;
}

/* Lock typography inheritance so theme rules (often with !important) don't change sizes inside */
.ebadi-quick-form *{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Re-apply Quick Form component sizes (must stay consistent across themes) */
.ebadi-quick-form .ebadi-qb-tab{ font-size: 14px !important; line-height: 24px !important; }
.ebadi-quick-form .ebadi-qb-submit{ font-size: 16px !important; line-height: 27px !important; }
.ebadi-quick-form .ebadi-qb-label{ font-size: 14px !important; line-height: 24px !important; }
.ebadi-quick-form .ebadi-qb-suggest__item{ font-size: 14px !important; line-height: 20px !important; }
.ebadi-quick-form .ebadi-qb-control input,
.ebadi-quick-form .ebadi-qb-control select{ font-size: 14px !important; line-height: 24px !important; }
.ebadi-quick-form .ebadi-qb-type{ font-size: 16px !important; line-height: 27px !important; }
.ebadi-quick-form .ebadi-qb-msg{ font-size: 13px !important; line-height: 20px !important; }

.ebadi-quick-form .ebadi-qb-top{
  /* Stack booking tabs: Moto under Car */
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 6px;
  height: auto;
}

/* Move the Moto tab slightly "back" (left in RTL) so it sits under the Car tab */
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]{
  margin-right: -20px;
}

/* Roundings for stacked tabs */
.ebadi-quick-form .ebadi-qb-tab:first-child{ border-radius: 25px 0 0 0; }
.ebadi-quick-form .ebadi-qb-tab:last-child{ border-radius: 25px 0 0 0; }

.ebadi-quick-form .ebadi-qb-tab{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 30px;
  height: 42px;
  border: 0;
  cursor: pointer;
  background: #EFE7D9;
  color: #20283C;
  font-size: 14px;
  line-height: 24px;
  user-select: none;
}

.ebadi-quick-form .ebadi-qb-tab__text{ text-align: right; }

.ebadi-quick-form .ebadi-qb-tab.is-active{
  /* Requested: very low transparency (almost solid) */
  background: rgba(255,255,255,0.98);
  backdrop-filter: none;
}

.ebadi-quick-form .ebadi-qb-tab__icon{
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ebadi-quick-form .ebadi-qb-tab__icon img{
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
}

.ebadi-quick-form .ebadi-qb-bar{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  /* Desktop: keep all items in a single row (no wrapping) */
  flex-wrap: nowrap;
  gap: 10px;
  padding: 10px;
  /* Requested: very low transparency (almost solid) */
  background: rgba(255,255,255,0.98);
  backdrop-filter: none;
  border-radius: 25px 0 25px 25px;
}

.ebadi-quick-form .ebadi-qb-submit{
  /* Fixed-friendly button: stays readable but won't crash layout */
  /* Slightly narrower (user request) */
  flex: 0 0 160px;
  min-width: 150px;
  width: auto;
  height: 46px;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 27px;
  border-radius: 50px;
  background: linear-gradient(92.95deg, #B58E5E 9.48%, #D2AB66 94.76%);
  box-shadow: 0px 4px 4px rgba(181,142,94,0.25);
}

/* ----------------------------
   Quick Form hover/focus fixes
   Some themes override button:hover and focus rings (often pink).
   We force a gold-consistent UI here.
   ---------------------------- */
.ebadi-quick-form .ebadi-qb-tab:hover{
  background: rgba(210,171,102,0.22) !important;
}
.ebadi-quick-form .ebadi-qb-tab.is-active:hover{
  background: rgba(255,255,255,0.95) !important;
}

.ebadi-quick-form .ebadi-qb-type:hover{
  border-color: rgba(210,171,102,0.65) !important;
  background: rgba(210,171,102,0.12) !important;
  color: #B58E5E !important;
}

.ebadi-quick-form .ebadi-qb-submit:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(181,142,94,0.22);
  background: linear-gradient(92.95deg, #A57F52 9.48%, #C59C58 94.76%);
}
.ebadi-quick-form .ebadi-qb-submit:active{ transform: translateY(0px); }

.ebadi-quick-form button:focus,
.ebadi-quick-form button:focus-visible,
.ebadi-quick-form input:focus,
.ebadi-quick-form input:focus-visible,
.ebadi-quick-form select:focus,
.ebadi-quick-form select:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(210,171,102,0.22) !important;
  border-color: rgba(210,171,102,0.55) !important;
}

.ebadi-quick-form .ebadi-qb-field{
  /* Use flex-basis instead of rigid widths to prevent overlap */
  flex: 0 1 200px;
  width: auto;
  min-width: 0;
  height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 5px;
}

/* Quick Form sizing (desktop)
   هدف: روی هر عرضی (حتی کانتینرهای تنگ) هیچ فیلدی توی هم نره.
   راهکار: flex-basis + wrap به جای width های سفت.
*/
.ebadi-quick-form .ebadi-qb-field--types{ flex: 0 0 290px; }
.ebadi-quick-form .ebadi-qb-field--mobile{ flex: 0 0 180px; }

/* Car/Moto field grows to take remaining space */
.ebadi-quick-form .ebadi-qb-field--car{ flex: 1 1 430px; min-width: 340px; }

/* Keep year selector compact (like before) */
.ebadi-quick-form .ebadi-qb-control--carsearch select[name="qb_year"]{
  flex: 0 0 130px;
  width: 130px;
}

/* Grow helper (used by car field) */
.ebadi-quick-form .ebadi-qb-field--grow{
  width: auto;
  flex: 1 1 430px;
  min-width: 340px;
}

.ebadi-quick-form .ebadi-qb-label{
  font-size: 14px;
  line-height: 24px;
  color: #776E61;
  /* Ensure RTL title alignment (some themes force center) */
  width: 100%;
  text-align: right;
}

.ebadi-quick-form .ebadi-qb-control{
  width: 100%;
  height: 46px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ebadi-quick-form .ebadi-qb-control--triple{
  gap: 10px;
}

.ebadi-quick-form .ebadi-qb-select{
  flex: 1;
  min-width: 0;
}

/* Autocomplete car name (Quick Form) */
.ebadi-quick-form .ebadi-qb-carsearch{
  position: relative;
  /* Allow this input to grow with container width (requested 1180px layout) */
  flex: 1 1 360px;
  min-width: 260px;
  height: 46px;
}

.ebadi-quick-form .ebadi-qb-carsearch input{
  width: 100%;
}

.ebadi-quick-form .ebadi-qb-suggest{
  position: absolute;
  top: 48px;
  right: 0;
  left: 0;
  background: #fff;
  border: 1px solid #EBE7E0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(32,40,60,0.10);
  padding: 6px;
  max-height: 260px;
  overflow: auto;
  z-index: 9999;
}

.ebadi-quick-form .ebadi-qb-suggest__item{
  width: 100%;
  display: block;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: right;
  padding: 10px 10px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #20283C;
}

.ebadi-quick-form .ebadi-qb-suggest__item:hover{
  background: #EFE7D9;
}


.ebadi-quick-form .ebadi-qb-control input{
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #EBE7E0;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  color: #20283C;
  outline: none;
}

.ebadi-quick-form .ebadi-qb-control select{
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #EBE7E0;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  color: #20283C;
  outline: none;
  appearance: none;
}

.ebadi-quick-form .ebadi-qb-control select:disabled{
  opacity: .6;
}

.ebadi-quick-form .ebadi-qb-control input::placeholder{
  color: #B3B3B3;
}

.ebadi-quick-form .ebadi-qb-types{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  height: 46px;
}

/* When only one service is available, it should be full width */
.ebadi-quick-form .ebadi-qb-types.is-single{
  justify-content: center;
}
.ebadi-quick-form .ebadi-qb-types.is-single .ebadi-qb-type{
  flex: 1 1 100%;
  width: 100%;
}

.ebadi-quick-form .ebadi-qb-type{
  flex: 1;
  height: 46px;
  border: 1px solid #EBE7E0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 27px;
  color: #D2AB66;
}

.ebadi-quick-form .ebadi-qb-type.is-active{
  border-color: rgba(210,171,102,0.65);
  box-shadow: 0 3px 10px rgba(181,142,94,0.18);
}

.ebadi-quick-form .ebadi-qb-msg{
  display: none;
  width: 100%;
  margin-top: 8px;
  font-size: 13px;
  line-height: 20px;
  color: #b91c1c;
  text-align: right;
}

.ebadi-quick-form.is-has-msg .ebadi-qb-msg{ display: block; }

@media (max-width: 900px){
  /* On smaller screens, allow wrapping again */
  .ebadi-quick-form .ebadi-qb-bar{ flex-wrap: wrap; }

  /* When container gets tight, stack car field full width */
  .ebadi-quick-form .ebadi-qb-field--car{ flex-basis: 100%; min-width: 0; }
  .ebadi-quick-form .ebadi-qb-submit{ flex-basis: 100%; width: 100%; }
  .ebadi-quick-form .ebadi-qb-field--types,
  .ebadi-quick-form .ebadi-qb-field--mobile{ flex-basis: calc(50% - 5px); }
}

@media (max-width: 560px){
  .ebadi-quick-form .ebadi-qb-field,
  .ebadi-quick-form .ebadi-qb-field--types,
  .ebadi-quick-form .ebadi-qb-field--mobile,
  .ebadi-quick-form .ebadi-qb-field--car,
  .ebadi-quick-form .ebadi-qb-submit{ flex-basis: 100%; width: 100%; }

  .ebadi-quick-form .ebadi-qb-types{ flex-direction: column; height: auto; }
  .ebadi-quick-form .ebadi-qb-type{ width: 100%; }
}




/* =========================================================
   HOTFIX (Quick Booking UI)
   - Hover must NOT change text color
   - Moto tab hover/active should stay under Car tab (no jump)
   - Remove brown border/shadow after selecting (is-active)
   - Kill theme focus rings (brown/gold outline) on these buttons
   ========================================================= */

/* Tabs (Car / Moto) */
.ebadi-quick-form .ebadi-qb-tab,
.ebadi-quick-form .ebadi-qb-tab:hover,
.ebadi-quick-form .ebadi-qb-tab:focus,
.ebadi-quick-form .ebadi-qb-tab:focus-visible,
.ebadi-quick-form .ebadi-qb-tab:active,
.ebadi-quick-form .ebadi-qb-tab.is-active,
.ebadi-quick-form .ebadi-qb-tab.is-active:hover{
  color: #20283C !important;          /* ثابت بماند */
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: none !important;

  /* lock geometry to prevent any layout shift by themes */
  width: auto !important;
  max-width: none !important;
  padding: 5px 30px !important;
  height: 42px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Keep Moto tab stacked under Car tab (same position in all states) */
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"],
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]:hover,
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]:focus,
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]:focus-visible,
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]:active,
.ebadi-quick-form .ebadi-qb-tab[data-booking="moto"].is-active{
  margin-right: -20px !important;
}

/* Service type buttons */
.ebadi-quick-form .ebadi-qb-type,
.ebadi-quick-form .ebadi-qb-type:hover,
.ebadi-quick-form .ebadi-qb-type:focus,
.ebadi-quick-form .ebadi-qb-type:focus-visible,
.ebadi-quick-form .ebadi-qb-type:active,
.ebadi-quick-form .ebadi-qb-type.is-active,
.ebadi-quick-form .ebadi-qb-type.is-active:hover{
  color: #D2AB66 !important;          /* ثابت بماند */
  outline: none !important;
  box-shadow: none !important;        /* حذف حاشیه/سایه قهوه‌ای */
  border-color: #EBE7E0 !important;   /* برگرد به حالت پیشفرض */
  transform: none !important;
}

/* Keep subtle hover/active background without border change */
.ebadi-quick-form .ebadi-qb-type:hover,
.ebadi-quick-form .ebadi-qb-type.is-active{
  background: rgba(210,171,102,0.12) !important;
}

/* Extra safety: remove theme focus rings only inside quick form */
.ebadi-quick-form button:focus,
.ebadi-quick-form button:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}



/* ============================
   Quick Form – Mobile Card Layout (matches provided screenshot)
   ============================ */
@media (max-width: 640px){
  .ebadi-quick-form{
    max-width: 420px;
    margin: 18px auto;
  }

  /* Tabs on one row (Car | Moto) */
  .ebadi-quick-form .ebadi-qb-top{
    display:flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    /* Make tabs look like a single connected header (no weird gaps on mobile) */
    background: #EFE7D9;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
  }

  .ebadi-quick-form .ebadi-qb-tab{
    flex: 1 1 0 !important;
    width: 50% !important;
    height: 46px !important;
    padding: 8px 14px !important;
    /* Center content (some mobile layouts were misaligned) */
    justify-content: center !important;
    gap: 10px !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  /* Visual separator between the two tabs */
  .ebadi-quick-form .ebadi-qb-tab + .ebadi-qb-tab{
    border-right: 1px solid rgba(181,142,94,0.18) !important;
  }

  /* Make the active tab a clean "raised" white segment */
  .ebadi-quick-form .ebadi-qb-tab.is-active{
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 8px 18px rgba(32,40,60,0.06) !important;
  }

  .ebadi-quick-form .ebadi-qb-tab__text{
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .ebadi-quick-form .ebadi-qb-tab__icon{
    width: 26px !important;
    height: 26px !important;
  }

  /* In RTL, first tab is on the RIGHT */
  .ebadi-quick-form .ebadi-qb-tab:first-child{ border-radius: 0 20px 0 0 !important; }
  .ebadi-quick-form .ebadi-qb-tab:last-child{ border-radius: 20px 0 0 0 !important; }

  /* Remove desktop offset for Moto tab */
  .ebadi-quick-form .ebadi-qb-tab[data-booking="moto"]{ margin-right: 0 !important; }

  /* (is-active background moved above for stronger cascade + shadow) */

  /* Card body */
  .ebadi-quick-form .ebadi-qb-bar{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 0 0 20px 20px !important;
  }

  .ebadi-quick-form .ebadi-qb-field{
    height: auto !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  .ebadi-quick-form .ebadi-qb-label{
    font-size: 13px !important;
  }

  /* Type buttons: 3 items in one row */
  .ebadi-quick-form .ebadi-qb-types{
    height: 46px !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  .ebadi-quick-form .ebadi-qb-type{
    height: 46px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* Inputs full width */
  .ebadi-quick-form .ebadi-qb-carsearch{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Year must be visible on mobile (required field) */
  .ebadi-quick-form .ebadi-qb-control--carsearch{
    flex-direction: column !important;
    height: auto !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .ebadi-quick-form .ebadi-qb-control--carsearch select[name="qb_year"]{
    display: block !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .ebadi-quick-form .ebadi-qb-control input,
  .ebadi-quick-form .ebadi-qb-control select{
    border-radius: 14px !important;
  }

  .ebadi-quick-form .ebadi-qb-submit{
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
  }
}


/* ===============================================================
   Ebadi Form Banners Slider (dynamic)
   =============================================================== */
.ebadi-form-banners{width:100%}
.ebadi-form-banners--center{max-width:720px;margin-left:auto;margin-right:auto}
.ebadi-banner-wrap{width:100%}
.ebadi-banner-slider{position:relative;border-radius:22px;overflow:hidden;border:1px solid #f0ebe2;background:#fff;height:110px}
.ebadi-form-banners--mobile .ebadi-banner-slider{height:120px;border-radius:18px}
.ebadi-banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none;display:block}
.ebadi-banner-slide.is-active{opacity:1;pointer-events:auto}
.ebadi-banner-slide img{width:100%;height:100%;object-fit:cover;display:block}
.ebadi-banner-dots{display:flex;gap:6px;justify-content:center;padding-top:10px}
/* dots as small rounded lines (match theme) */
.ebadi-banner-dot{
  width:5px;
  height:3px;
  border-radius:999px;
  background:rgba(199,156,98,.35);
  opacity:1;
  border:0;
  cursor:pointer;
  padding:0;
  transition:background .2s ease, transform .2s ease;
}
.ebadi-banner-dot.is-active{background:var(--gold);transform:scale(1.05)}
.ebadi-banner-dot:focus{outline:2px solid rgba(199,156,98,.45);outline-offset:3px}


/* ============================
   Global font lock (Ebadi)
   Prevent theme typography (and Elementor globals) from overriding plugin UI.
   ============================ */
.ebadi-5step-root,
.ebadi-5step-root *{
  font-family: var(--ebadi-font-family) !important;
}

/* ============================
   Time picker (Step 3)
   Tabs (day) + card radio list (time)
   Matches the plugin gold palette and overall UI.
   ============================ */
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-timepicker{ margin-top: 6px; }

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytabs{
  display:flex;
  gap: 16px;
  overflow:auto;
  padding: 0 2px 10px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytabs::-webkit-scrollbar{ display:none; }

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytab{
  background: transparent;
  border: 0;
  padding: 10px 4px;
  font-weight: 900;
  font-size: 14px;
  color: #7b776f;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytab:hover{ color: #5e5b55; }
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytab.is-active{ color: var(--gold); }
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-daytab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom: -11px;
  height: 3px;
  border-radius: 99px;
  background: var(--gold);
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-timeslots{
  display:flex;
  flex-direction: column;
  gap: 8px; /* فاصله کمتر بین باکس‌ها */
  margin-top: 14px;
  max-height: 420px;
  overflow:auto;
  padding: 2px 2px 2px 6px;
  -webkit-overflow-scrolling: touch;
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-slot{
  border: 1px solid var(--field-br);
  background: var(--field-bg);
  border-radius: 18px;
  padding: 18px 16px; /* ارتفاع بیشتر */
  min-height: 45px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  flex-direction: row-reverse; /* time on right, radio on left */
  gap: 12px;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
  box-shadow: 0 10px 18px rgba(0,0,0,.05);
  text-align: right;
}
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-slot:hover{ transform: translateY(-1px); }

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-time-label{
  font-weight: 900;
  font-size: 16px;
  color: #2d2d2d;
  direction:ltr;
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-radio{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(199,162,106,.60);
  background: transparent;
  position: relative;
  flex: 0 0 auto;
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-slot.is-selected{
  border-color: rgba(199,162,106,.75);
  background: #fff;
  box-shadow: 0 12px 22px rgba(199,162,106,.15);
}
.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-slot.is-selected .ebadi-radio::after{
  content:"";
  position:absolute;
  inset: 4px;
  border-radius: 999px;
  background: var(--gold);
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-slot.is-disabled{
  opacity: .45;
  transform:none;
  cursor: default;
  pointer-events:none;
  box-shadow:none;
}

.ebadi-5step-root :is(.ebadi-mobile .ebadi-step[data-step="3"], .ebadi-desktop .ebadi-step[data-step="3"]) .ebadi-no-slots{
  padding: 14px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.04);
  border: 1px dashed rgba(0,0,0,.10);
  color: #6a6660;
  font-weight: 800;
  text-align:center;
}

@media (max-width: 980px){
  .ebadi-5step-root .ebadi-mobile .ebadi-step[data-step="3"] .ebadi-timeslots{ max-height: 360px; }
}

/* ===== EbadiForm v10: Mobile banner should show FULL image (no crop) ===== */
@media (max-width: 980px){
  .ebadi-form-banners--mobile .ebadi-banner-slider{
    height: auto !important;          /* JS will set exact height based on active image */
    min-height: 80px;
    aspect-ratio: auto !important;
  }
  .ebadi-form-banners--mobile .ebadi-banner-slide img{
    object-fit: contain !important;
    background: #fff;
  }
}