/* =========================
   Smooth Apple-like Motion
========================= */

.products-section {
    scroll-margin-top: 120px;
}

/* دخول المنتجات */
.products-grid.animate-in {
    animation: productsFadeUp 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes productsFadeUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading Skeleton */

.skeleton-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

.skeleton-image {
    width: 100%;
    height: 260px;
    border-radius: 18px;
    background: linear-gradient(
        90deg,
        #f2f2f2 25%,
        #e7e7e7 37%,
        #f2f2f2 63%
    );
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

.skeleton-text {
    height: 14px;
    margin-top: 14px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #f2f2f2 25%,
        #e7e7e7 37%,
        #f2f2f2 63%
    );
    background-size: 400% 100%;
    animation: shimmer 1.4s ease infinite;
}

.skeleton-text.small {
    width: 60%;
}

.skeleton-text.large {
    width: 90%;
}

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

    100% {
        background-position: -100% 0;
    }
}

/* Fade لطيف */
.products-grid.loading {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

/* حركة خفيفة للتاب */
.category-tab {
    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

.category-tab:hover {
    transform: translateY(-2px);
}

.category-tab.active {
    transform: scale(1.03);
}