{# БИТРИКС: промо-блок «Запись на бесплатный приём» — include_area или компонент веб-формы / обратного звонка.
   Поле телефона и кнопка на проде: обработчик формы или открытие модалки через onclick/инициализацию шаблона.
   Макет Figma: node 124-3291 (1920). Обычный .container (main.scss) + __inner для карточки; на детальной внутри .container — см. _part-map-promo.scss.
   Изображение справа — из медиабиблиотеки / свойство страницы. #}
<section class="doctor-promo-cta" aria-labelledby="doctor-promo-cta-title">
  <div class="container doctor-promo-cta__inner">
    <div class="doctor-promo-cta__content">
      <h2 id="doctor-promo-cta-title" class="doctor-promo-cta__heading">Запишитесь на бесплатный приём врача</h2>
      <div class="doctor-promo-cta__info">
        <div class="doctor-promo-cta__lead-block">
          <p class="doctor-promo-cta__lead-title">Начните с консультации</p>
          <ul class="doctor-promo-cta__list">
            <li>Сделаем панорамный снимок челюсти</li>
            <li>Проведём осмотр и составим план лечения</li>
            <li>Рассчитаем 3 варианта стоимости (доступный, средний и премиум)</li>
          </ul>
        </div>
        <p class="doctor-promo-cta__note">Консультация ни к чему вас не обязывает! Вы сможете спокойно дома обдумать полученный план лечения.</p>
      </div>
      {# БИТРИКС: заменить <form>...</form> на компонент веб-формы / обратного звонка #}
      <form class="doctor-promo-cta__actions doctor-promo-cta__form" novalidate>
        {# Honeypot: скрыт визуально, недоступен с клавиатуры; заполненное поле = бот → форма отклоняется #}
        <input class="visually-hidden" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
        <div class="doctor-promo-cta__row">
          <label class="visually-hidden" for="doctor-promo-cta-phone">Телефон</label>
          <input
            id="doctor-promo-cta-phone"
            class="doctor-promo-cta__field"
            type="tel"
            name="phone"
            inputmode="tel"
            autocomplete="tel"
            required
          >
          <button
            type="submit"
            class="btn btn--doctor-cta btn--hero doctor-promo-cta__submit"
          >Записаться</button>
        </div>
        <p class="doctor-promo-cta__call">Или позвоните: <a href="tel:+74952291424">+7 495 229 14 24</a></p>
        <div class="doctor-promo-cta__consent">
          <input id="doctor-promo-cta-consent" class="doctor-promo-cta__checkbox" type="checkbox" name="consent" checked>
          <label for="doctor-promo-cta-consent" class="doctor-promo-cta__consent-label">
            Я даю согласие на обработку персональных данных в соответствии с
            <a href="/politika-obrabotki-personalnykh-dannykh/" class="doctor-promo-cta__policy-link">Политикой обработки персональных данных</a>.
          </label>
        </div>
      </form>
    </div>
    <div class="doctor-promo-cta__media">
      {# БИТРИКС: src из свойства страницы / ИБ, например <?=htmlspecialchars($promoCtaImg)?> #}
      <img
        src="/images/6fdf256d505a0e1719d1daa6694b7446ba831783.png"
        alt="Команда клиники Dr Smile"
        class="doctor-promo-cta__photo"
        width="600"
        height="800"
        loading="lazy"
        decoding="async"
      >
    </div>
  </div>
</section>