.skeleton {
    background: linear-gradient(
            90deg,
            #ededed 30%,
            #f7f7f7 45%,
            #ededed 60%
    );
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
    border-radius: var(--b-radius-min);
}

.skeleton-title {
    width: 100px;
    height: 36px;
    margin-bottom: 30px;
}

.skeleton-category{
    width: 200px;
    height: 70px;
}

.skeleton-calendar{
    width: 100%;
    height: 70px;
    margin-top: 50px;
    margin-bottom: 5px;
}

.skeleton-days{
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.skeleton-menu-item{
    width: 200px;
    height: 280px;
}

.skeleton-order{
    width: 100%;
    height: 600px;
}

@media (prefers-reduced-motion: reduce) {
    .skeleton::before {
        animation: none;
    }
}

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