/* ==========================================================================
   Статические карточки (Вторая часть секции слайдера)
   ========================================================================== */

/* --- Общая секция статических карточек --- */
.static-cards-section {
    padding: 0; /* Отступы сверху и снизу секции */
    background-color: transparent; /* Фон секции - белый */
    width: 100%;
}

/* --- Обёртка для карточек --- */
.static-cards-wrapper {
    display: flex;
    width: 105rem;
    gap: 2.5rem; /* Расстояние между карточками: 40px / 16px */
    justify-content: space-between; /* Распределяем карточки по краям */
    align-items: stretch; /* Растягиваем карточки по высоте */
}

/* --- Одна статическая карточка --- */
.static-card {
    width: 35rem; /* Ширина карточки: 560px / 16px */
    height: 17.5rem; /* Высота карточки: 280px / 16px */
    border-radius: 2.5rem; /* Скругление углов: 40px / 16px */
    padding: 2rem; /* Внутренние отступы: 32px / 16px */
    box-sizing: border-box;
    color: #fff; /* Цвет текста белый */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Распределяем контент по вертикали */
    align-items: flex-start; /* Выравниваем контент по левому краю */
    text-decoration: none; /* Убираем подчеркивание для ссылки */
}

/* --- Заголовок карточки --- */
.static-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; /* Black */
    font-size: 1.5rem; /* Размер шрифта заголовка: 24px / 16px */
    line-height: 100%;
    margin-bottom: 0.5rem; /* Отступ снизу от заголовка до текста */
    color: #fff; /* Цвет текста заголовка белый */
}

/* --- Текст карточки --- */
.static-card p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 0.875rem; /* Размер шрифта анонса: 14px / 16px */
    line-height: 120%; /* Межстрочный интервал */
    margin-bottom: 1rem; /* Отступ снизу от текста до кнопки */
    color: #fff; /* Цвет текста анонса белый */
}

/* --- Кнопка внутри карточки --- */
.static-card-button {
    display: inline-block;
    width: 100%; /* Ширина кнопки: 100% от ширины карточки */
    height: 2.5rem; /* Высота кнопки: 40px / 16px */
    background-color: #fff; /* Цвет фона кнопки белый */
    color: #0C4CD3; /* Цвет текста кнопки синий */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.875rem; /* Размер шрифта кнопки: 14px / 16px */
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    border-radius: 1.25rem; /* Скругление углов кнопки: 20px / 16px */
    padding: 0.625rem; /* Паддинги кнопки: 10px / 16px */
    transition: background-color 0.3s; /* Плавный переход цвета фона */
    box-sizing: border-box;
}

.static-card-button:hover {
    background-color: #D42A4A; /* Цвет фона кнопки при наведении красный */
    color: #fff; /* Цвет текста кнопки при наведении белый */
}

/* --- Градиенты для карточек --- */
.static-card--blue {
    background: linear-gradient(85deg, #0C4CD3 2.83%, #6194FF 100.8%);
}

.static-card--red {
    background: linear-gradient(85deg, #D42A4A -0.37%, #FF9FB1 97.94%);
}

/* --- Контейнер для кнопок навигации по карточкам --- */
.static-cards-actions {
    display: grid;
    grid-template-columns: 1fr auto; /* Одна кнопка слева, одна справа */
    align-items: center;
    justify-content: space-between;
    max-width: 110rem; /* 1760px / 16px */
    width: 100%;
    height: 5.9375rem; /* 95px / 16px */
    margin: 2rem auto 0; /* Отступ сверху 32px, центрируем, отступ снизу 0 */
    padding: 1.25rem 1.25rem 1.25rem 2rem; /* 20px 20px 20px 32px / 16px */
    box-sizing: border-box;
    border-radius: 2.5rem; /* 40px / 16px */
    background: linear-gradient(85deg, #0C4CD3 2.83%, #6194FF 100.8%);
}

/* --- Кнопки навигации по карточкам --- */
.static-action-button {
    /* Сброс стилей по умолчанию */
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    outline: inherit;

    /* Стили кнопки */
    width: 3.4375rem; /* 55px / 16px */
    height: 3.4375rem; /* 55px / 16px */
    border-radius: 1.25rem; /* 20px / 16px */
    background-color: rgba(255, 255, 255, 0.2); /* Полупрозрачный белый фон */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.static-action-button:hover {
    background-color: rgba(255, 255, 255, 0.3); /* Изменение фона при наведении */
}

/* --- Специфичные стили для кнопок (если нужно) --- */
.static-action-button--prev {
    /* Можно добавить специфичные стили для кнопки "Предыдущая", если потребуется */
}

.static-action-button--next {
    /* Можно добавить специфичные стили для кнопки "Следующая", если потребуется */
}

.official-news-actions {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;
    align-items: center;
    width: 105rem;
    height: 6.5rem;
    padding: 20px 20px 20px 32px;
    border-radius: 40px;
    background: linear-gradient(86.2deg, #0C4CD3 2.83%, #6194FF 100.8%);
    gap: 10px;
    margin-top: 3rem;
}

.official-news-title {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    white-space: nowrap;
}

.official-news-button {
    width: 487px;
    height: 56px;
    padding: 0; /* Убираем внутренние отступы, так как они уже заданы в стиле кнопки */
    border: none;
    border-radius: 20px;
    background: #FFFFFF;
    color: #0C4CD3;
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
}

.official-news-button:hover {
    background: #e0e0e0;
}