/* Цвета и переменные */
:root {
  --color-primary: #3a19a8;
  --color-secondary: #1c1c1e;
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-muted: #666666;

  --transition-base: 0.3s ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 1.25;
}

p {
  margin-bottom: 1em;
}

/* Кнопки */
button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

/* Ссылки */
a {
  transition: color var(--transition-base);
  cursor: pointer;
}
a:hover {
  color: var(--color-primary);
}

.hidden {
  display: none !important;
}

/* Общие утилиты */
.container {
  max-width: 1620px;
  margin-inline: auto;
  padding-inline: 1rem;
}

.views-element-container {
  max-width: 1620px;
  margin-inline: auto;
  padding-inline: 1rem;
  margin: 24px 0;
}

.main-section {
  padding: 40px 0;
}

.main-section--grey {
  background-color: #f2f3f5;
}

.main-section__subtitle {
  color: #212b36;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 40px;
}

.main-section__cards-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}

@media (max-width: 1440px) {
    .main-section__cards-list {
        grid-template-columns: repeat(4, 1fr);
    }
}


@media (max-width: 1024px) {
    .main-section__cards-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .main-section__cards-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .main-section__cards-list {
        grid-template-columns: repeat(1, 1fr);
    }
}