/**
 * Модули EULER — секционные отступы (как на главной / Комплектации).
 * 120px на desktop (≥688), 80px на mobile (≤687).
 * Только padding-top / padding-bottom секций и ask; вёрстку карточек не трогаем.
 */

@media (min-width: 688px) {
  .euler-moduli-base,
  .euler-moduli-expand,
  .euler-moduli-converters,
  .euler-moduli-apps {
    padding-bottom: 120px !important;
  }

  .euler-moduli-base__title {
    padding-top: 120px !important;
  }

  .euler-overview-ask--moduli {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    background-color: #f5f6f7 !important;
  }
}

@media (max-width: 687px) {
  .euler-moduli-base,
  .euler-moduli-expand,
  .euler-moduli-converters,
  .euler-moduli-apps {
    padding-bottom: 80px !important;
  }

  .euler-moduli-base__title {
    padding-top: 80px !important;
  }

  .euler-overview-ask--moduli {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    background-color: #f5f6f7 !important;
  }

  .euler-overview-ask--moduli .euler-overview-ask__inner {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* Ховер строк — отступ первой колонки 20px (грузится последним, !important) */
.euler-moduli-base__row,
.euler-moduli-expand__row,
.euler-moduli-converters__row,
.euler-moduli-apps__row {
  transition:
    background-color 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    padding-left 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.euler-moduli-base__row:hover,
.euler-moduli-expand__row:hover,
.euler-moduli-converters__row:hover,
.euler-moduli-apps__row:hover {
  padding-left: 20px !important;
}