/**
 * Оптимизация отступов для улучшения UX
 * Уменьшение избыточных расстояний между блоками
 */

/* Переопределение CSS переменных для уменьшения отступов */
:root {
  /* Уменьшаем минимальные отступы на 30-40% */
  --distance-min-medium: 30; /* было 50 */
  --distance-min-large: 60; /* было 100 */
  
  /* Уменьшаем максимальные отступы на 40-50% */
  --distance-max-normal: 120; /* было 240 */
  --distance-max-large: 180; /* было 360 */
}

/* Дополнительная оптимизация для секций */
.section {
  /* Уменьшаем отступы между секциями */
}

/* Оптимизация для основных секций */
.section-masthead.pt-large {
  padding-top: 60px !important; /* было ~100-360px */
}

.section-masthead.pb-medium {
  padding-bottom: 40px !important; /* было ~50-240px */
}

.section-content.pt-medium {
  padding-top: 30px !important; /* было ~50-240px */
}

.section-content.pb-medium {
  padding-bottom: 30px !important; /* было ~50-240px */
}

/* Уменьшение отступов в текстовых блоках */
.section-content__text {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.section-content__text p {
  margin-bottom: 1rem !important;
}

/* Оптимизация отступов для заголовков */
.section-content__heading {
  margin-bottom: 1.5rem !important;
}

.section-masthead__heading {
  margin-bottom: 1rem !important;
}

.section-masthead__subheading {
  margin-top: 1rem !important;
}

/* Уменьшение отступов для кнопок */
.section-content__button,
.section-masthead__button {
  margin-top: 1.5rem !important;
}

/* Оптимизация для сеток проектов */
.section-grid {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.section-grid__item {
  margin-bottom: 2rem !important;
}

/* Адаптивность - еще меньше отступы на мобильных */
@media (max-width: 768px) {
  .section-masthead.pt-large {
    padding-top: 40px !important;
  }
  
  .section-content.pt-medium,
  .section-content.pb-medium {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  
  .section-grid {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

/* Оптимизация для CTA секций */
.section-cta.pt-medium {
  padding-top: 40px !important;
}

.section-cta.pb-medium {
  padding-bottom: 40px !important;
}

/* Уменьшение отступов между элементами форм */
.form__col {
  margin-bottom: 1rem !important;
}

.form__col_submit {
  margin-top: 1.5rem !important;
}