.grid-apps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    row-gap: 15px;
    column-gap: 15px;
    justify-content: center; /* Центровка по горизонтали */
}

.index-page h2 {
    padding: 0.5em 0 0.7em 0;
}

.index-page .grid-apps article {
    border: 1px solid rgb(82, 82, 82);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 10px;
    column-gap: 15px;
}

.index-page .grid-apps article:hover {
    border: 1px solid rgb(163, 163, 163);
    background-color: color(srgb 0.1356 0.1356 0.145);
}

.index-page .grid-apps article h3 {
    white-space: nowrap;          /* Запрещает перенос текста на следующую строку */
    overflow: hidden;            /* Скрывает текст, выходящий за пределы блока */
    text-overflow: ellipsis;     /* Добавляет многоточие в конце обрезанного текста */
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
}

.index-page .grid-apps article h2 {
    white-space: nowrap;          /* Запрещает перенос текста на следующую строку */
    overflow: hidden;            /* Скрывает текст, выходящий за пределы блока */
    text-overflow: ellipsis;     /* Добавляет многоточие в конце обрезанного текста */
    width: 100%;
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
}

.index-page .grid-apps article .stars {
    display: flex;
}

.index-page .grid-apps article svg{
    width: 0.9em;
    fill: #fff;
    height: 14px;
    margin: auto 0;
}

.index-page .grid-apps article .stars svg {
    fill: rgb(243, 156, 18);
}

.index-page .grid-apps article p {
    padding: 0 0 0 0.2em;
    font-size: 0.9em;
}

.grid-category {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    row-gap: 15px;
    column-gap: 15px;
    justify-content: center; /* Центровка по горизонтали */
}

.grid-category a {
    font-size: 1.2em;
    border: 1px solid rgb(82, 82, 82);
    padding: 8px;
    text-align: center;
    border-radius: 4px;
}

.grid-category a:hover {
    border: 1px solid rgb(163, 163, 163);
    background-color: color(srgb 0.1356 0.1356 0.145);
}

.text-block h2 {
    padding: 1em 0 0.2em 0;
}

.text-block p {
    padding: 0.2em 0 0.4em 0;
}