.horizontal-scroll-wrapper {
            display: grid;
            grid-template-rows: repeat(2, auto);  /* سطرين ثابتين */
            grid-auto-flow: column;               /* يملأ عموداً عموداً */
            grid-auto-columns: 120px;            /* عرض كل عمود */
            gap: 16px 20px;
            overflow-x: auto;                    /* السحب أفقي */
            padding: 10px 5px 20px 5px;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            cursor: grab;
        }
        .horizontal-scroll-wrapper:active { cursor: grabbing; }


        /* عنصر التصنيف */
        .scroll-item {
            flex: 0 0 auto;
            width: 130px;
            text-align: center;
            transition: transform 0.2s ease;
        }
        .scroll-item:hover { transform: translateY(-5px); }

        /* الدائرة للصورة */
        .category-circle {
            width: 100px;
            height: 100px;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            overflow: hidden; /* الصورة داخل الدائرة */
            background: linear-gradient(45deg, #f0f0f0, #e0e0e0);
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            border: 2px solid transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: box-shadow 0.3s ease, border-color 0.3s ease;
        }
        .scroll-item:hover .category-circle {
            box-shadow: 0 8px 15px rgba(0,0,0,0.15);
            border-color: var(--bs-primary, #0d6efd);
        }

        .category-circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* اسم التصنيف */
        .cat-name {
            font-size: 0.95rem;
            font-weight: bold;
            color: #222;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* عنوان القسم */
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        .section-header h3 { font-weight: bold; color: #222; margin: 0; }
        .section-header a { font-size: 0.85rem; text-decoration: none; font-weight: bold; color: #0d6efd; }

        /* تحسينات للشاشات الصغيرة */
        @media (max-width: 768px) {
            .scroll-item { width: 110px; }
            .category-circle { width: 85px; height: 85px; }
            .horizontal-scroll-wrapper {grid-auto-columns: 80px;            /* عرض كل عمود */}
        }
        @media (max-width: 480px) {
            .scroll-item { width: 90px; }
            .category-circle { width: 70px; height: 70px; }
            .cat-name { font-size: 0.8rem; }
            .horizontal-scroll-wrapper {grid-auto-columns: 80px;            /* عرض كل عمود */}
        }