/* ==========================================================================
   Блок «Что передается заказчику»
   Опорный кадр 1920:

     поля секции      122 слева и справа, отступ сверху 82, снизу 277
     карточка         1676 × 778, радиус 30, #d9d9d9
     поля карточки    90 слева, 73 сверху
     заголовок        Muller Medium 50 / 1.12
     перечень         Muller Light 48 / 1.12, маркер — точка

   Высота карточки в макете (778) набегает из содержимого плюс большое
   нижнее поле — оно и задано в процентах от ширины, а не фиксированной
   высотой: перечень на узком экране переносится, и карточка растёт.
   ========================================================================== */

/*
   z-index: 0 запирает фоновую дугу внутри секции: над карточкой она лежит
   (в макете дуга её перекрывает), но выше плиток услуг подняться не может.
   overflow: clip visible срезает выступ дуги слева, чтобы не появлялась
   горизонтальная прокрутка, и не мешает ей выходить вверх за секцию.
*/
.delivery {
  position: relative;
  z-index: 0;
  overflow-x: clip;
  overflow-y: visible;
  padding-block: 4.2708% 14.4271%;
  padding-inline: clamp(1.25rem, 6.3542vw, 7.625rem);
}

/* --- Фоновая дуга ---------------------------------------------------------
   Заходит в блок услуг сверху и уходит за левый край кадра: в макете виден
   только правый бок дуги, остальное срезано границей страницы.
   -------------------------------------------------------------------------- */

.delivery__decor {
  position: absolute;
  z-index: 1;
  left: -21.875%;
  top: -27.8125vw;
  width: 56.6667%;
  height: auto;
  pointer-events: none;
}

/* --- Карточка ------------------------------------------------------------- */

.delivery__card {
  position: relative;
  padding: 4.3556% 5.3699% 14.5%;
  background-color: var(--bg-card);
  border-radius: clamp(1rem, 1.5625vw, 1.875rem);
}

.delivery__title {
  font-size: clamp(1.5rem, 2.6042vw, 3.125rem);
  font-weight: var(--fw-medium);
  line-height: 1.12;
}

.delivery__list {
  margin-top: clamp(1.25rem, 2.8vw, 3.36rem);
  font-size: clamp(1.0625rem, 2.5vw, 3rem);
  font-weight: var(--fw-light);
  line-height: 1.12;
}

/* Маркер вынесен в поле строки: перенос второй строки идёт под текстом */
.delivery__list li {
  position: relative;
  padding-left: 1.15em;
}

/* Символ записан кодом (U+00B7) — см. комментарий в sections/plans.css */
.delivery__list li::before {
  content: "\00B7";
  position: absolute;
  left: 0.1em;
}

/* --- Мобильные ------------------------------------------------------------ */

@media (max-width: 900px) {
  .delivery {
    padding-block: 0 3.5rem;
    padding-inline: var(--container-pad);
  }

  .delivery__decor {
    display: none;
  }

  /*
     Сверху зазор даёт соседняя секция услуг. Когда её место занимает форма
     заявки, карточка подходит к форме вплотную — возвращаем отступ.
     Второе правило — тот же случай без JS, по :target.
  */
  .order:not([hidden]) ~ .delivery,
  .order:target ~ .delivery {
    padding-top: 30px;
  }

  .delivery__card {
    padding: 2rem 1.5rem 2.5rem;
  }

  .delivery__list {
    margin-top: 1.5rem;
    font-size: clamp(1rem, 4.4vw, 1.5rem);
  }
}