/* skeleton.css – скелетоны для загрузки */
.skeleton {
    background: linear-gradient(90deg, #2a2d3a 25%, #3a3d4a 50%, #2a2d3a 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 8px;
}

@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.skeleton-text { height: 1rem; margin-bottom: 8px; }
.skeleton-text-sm { height: 0.8rem; width: 60%; }
.skeleton-title { height: 1.5rem; width: 80%; margin-bottom: 12px; }
.skeleton-image { height: 170px; border-radius: 8px; }
.skeleton-card {
    background: var(--bg-card);
    border-radius: 20px;
    padding: 16px;
    border: 1px solid var(--border-color);
}