  /* استایل اسلایدر دسته‌بندی */
    .categorySwiper {
        overflow: hidden;
        padding: 10px 0 30px 0;
    }
    
    /* مرکزیت محتوا در اسلاید */
    .categorySwiper .swiper-slide {
        text-align: center;
        height: auto;
    }
    
    /* دکمه‌های navigation */
    .category-prev,
    .category-next {
        background: rgba(0,0,0,0.5);
        width: 35px;
        height: 35px;
        border-radius: 50%;
        transition: all 0.3s ease;
    }
    
    .category-prev:hover,
    .category-next:hover {
        background: rgba(0,0,0,0.8);
        transform: scale(1.1);
    }
    
    .category-prev:after,
    .category-next:after {
        font-size: 16px;
        font-weight: bold;
        color: white;
    }
    
    /* دکمه‌ها فقط در دسکتاپ نمایش داده بشه */
    @media (max-width: 768px) {
        .category-prev,
        .category-next {
            display: none;
        }
    }
    
    /* استایل پیجینیشن */
    .category-pagination {
        bottom: 0 !important;
    }
    
    .category-pagination .swiper-pagination-bullet {
        background: #9ca3af;
        opacity: 0.5;
    }
    
    .category-pagination .swiper-pagination-bullet-active {
        background: #3b82f6;
        opacity: 1;
    }

       /* استایل‌های عمومی سوییپر */
    .swiper {
        overflow: hidden;
    }
    
    .swiper-slide {
        height: auto;
    }
    
    /* استایل پیجینیشن */
    .swiper-pagination-bullet {
        background: #9ca3af !important;
        opacity: 0.5 !important;
    }
    
    .swiper-pagination-bullet-active {
        background: #3b82f6 !important;
        opacity: 1 !important;
    }
    
    
    
   
    
    /* مخفی کردن دکمه‌ها در موبایل */
    @media (max-width: 768px) {
        .category-prev,
        .category-next,
        .product-prev,
        .product-next,
        .courses-prev,
        .courses-next {
            display: none;
        }
    }
    
    /* محدود کردن متن به 2 خط */
    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }