body { 

    background: #0f0f0f !important; 

    font-family: IRANSans, sans-serif !important; 

}



.kargadan-modern-section .swiper-pagination.kargadan-pagination{

    bottom: 0!important;

}

.kargadan-modern-section { 

    max-width: 1400px !important; 

    margin: 50px auto !important; 

    padding: 0 20px !important; 

    position: relative !important; 

}



.kargadan-modern-section .kargadan-header { 

    text-align: center !important; 

    margin-bottom: 50px !important; 

}

.kargadan-modern-section .kargadan-main-title { 

    font-size: 25px !important; 

    font-weight: bold !important; 

    color: #fff !important; 

    background: #c71786 !important; 

    padding: 16px 40px !important; 

    border-radius: 50px !important; 

    display: inline-flex !important;

    align-items: center !important;

    gap: 12px !important;

    position: relative !important;

    overflow: hidden !important;

}

.kargadan-modern-section .title-icon { 

    width: 28px !important; 

    height: 28px !important; 

}



.kargadan-modern-section .kargadan-modern-swiper { 

    padding-bottom: 60px !important; 

}

.kargadan-modern-section .kargadan-modern-section {

    margin-bottom: 100px !important;

}

.kargadan-modern-section .kargadan-modern-swiper .swiper-slide { 

    transition: all 0.4s ease !important; 

    height: auto !important;

}

.kargadan-modern-section .kargadan-modern-swiper .swiper-slide:hover { 

    transform: translateY(-8px) !important; 

}



.kargadan-modern-section .card { 

    position: relative !important; 

    border-radius: 16px !important; 

    overflow: hidden !important; 

    background: #1a1a1a !important; 

    cursor: pointer !important;

    transition: all 0.4s ease !important;

}

.kargadan-modern-section .card:hover { 

    transform: scale(1.02) !important;

}



.kargadan-modern-section .card-image { 

    width: 100% !important; 

    aspect-ratio: 2/3 !important; 

    background-size: cover !important; 

    background-position: center !important; 

    transition: transform 0.6s ease !important; 

    position: relative !important; 

    max-height: 320px !important; /* کاهش ارتفاع */

}

.kargadan-modern-section .card:hover .card-image { 

    transform: scale(1.08) !important; 

}



.kargadan-modern-section .card-quality-badge {

    position: absolute !important;

    top: 8px !important; /* کاهش فاصله */

    right: 8px !important; /* کاهش فاصله */

    background: #c71786 !important;

    color: white !important;

    padding: 3px 10px !important; /* کاهش پدینگ */

    border-radius: 15px !important; /* کاهش شعاع */

    font-size: 11px !important; /* کاهش سایز فونت */

    font-weight: bold !important;

    z-index: 2 !important;

}



.kargadan-modern-section .card-overlay { 

    position: absolute !important; 

    inset: 0 !important; 

    background: rgba(0,0,0,0.7) !important; 

    backdrop-filter: blur(15px) !important; 

    display: flex !important; 

    align-items: center !important; 

    justify-content: center !important; 

    opacity: 0 !important; 

    transition: all 0.4s ease !important;

    border-radius: 16px 16px 0 0 !important;

}

.kargadan-modern-section .card:hover .card-overlay { 

    opacity: 1 !important; 

    border-radius: 16px 16px 0 0 !important;

}

.kargadan-modern-section .overlay-buttons { 

    display: flex !important; 

    flex-direction: column !important; 

    gap: 15px !important; /* کاهش فاصله */

    text-align: center !important; 

    padding: 15px !important; /* کاهش پدینگ */

}



.kargadan-modern-section .action-btn { 

    background: #c71786 !important; 

    color: #fff !important; 

    border: none !important; 

    padding: 10px 20px !important; /* کاهش پدینگ */

    border-radius: 25px !important; /* کاهش شعاع */

    font-size: 14px !important; /* کاهش سایز فونت */

    font-weight: bold !important; 

    text-decoration: none !important; 

    transition: all 0.3s ease !important;

    display: inline-flex !important;

    align-items: center !important;

    gap: 8px !important; /* کاهش فاصله */

    position: relative !important;

    overflow: hidden !important;

    min-width: 140px !important; /* کاهش عرض */

    justify-content: center !important;

}

.kargadan-modern-section .play-btn { 

    cursor: pointer !important; 

}

.kargadan-modern-section .imdb-btn { 

    cursor: default !important; 

}

.kargadan-modern-section .action-btn svg { 

    width: 16px !important; /* کاهش سایز آیکون */

    height: 16px !important; 

}

.kargadan-modern-section .action-btn:hover { 

    background: #a5006b !important; /* Darker shade of #c71786 */

    transform: translateY(-2px) scale(1.05) !important; 

}



.kargadan-modern-section .card-footer { 

    text-align: center !important; 

    color: #fff !important; 

    padding: 15px !important; /* کاهش پدینگ */

    background: #1a1a1a !important;

    height:100%;

}

.kargadan-modern-section .card-footer h4 { 

    margin: 0 0 6px 0 !important; /* کاهش مارجین */

    font-size: 16px !important; /* کاهش سایز فونت */

    font-weight: bold !important;

    color: #fff !important;

}

.kargadan-modern-section .card-meta { 

    display: flex !important; 

    justify-content: center !important; 

    gap: 12px !important; /* کاهش فاصله */

    margin-top: 6px !important; /* کاهش مارجین */

}

.kargadan-modern-section .genre { 

    color: #999 !important; 

    font-size: 12px !important; /* کاهش سایز فونت */

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important; /* کاهش فاصله */

}

.kargadan-modern-section .genre svg { 

    width: 14px !important; /* کاهش سایز آیکون */

    height: 14px !important; 

}



/* Navigation Buttons */

.kargadan-modern-section .swiper-button-next, .swiper-button-prev {

    width: 45px !important; /* کاهش سایز */

    height: 45px !important;

    background: #c71786 !important;

    border-radius: 50% !important;

    color: white !important;

    margin-top: -22.5px !important; /* تنظیم موقعیت */

    transition: all 0.3s ease !important;

}

.kargadan-modern-section .swiper-button-next:hover, .swiper-button-prev:hover {

    background: #a5006b !important; /* Darker shade of #c71786 */

    transform: scale(1.1) !important;

}

.kargadan-modern-section .swiper-button-next svg, .swiper-button-prev svg {

    width: 20px !important; /* کاهش سایز آیکون */

    height: 20px !important;

}

.kargadan-modern-section .swiper-button-next::after, .swiper-button-prev::after { 

    display: none !important; 

}



/* Swiper Pagination */

.kargadan-modern-section .swiper-pagination.kargadan-pagination{ 

    bottom: 0 !important; 

    text-align: center !important;

    position: relative !important;

    display: block !important;

    z-index: 1000 !important;

    visibility: visible !important;

    opacity: 1 !important;

}

.kargadan-modern-section .swiper-pagination-bullet { 

    background: #c71786 !important; 

    opacity: 0.6 !important; 

    width: 10px !important; /* کاهش سایز */

    height: 10px !important; 

    margin: 0 4px !important; /* کاهش فاصله */

    border-radius: 50% !important;

    transition: all 0.4s ease !important;

    position: relative !important;

    border: 2px solid #fff !important;

    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;

}

.kargadan-modern-section .swiper-pagination-bullet:hover {

    background: #a5006b !important; /* Darker shade of #c71786 */

    transform: scale(1.2) !important;

}

.kargadan-modern-section .swiper-pagination-bullet-active { 

    background: #c71786 !important; 

    opacity: 1 !important;

    transform: scale(1.3) !important; /* کاهش اسکیل */

    border: 2px solid #fff !important;

    box-shadow: 0 4px 10px rgba(199, 23, 134, 0.8) !important;

    animation: shake 0.6s ease-in-out infinite !important;

}



@keyframes shake {

    0% { transform: scale(1.3) translateX(0) !important; }

    25% { transform: scale(1.3) translateX(-2px) !important; }

    50% { transform: scale(1.3) translateX(2px) !important; }

    75% { transform: scale(1.3) translateX(-2px) !important; }

    100% { transform: scale(1.3) translateX(0) !important; }

}



/* Responsive */

@media (max-width: 768px) {

    .kargadan-modern-section .kargadan-main-title { 

        font-size: 22px !important; /* کاهش سایز */

        padding: 10px 20px !important; /* کاهش پدینگ */

    }

    .kargadan-modern-section .action-btn { 

        font-size: 12px !important; /* کاهش سایز فونت */

        padding: 8px 16px !important; /* کاهش پدینگ */

        min-width: 120px !important; /* کاهش عرض */

    }

    .kargadan-modern-section .card-footer h4 { 

        font-size: 14px !important; /* کاهش سایز فونت */

    }

    .kargadan-modern-section .swiper-button-next, .swiper-button-prev { 

        width: 35px !important; /* کاهش سایز */

        height: 35px !important; 

    }

    .kargadan-modern-section .swiper-button-next svg, .swiper-button-prev svg { 

        width: 16px !important; /* کاهش سایز آیکون */

        height: 16px !important; 

    }

    .kargadan-modern-section .swiper-pagination-bullet { 

        width: 8px !important; /* کاهش سایز */

        height: 8px !important; 

        margin: 0 3px !important; /* کاهش فاصله */

    }

    .kargadan-modern-section .card-image {

        max-height: 250px !important; /* کاهش ارتفاع برای موبایل */

    }

}