@keyframes shimmer {
    0% {
        background-position: -500px 0;
    }
    100% {
        background-position: 500px 0;
    }
}

.skeleton {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 37%, #e0e0e0 63%);
    background-size: 1000px 100%;
    animation: shimmer 1.4s infinite;
    border-radius: 6px;
}

.card-skeleton-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
    margin-top: 1rem;
    width: 70%;
}

.card-skeleton {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
}

.cardimg {
    width: 50%;
    height: 50px;
}

.card-title {
    height: 14px;
    width: 60%;
    margin-bottom: 8px;
}

.card-price {
    height: 14px;
    width: 90%;
}