.csp-container{max-width:1000px;margin:30px auto;direction:rtl;padding:20px}

/* اسلایدر گالری */
.csp-slider{position:relative;overflow:hidden;width:100%;max-width:800px;margin:0 auto 20px;height:450px}
.csp-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.csp-slide.active{display:block}
.csp-slide img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.csp-prev,.csp-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:50%;font-size:18px;z-index:10;transition:0.3s}
.csp-prev:hover,.csp-next:hover{background:rgba(0,0,0,0.7)}
.csp-prev{left:10px}
.csp-next{right:10px}

/* تب‌ها و محتوا */
.csp-tab-titles{list-style:none;padding:0;margin:0}
.csp-tab-titles li{margin-bottom:5px}
.csp-tab-titles li span{display:block;padding:10px;background:#eee;border-radius:6px;cursor:pointer}
.csp-tab-titles li span.active{background:#0073aa;color:#fff}
.csp-tab-content{display:none;padding:10px;margin-top:5px;background:#fafafa;border-radius:6px}
.csp-tab-content.active{display:block}

/* تب‌ها دسکتاپ */
@media screen and (min-width:481px){
.csp-tab-contents-desktop .csp-tab-content{
    display:none;
    padding:15px;
    background:#fafafa;
    border-radius:8px;
    margin-top:15px;
}

.csp-tab-contents-desktop .csp-tab-content.active{
    display:block;
}
}

/* موبایل: رفتار آکاردئونی */
@media screen and (max-width:480px){
    .csp-tab-titles{flex-direction:column}
}