@keyframes skeleton-fade {
    0% {
        background-color: #e0e0e0;
    }

    50% {
        background-color: #f0f0f0;
    }

    100% {
        background-color: #e0e0e0;
    }
}

.skeleton {
    padding: 16px;
    margin-top: -360px;
    position: relative;
}

.skeleton-carousel {
    width: 100%;
    height: 350px;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-bottom: 16px;
}

.skeleton-category {
    display: flex;
    justify-content: space-between;
    padding: 0 17px;
    margin-bottom: 16px;
    height: 160px;
    align-items: center;
}

.skeleton-category-item {
    width: 126px;
    height: 126px;
    background-color: #e0e0e0;
    border-radius: 10px;
}

.skeleton-operation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 26px;
    height: 200px;
}

.skeleton-operation-item {
    width: calc(50% - 8px);
    height: 200px;
    background-color: #e0e0e0;
    border-radius: 10px;
}

.skeleton-product {
    display: flex;
    margin-bottom: 16px;
}

.skeleton-product-image {
    width: 260px;
    height: 260px;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-right: 16px;
}

.skeleton-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.skeleton-product-title {
    width: 100%;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-bottom: 8px;
}

.skeleton-product-price {
    width: 50%;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 10px;
    margin-bottom: 16px;
}

.skeleton-product-buttons {
    display: flex;
    justify-content: space-between;
}

.skeleton-product-button {
    width: 200px;
    height: 90px;
    background-color: #e0e0e0;
    border-radius: 10px;
}

.skeleton-carousel,
.skeleton-category-item,
.skeleton-operation-item,
.skeleton-product-image,
.skeleton-product-title,
.skeleton-product-price,
.skeleton-product-button {
    animation: skeleton-fade 1.5s infinite ease-in-out;
    background-size: 200px 100%;
}