.info-box-uik,
.info-box-uik-power-info,
.info-box-uik-power {
    background: radial-gradient(circle, rgb(50, 50, 255), rgb(0, 31, 63));
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 15px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 10px; /* Отступ между блоками на мобильных */
    margin-right: 10px;
}

.info-box-uik {
    width: 350px;
}

.info-box-uik-power-info {
    width: 190px;
}

.info-box-uik-power {
    width: 135px;
}

/* Стили для навигации */
nav {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; /* Позволяет блокам переноситься на новую строку */
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    nav {
        flex-direction: column; /* Блоки выстраиваются вертикально */
    }

    .info-box-uik,
    .info-box-uik-power-info,
    .info-box-uik-power {
        width: 100%; /* Блоки занимают всю ширину */
        margin-right: 0; /* Убираем отступы справа */
        margin-left: 0; /* Убираем отступы слева */
    }

    .info-box-uik > div,
    .info-box-uik-power-info > div,
    .info-box-uik-power > div {
        margin-right: 0; /* Убираем отступы внутри блоков */
    }
}