{# БИТРИКС: блок «Наши работы» врача — отдельный include / компонент (например HL «Клинические случаи» с привязкой к врачу или раздел ИБ).
   Слайдер: foreach по $arResult['ITEMS']; один слайд = до/после + текст. Инициализация Swiper — в doctor-detail.ts (.doctor-cases-swiper). #}
<section class="doctor-block doctor-cases" aria-labelledby="doctor-cases-title">
  <h2 id="doctor-cases-title" class="doctor-block__title doctor-block__title--lg">Наши работы</h2>
  <div class="doctor-cases__swiper-shell">
    <div class="swiper doctor-cases-swiper">
      <div class="swiper-wrapper">
      {% for i in [1, 2, 3, 4, 5] %}
      <div class="swiper-slide">
        <div class="doctor-cases__compare">
          <div class="doctor-cases__shot">
            <span class="doctor-cases__badge">До лечения</span>
            <img src="/images/bba15e035e95d416294d3b27bcaf4aaedf89ab63.png" alt="До лечения" width="540" height="300" loading="lazy" decoding="async" draggable="false">
          </div>
          <div class="doctor-cases__shot">
            <span class="doctor-cases__badge doctor-cases__badge--after">После лечения</span>
            <img src="/images/32a01cdca5f1da140367aaafbcda226a806ef884.png" alt="После лечения" width="540" height="300" loading="lazy" decoding="async" draggable="false">
          </div>
        </div>
        <div class="doctor-cases__text">
          <p class="doctor-cases__tag">All-on-4</p>
          <p class="doctor-cases__subtitle">Лечение</p>
          <p class="doctor-cases__desc">На верхней и нижней челюсти установлены имплантаты Nobel по протоколу All-on-4. Одномоментно имплантаты нагрузить не получилось из-за невысоких торков; на период интеграции были сделаны полные съёмные пластиночные протезы на верхнюю и нижнюю челюсть. После интеграции имплантатов изготовлены условно-съёмные протезы на верхнюю и нижнюю челюсть с армированием, гарнитурные зубы Candulor, пластмасса Candulor.</p>
        </div>
      </div>
      {% endfor %}
    </div>
    </div>
    <div id="doctor-cases-swiper-pagination" class="swiper-pagination swiper-pagination-horizontal"></div>
  </div>
</section>
