/* Arsites: Home product skeleton */
        .home-products-loading {
            position: relative;
        }

        .home-product-skeleton {
            position: absolute;
            inset: 0;
            z-index: 5;
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            padding: 4px;
            background: #fff;
        }

        .home-product-skeleton[hidden] {
            display: none !important;
        }

        .home-product-skeleton .skeleton-card {
            min-width: 0;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 8px;
            background: #fff;
        }

        .home-product-skeleton .skeleton-image,
        .home-product-skeleton .skeleton-line {
            background: linear-gradient(90deg,
                    #eee 25%,
                    #f8f8f8 50%,
                    #eee 75%);
            background-size: 200% 100%;
            animation: arsites-product-shimmer 1.3s linear infinite;
            border-radius: 6px;
        }

        .home-product-skeleton .skeleton-image {
            width: 100%;
            aspect-ratio: 1 / 1;
        }

        .home-product-skeleton .skeleton-line {
            height: 12px;
            margin-top: 12px;
        }

        .home-product-skeleton .skeleton-line.short {
            width: 55%;
        }

        .home-products-loading>.product-carousel,
        .home-products-loading>#suggestion-slider {
            opacity: 0;
        }

        .home-products-loading.home-products-ready>.product-carousel,
        .home-products-loading.home-products-ready>#suggestion-slider {
            opacity: 1;
        }

        .home-products-loading.home-products-ready>.home-product-skeleton {
            display: none;
        }

        @keyframes arsites-product-shimmer {
            from {
                background-position: 200% 0;
            }

            to {
                background-position: -200% 0;
            }
        }

        @media (max-width: 576px) {
            .home-product-skeleton {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }

            .home-product-skeleton .skeleton-card {
                padding: 7px;
            }
        }

        @media (prefers-reduced-motion: reduce) {

            .home-product-skeleton .skeleton-image,
            .home-product-skeleton .skeleton-line {
                animation: none;
            }
        }

        /* جلوگیری از تداخل اسکلتون با اسلایدرهای بالاتر */
        .home-products-loading {
            position: relative;
            isolation: isolate;
            overflow: hidden;
        }

        .home-products-loading>.home-product-skeleton {
            z-index: 2;
        }

        .home-products-loading>.product-carousel {
            position: relative;
            z-index: 1;
        }