.elementor-2169 .elementor-element.elementor-element-318e1f6 > .elementor-container > .elementor-row{align-items:stretch;}.elementor-2169 .elementor-element.elementor-element-acc3ae2{--spacer-size:100px;}.elementor-2169 .elementor-element.elementor-element-c8a4383 > .elementor-container > .elementor-row{align-items:stretch;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 > .elementor-widget-container{background-color:#FFFFFF;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:7px;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-7px;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-labels-inline .elementor-field-group > label{padding-left:3px;}body:not(.rtl) .elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-labels-inline .elementor-field-group > label{padding-right:3px;}body .elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-labels-above .elementor-field-group > label{padding-bottom:3px;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group > label, .elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-subgroup label{color:#020101;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-type-html{padding-bottom:0px;color:#000000;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#00000069;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#00000069;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-field-group .elementor-select-wrapper::before{color:#00000069;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2169 .elementor-element.elementor-element-2e77bc9{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#0C0707;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2169 .elementor-element.elementor-element-a4b81c3{--spacer-size:600px;width:var( --container-widget-width, 99.929% );max-width:99.929%;--container-widget-width:99.929%;--container-widget-flex-grow:0;}body.elementor-page-2169:not(.elementor-motion-effects-element-type-background), body.elementor-page-2169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dandental.ir/wp-content/uploads/2025/10/Generated-Image-October-12-2025-5_08PM.png");background-position:center center;}/* Start custom CSS for html, class: .elementor-element-c35c4b1 */<!-- Dandental | طرح همکار یار | Elementor HTML Widget -->
<section class="dandental-collab" dir="rtl" lang="fa" aria-labelledby="dandental-collab-title">
  <style>
    .dandental-collab{
      --brand:#0ea5e9;        /* آبی برند */
      --brand-2:#22d3ee;      /* فیروزه‌ای */
      --accent:#10b981;       /* سبز تاییدی */
      --warn:#f59e0b;         /* کهربایی برای نکات */
      --text:#0f172a;         /* رنگ متن */
      --muted:#475569;       /* توضیحات */
      --bg:#f8fafc;           /* پس‌زمینه نرم */
      --card:#ffffff;         /* کارت سفید */
      --shadow: 0 10px 30px rgba(2,8,23,.08);
      --radius: 18px;
      font-family: IRANSans, Vazirmatn, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--text);
      background: linear-gradient(180deg, #f0f9ff 0%, #f8fffe 100%);
      padding: 36px 20px;
      border-radius: var(--radius);
      border: 1px solid rgba(14,165,233,.12);
    }
    .dandental-collab *{box-sizing:border-box}
    .dandental-collab .head{
      background: radial-gradient(1200px 200px at 80% -20%, rgba(34,211,238,.15), transparent),
                  radial-gradient(1000px 160px at 10% -30%, rgba(14,165,233,.18), transparent);
      border-radius: calc(var(--radius) - 6px);
      padding: 28px 22px;
      position: relative;
      overflow: hidden;
    }
    .dandental-collab .badge{
      display:inline-flex; gap:8px; align-items:center;
      padding:8px 12px; font-size:12px; border-radius:999px;
      background: #ecfeff; color:#0369a1; border:1px solid rgba(14,165,233,.18)
    }
    .dandental-collab h2{
      margin:12px 0 6px; font-size:26px; line-height:1.3; font-weight:800;
      color:#0b2b3d
    }
    .dandental-collab p.sub{
      margin:0; color:var(--muted); font-size:15px
    }
    .dandental-collab .grid{
      display:grid; grid-template-columns:1.2fr .8fr; gap:18px; margin-top:18px
    }
    .dandental-collab .card{
      background:var(--card); border-radius:14px; padding:18px;
      box-shadow: var(--shadow); border:1px solid #e8eef5
    }
    .dandental-collab .list{display:grid; gap:12px; margin-top:6px}
    .dandental-collab .li{
      display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:start
    }
    .dandental-collab .li svg{width:22px; height:22px}
    .dandental-collab .li b{display:block; font-weight:700}
    .dandental-collab .li span{display:block; color:var(--muted); font-size:14px; margin-top:2px}
    .dandental-collab .note{
      display:flex; gap:10px; align-items:center; background:#fffbeb; border:1px solid #fde68a;
      color:#92400e; padding:10px 12px; border-radius:12px; font-size:13px; margin-top:12px
    }
    .dandental-collab .cta{
      display:flex; flex-wrap:wrap; gap:10px; margin-top:16px
    }
    .dandental-collab .btn{
      appearance:none; border:0; cursor:pointer; text-decoration:none;
      padding:12px 16px; border-radius:12px; font-weight:700; font-size:14px; display:inline-flex; gap:8px; align-items:center
    }
    .dandental-collab .btn-primary{
      background: linear-gradient(135deg, var(--brand), var(--brand-2));
      color:#fff; box-shadow:0 6px 20px rgba(34,211,238,.35)
    }
    .dandental-collab .btn-ghost{
      background:#ffffff; color:#0ea5e9; border:1px solid rgba(14,165,233,.25)
    }
    .dandental-collab .cols{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; margin-top:14px}
    .dandental-collab .faq{
      margin-top:18px; display:grid; gap:10px
    }
    .dandental-collab details{
      background:#ffffff; border:1px solid #e8eef5; border-radius:12px; padding:12px 14px
    }
    .dandental-collab summary{
      cursor:pointer; list-style:none; font-weight:700
    }
    .dandental-collab summary::-webkit-details-marker{display:none}
    .dandental-collab .contact{
      display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px
    }
    .dandental-collab .contact .line{
      background:#f1f5f9; border:1px dashed rgba(2,6,23,.12); border-radius:12px; padding:12px
    }
    /* Responsive */
    @media (max-width: 1024px){
      .dandental-collab .grid{grid-template-columns:1fr}
      .dandental-collab .cols{grid-template-columns:1fr 1fr}
      .dandental-collab .contact{grid-template-columns:1fr}
    }
    @media (max-width: 520px){
      .dandental-collab h2{font-size:22px}
      .dandental-collab .cols{grid-template-columns:1fr}
    }
  </style>

  <!-- Header -->
  <div class="head">
    <div class="badge" aria-label="برنامه وفاداری همکاران">
      <img
        src="https://dandental.ir/wp-content/uploads/2025/10/Generated-Image-October-12-2025-3_44PM-1-1.png"
        alt="طرح اختصاصی همکاران دندنتال"
        style="
          width:50px;
          height:50px;
          border-radius:999px;
          object-fit:cover;
          margin-left:6px;
          box-shadow:0 0 0 2px rgba(255,255,255,.85);
        "
      />
      طرح اختصاصی همکاران دندنتال
    </div>
    <h2 id="dandental-collab-title">طرح ویژه «همکار یار» دندنتال</h2>
    <p class="sub">تخفیف‌های اختصاصی، پشتیبانی سریع و دسترسی به تازه‌ترین موجودی برای دندان‌پزشکان، کلینیک‌ها و لابراتوارها</p>
    <div class="cta">
      <a class="btn btn-primary" href="#apply">ارسال مدارک و شروع همکاری</a>
      <a class="btn btn-ghost" href="#faq">سوالات متداول</a>
    </div>
  </div>

  <!-- Main Grid -->
  <div class="grid">
    <!-- Benefits -->
    <div class="card">
      <h3 style="margin:0 0 8px; font-size:18px; font-weight:800;">مزایای عضویت</h3>
      <div class="list">
        <div class="li">
          <!-- discount icon -->
          <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M3 12l9-9 9 9-9 9-9-9z" stroke="currentColor" opacity=".2"/><path d="M8 12h8M12 8v8" stroke="var(--accent)" stroke-width="1.8" stroke-linecap="round"/></svg>
          <div>
            <b>تخفیف‌ پلّه‌ای ویژه همکاران (۵٪ تا ۲۵٪)</b>
            <span>بر اساس نوع کالا و حجم خرید؛ تخفیف‌ها به‌صورت خودکار هنگام خرید اعمال می‌شود.</span>
          </div>
        </div>
        <div class="li">
          <!-- inventory icon -->
          <svg viewBox="0 0 24 24" fill="none"><rect x="3" y="4" width="18" height="14" rx="3" stroke="#0ea5e9"/><path d="M7 8h10M7 12h10M7 16h6" stroke="#0ea5e9" stroke-linecap="round"/></svg>
          <div>
            <b>دسترسی به موجودی و تاریخ انقضای جدید</b>
            <span>اطلاع سریع از ورود سری‌های جدید (Batch) و اقلام حساس به دما.</span>
          </div>
        </div>
        <div class="li">
          <!-- headset icon -->
          <svg viewBox="0 0 24 24" fill="none"><path d="M4 12a8 8 0 1 1 16 0v5a3 3 0 0 1-3 3h-2" stroke="#0ea5e9"/><rect x="3" y="11" width="4" height="6" rx="2" fill="#e6faff"/><rect x="17" y="11" width="4" height="6" rx="2" fill="#e6faff"/></svg>
          <div>
            <b>پشتیبانی اختصاصی واتساپ و تلفن</b>
            <span>پاسخ‌گویی سریع و معرفی جایگزین‌های اقتصادی‌تر برای اقلام مشابه.</span>
          </div>
        </div>
        <div class="li">
          <!-- truck icon -->
          <svg viewBox="0 0 24 24" fill="none"><path d="M2 7h11v7h-2.5a2.5 2.5 0 1 0 0 5H18a2.5 2.5 0 1 0 0-5h-1v-4h3l2 3v3" stroke="#0ea5e9" stroke-linecap="round"/></svg>
          <div>
            <b>اولویت در ارسال و سفارش‌های فوری</b>
            <span>ارسال سرد برای اقلام یخچالی در شهرهای پوشش؛ پیگیری و هماهنگی سریع.</span>
          </div>
        </div>
        <div class="li">
          <!-- doc icon -->
          <svg viewBox="0 0 24 24" fill="none"><path d="M7 3h7l5 5v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" stroke="#0ea5e9"/><path d="M14 3v5h5" stroke="#0ea5e9"/></svg>
          <div>
            <b>پیش‌فاکتور رسمی برای خریدهای کلینیکی</b>
            <span>صدور پیش‌فاکتور و مدارک موردنیاز برای امور مالی و تدارکات.</span>
          </div>
        </div>
      </div>

      <div class="note" role="note">
        <!-- info icon -->
        <svg viewBox="0 0 24 24" fill="none" style="width:18px;height:18px"><circle cx="12" cy="12" r="10" stroke="var(--warn)"/><path d="M12 8h.01M12 11v5" stroke="var(--warn)" stroke-linecap="round"/></svg>
        <span>دامنه تخفیف‌ها بر اساس گروه کالایی و حجم سفارش متفاوت است.</span>
      </div>
    </div>

    <!-- How to join -->
    <div class="card" id="apply">
      <h3 style="margin:0 0 8px; font-size:18px; font-weight:800;">شرایط و نحوه عضویت</h3>
      <p style="margin:0 0 10px; color:var(--muted); font-size:14px">
        همکاران گرامی می‌توانند با ارسال <b>جواز کسب</b> یا <b>مدرک معتبر</b> از طریق راه‌های ارتباطی، پس از احراز هویت از <b>تخفیف ویژه ۵٪ تا ۲۵٪</b> بهره‌مند شوند.
      </p>
      <p style="margin:0 0 10px; color:var(--muted); font-size:13px">
        همچنین عزیزان شاغل در این عرصه با برقراری ارتباط از طریق راه‌های مذکور، می‌توانند ضمن عقد قرارداد، کالاها و خدمات قابل ارائه خود را از طریق دندنتال به جامعه هدف معرفی، عرضه نموده و به فروش برسانند.
      </p>
      <div class="cols">
        <div class="line" style="background:#f0fdf4; border:1px solid rgba(16,185,129,.25); border-radius:12px; padding:12px">
          <b>مدارک قابل قبول</b>
          <ul style="margin:8px 0 0 0; padding-right:18px; color:var(--muted); font-size:14px; line-height:1.8">
            <li>جواز کسب یا پروانه مطب معتبر</li>
            <li>کارت نظام پزشکی یا مدرک تحصیلی مرتبط</li>
            <li>مجوز فعالیت لابراتوار/کلینیک</li>
          </ul>
        </div>
        <div class="line">
          <b>نحوه ارسال مدارک</b>
          <ul style="margin:8px 0 0 0; padding-right:18px; color:var(--muted); font-size:14px; line-height:1.8">
            <li>واتساپ پشتیبانی: <a href="https://wa.me/98XXXXXXXXXX" rel="nofollow">۰۹XX XXX XXXX</a></li>
            <li>ایمیل: <a href="mailto:info@dandental.ir">info@dandental.ir</a></li>
            <li>یا بارگذاری از طریق فرم همین صفحه</li>
          </ul>
        </div>
        <div class="line">
          <b>زمان بررسی</b>
          <p style="margin:8px 0 0; color:var(--muted); font-size:14px">نتیجه بررسی مدارک حداکثر ظرف <b>۲۴ ساعت کاری</b> اعلام می‌شود و تخفیف‌ها روی حساب فعال می‌گردد.</p>
        </div>
      </div>

      <div class="cta">
        <a class="btn btn-primary" href="#form">ارسال مدارک</a>
        <a class="btn btn-ghost" href="/my-account/">ورود/ثبت‌نام</a>
      </div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="faq" id="faq" aria-label="پرسش‌های متداول">
    <details>
      <summary>آیا عضویت در طرح همکار یار هزینه دارد؟</summary>
      <div style="margin-top:8px; color:var(--muted); font-size:14px">خیر. عضویت کاملاً رایگان است.</div>
    </details>
    <details>
      <summary>تخفیف‌ها روی چه کالاهایی اعمال می‌شود؟</summary>
      <div style="margin-top:8px; color:var(--muted); font-size:14px">بسته به گروه کالا متفاوت است؛ اغلب اقلام مصرفی و ترمیمی مشمول طرح هستند.</div>
    </details>
    <details>
      <summary>برای خرید عمده، تخفیف جداگانه دارید؟</summary>
      <div style="margin-top:8px; color:var(--muted); font-size:14px">بله. برای سفارش‌های عمده تخفیف‌های توافقی ارائه می‌شود. با پشتیبانی تماس بگیرید.</div>
    </details>
  </div>

  <!-- Small print -->
  <p style="margin:16px 0 0; font-size:12px; color:#64748b">
    با عضویت در طرح، شما شرایط و ضوابط فروش دندنتال را می‌پذیرید. جهت اطلاعات بیشتر با پشتیبانی در تماس باشید.
  </p>
</section>


<!-- Dandental | Elementor Form skin -->
<style>
  /* کانتینر فرمی که زیر سکشن قبلی قرار می‌گیره */
  .dandental-collab + .elementor-widget-form,
  .dandental-collab + .elementor-widget-container .elementor-widget-form{
    margin-top: 14px !important;
  }

  /* اسکین فرم */
  .elementor-form.dandental-form{
    --brand:#0ea5e9; --brand-2:#22d3ee; --accent:#10b981;
    --text:#0f172a; --muted:#475569; --bg:#f8fafc; --card:#fff;
    --shadow: 0 10px 30px rgba(2,8,23,.08);
    direction: rtl; text-align: right;
    background: var(--card);
    border: 1px solid #e8eef5; border-radius: 14px; padding: 16px;
    box-shadow: var(--shadow);
  }
  .dandental-form .elementor-field-group{margin-bottom: 12px;}
  .dandental-form .elementor-field-label{font-weight:700;color:#0b2b3d;margin-bottom:6px}
  .dandental-form .elementor-field,
  .dandental-form .elementor-select-wrapper select{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px !important;
    padding:12px 14px; transition: .2s; font-size:14px;
  }
  .dandental-form .elementor-field:focus,
  .dandental-form .elementor-select-wrapper select:focus{outline:none; border-color:#bae6fd; box-shadow:0 0 0 3px rgba(14,165,233,.12)}
  .dandental-form .elementor-acceptance-field .elementor-field-option{
    accent-color: var(--brand);
  }
  .dandental-form .elementor-button{
    background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
    color:#fff !important; border:0; border-radius:12px; padding:12px 18px; font-weight:800;
    box-shadow:0 6px 20px rgba(34,211,238,.35);
  }
  .dandental-form .elementor-button:hover{transform: translateY(-1px)}
  .dandental-form .e-form__indicators{display:none} /* اگر Stepper نمی‌خوای */

  /* پیام موفقیت */
  .dandental-form .elementor-message{
    border-radius:12px; padding:12px 14px; font-weight:600;
  }
  .dandental-form .elementor-message.elementor-message-success{
    background:#f0fdf4; border:1px solid rgba(16,185,129,.25); color:#065f46;
  }
  /* رسپانسیو */
  @media (max-width:520px){
    .elementor-form.dandental-form{padding:14px}
  }
</style>

<script>
  // اسکرول نرم به فرم وقتی روی دکمه‌های "ارسال مدارک" کلیک می‌شه
  document.querySelectorAll('a[href="#form"]').forEach(a=>{
    a.addEventListener('click',e=>{
      e.preventDefault();
      const form = document.querySelector('.elementor-form.dandental-form');
      if(form){ form.scrollIntoView({behavior:'smooth', block:'start'}); }
    });
  });
</script>

<style>
  /* کادر و فاصله‌ی خودِ ویجت فرم که کلاس dandental-form روی آن است */
  .elementor-widget-form.dandental-form{
    margin-top:14px !important;
  }

  /* اسکین فرم: هدف گرفتن فرم داخلی از طریق wrapper ویجت */
  .elementor-widget-form.dandental-form .elementor-form{
    --brand:#0ea5e9; --brand-2:#22d3ee; --accent:#10b981;
    --text:#0f172a; --muted:#475569; --bg:#f8fafc; --card:#fff;
    --shadow: 0 10px 30px rgba(2,8,23,.08);
    direction: rtl; text-align: right;
    background: var(--card);
    border: 1px solid #e8eef5; border-radius: 14px; padding: 16px;
    box-shadow: var(--shadow);
  }

  /* فیلدها و لیبل‌ها با اسکوپ به wrapper */
  .elementor-widget-form.dandental-form .elementor-field-group{margin-bottom:12px;}
  .elementor-widget-form.dandental-form .elementor-field-label{font-weight:700;color:#0b2b3d;margin-bottom:6px}
  .elementor-widget-form.dandental-form .elementor-field,
  .elementor-widget-form.dandental-form .elementor-select-wrapper select{
    background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px !important;
    padding:12px 14px; transition:.2s; font-size:14px;
  }
  .elementor-widget-form.dandental-form .elementor-field:focus,
  .elementor-widget-form.dandental-form .elementor-select-wrapper select:focus{
    outline:none; border-color:#bae6fd; box-shadow:0 0 0 3px rgba(14,165,233,.12)
  }
  .elementor-widget-form.dandental-form .elementor-acceptance-field .elementor-field-option{accent-color:var(--brand);}

  .elementor-widget-form.dandental-form .elementor-button{
    background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
    color:#fff !important; border:0; border-radius:12px; padding:12px 18px; font-weight:800;
    box-shadow:0 6px 20px rgba(34,211,238,.35);
  }
  .elementor-widget-form.dandental-form .elementor-button:hover{transform:translateY(-1px)}
  .elementor-widget-form.dandental-form .e-form__indicators{display:none} /* اگر Stepper نمی‌خوای */

  /* پیام موفقیت/خطا */
  .elementor-widget-form.dandental-form .elementor-message{border-radius:12px; padding:12px 14px; font-weight:600;}
  .elementor-widget-form.dandental-form .elementor-message.elementor-message-success{
    background:#f0fdf4; border:1px solid rgba(16,185,129,.25); color:#065f46;
  }

  /* رسپانسیو */
  @media (max-width:520px){
    .elementor-widget-form.dandental-form .elementor-form{padding:14px}
  }
</style>/* End custom CSS */