/* Сетка и плитки — в common.css, здесь только раскладка страницы. */

.page-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.page-head h1 {
    margin: 0;
    margin-right: auto;
    font-size: 28px;
}

.more-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 28px 0 0;
}

/* Точка-индикатор рядом с кнопкой: мигает, пока ждём ответ сервера */
.loading::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--accent);
    animation: pulse 1s ease-in-out infinite;
    vertical-align: middle;
}

@keyframes pulse {
    0%, 100% { opacity: 0.25; }
    50% { opacity: 1; }
}