.section {
   padding: 60px 0;

   @include _Tablet {
      padding: 70px 0;
   }

   @include _HDesktop {
      padding: 100px 0;
   }

   // Примечание: раньше здесь было правило &.section_top, которое
   // автоматически обнуляло отступы первому блоку на странице.
   // Теперь это управляется явно через поле ACF "Отступы" (см. ниже,
   // section--spacing-none) — редактор сам решает для каждого блока.

   &--top {
      padding: 60px 0;

      @include _Tablet {
         padding: 60px 0 70px;
      }

      @include _HDesktop {
         padding: 60px 0 100px;
      }
   }

   &.section--first {
      padding-top: 0;
   }

   &.section--last {
      padding-bottom: 0;
   }

   // --- Общие настройки секции (ACF: "Отступ сверху" / "Отступ снизу") ---
   // Верх и низ настраиваются независимо друг от друга.

   &.section--pt-small {
      padding-top: 30px;

      @include _Tablet {
         padding-top: 35px;
      }

      @include _HDesktop {
         padding-top: 50px;
      }
   }

   &.section--pt-none {
      padding-top: 0;
   }

   &.section--pb-small {
      padding-bottom: 30px;

      @include _Tablet {
         padding-bottom: 35px;
      }

      @include _HDesktop {
         padding-bottom: 50px;
      }
   }

   &.section--pb-none {
      padding-bottom: 0;
   }

   // --- Общие настройки секции (ACF: "Фон секции") ---
   &.section--bg-black {
      background-color: cl("bg"); // #231f20 — фон по умолчанию для всего сайта
   }

   &.section--bg-white {
      background-color: #fff;
   }

   // --- Контрастный текст ---
   // Включается автоматически при белом фоне (section--bg-white),
   // переключает заголовки/текст на тёмный цвет вместо стандартного белого.
   // Сделано через override часто используемых текстовых классов;
   // если в конкретном блоке остаётся белый текст — добавьте сюда
   // недостающий селектор.
   &.section--contrast-text {
      --section-contrast-color: #{cl("dark-text")};

      .h1,
      .h3,
      .h4,
      .h5,
      .h2-text-heading,
      .h3-text-heading,
      .h4-text-heading,
      .h5-text-heading,
      .text,
      p,
      .section-text {
         color: var(--section-contrast-color) !important;
      }
   }
}
