/* ========== تبلت بزرگ (حداکثر ۱۲۰۰px) ========== */
@media (max-width: 1200px) {
    .channels-grid {
        gap: 1.5rem;
    }

    .influencer-card-circle {
        flex: 0 0 calc(25% - 1.125rem);
    }
}

/* ========== تبلت (حداکثر ۹۹۲px) ========== */
@media (max-width: 992px) {
    .hero-title {
        font-size: 3rem;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .channels-grid {
        gap: 1.2rem;
    }

    .influencer-card-circle {
        flex: 0 0 calc(33.333% - 0.8rem);
    }

    .features-masonry {
        gap: 1.5rem;
    }

    .feature-card-2, .feature-card-3, .feature-card-4 {
        margin-top: -40px;
    }

    .testimonial-brand-card {
        flex: 0 0 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }

    .hero-section{
        padding-top: 5rem !important;
    }

    .horizontal-feature-card .row {
        flex-direction: column;
    }

    .horizontal-feature-card .col-12.col-lg-7,
    .horizontal-feature-card .col-12.col-lg-5 {
        width: 100%;
    }

    /* تصویر به بالا */
    .horizontal-feature-card .col-12.col-lg-5 {
        order: 1;
    }

    /* محتوا به پایین */
    .horizontal-feature-card .col-12.col-lg-7 {
        order: 2;
    }

}

/* ========== موبایل بزرگ (حداکثر ۷۶۸px) ========== */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
    }

    .hero-campaign-card {
        margin-top: 2rem;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .cta-section {
        padding: 2rem;
    }

    .channels-grid {
        gap: 1rem;
        padding: 1rem 0.25rem;
    }

    .influencer-card-circle {
        flex: 0 0 calc(50% - 0.5rem);
    }

    .influencer-avatar-wrapper {
        width: 100px;
        height: 100px;
    }

    .features-section {
        padding: 3rem 0;
    }

    .features-masonry {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .feature-card-1, .feature-card-2, .feature-card-3, .feature-card-4, .feature-card-special {
        margin-top: 0 !important;
        grid-column: auto;
        grid-row: auto;
    }

    .feature-card-content {
        padding: 1.2rem;
    }

    .feature-title {
        font-size: 1rem;
    }

    .feature-card-special .feature-title {
        font-size: 1.2rem;
    }

    /* برندها */
    .brand-card {
        min-width: 60px;
        padding: 8px 5px;
    }

    .brand-logo {
        font-size: 28px;
    }

    .brand-logo img {
        max-width: 50px;
        max-height: 35px;
    }

    .brand-name {
        font-size: 10px;
    }

    .brands-ticker-group {
        gap: 15px;
    }

    .brands-ticker-track {
        gap: 15px;
    }

    .brands-track-top, .brands-track-bottom {
        display: flex;
    }

    .brands-track-top {
        margin-bottom: 15px;
        animation: marqueeLeft 60s linear infinite;
    }

    .brands-track-bottom {
        animation: marqueeRight 60s linear infinite;
    }

    /* نظرات */
    .testimonials-brand-track {
        gap: 0;
    }

    .testimonial-brand-card {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-3d-inner {
        margin: 0 0.5rem;
        padding: 2rem 1.5rem;
    }
}

/* ========== موبایل کوچک (حداکثر ۵۷۶px) ========== */
@media (max-width: 576px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .stat-number {
        font-size: 1.8rem;
    }

    .stat-label {
        font-size: 0.75rem;
    }
}

/* ========== موبایل خیلی کوچک (حداکثر ۴۸۰px) ========== */
@media (max-width: 480px) {
    .channels-grid {
        gap: 0.75rem;
        padding: 1rem 0.5rem;
    }

    .influencer-card-circle {
        flex: 0 0 70%;
        min-width: 100px;
        max-width: 150px;
    }

    .influencer-name {
        font-size: .75rem;
    }

    .influencer-avatar-wrapper {
        width: 80px;
        height: 80px;
    }
}

/* ========== دسکتاپ (حداقل ۷۶۹px) ========== */
@media (min-width: 769px) {
    .brands-track-top {
        display: flex;
        animation: marqueeLeft 70s linear infinite;
    }

    .brands-track-bottom {
        display: none;
    }
}

/* ========== اسلایدر ساده ========== */
@media (min-width: 1200px) {
    .simple-slide {
        width: calc(33.333% - 17px);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .simple-slide {
        width: calc(50% - 12.5px);
    }
}

@media (max-width: 767px) {
    .simple-slide {
        width: 100%;
    }

    .simple-slider {
        gap: 10px;
    }

    .simple-slider-btn {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 992px) {
        .horizontal-feature-card .row {
            flex-direction: row;
        }

        .horizontal-feature-card .col-12.col-lg-7 {
            width: 58.33333333%; /* معادل col-lg-7 */
        }

        .horizontal-feature-card .col-12.col-lg-5 {
            width: 41.66666667%; /* معادل col-lg-5 */
        }

        /* حذف orderها */
        .horizontal-feature-card .col-12.col-lg-7,
        .horizontal-feature-card .col-12.col-lg-5 {
            order: unset;
        }
    }

/* ========== ریسپانسیو سکشن تولید محتوا ========== */
@media (max-width: 992px) {
    .content-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .content-cards-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .content-card-desc {
        min-height: auto;
    }

    .content-card-icon {
        width: 55px;
        height: 55px;
        font-size: 1.4rem;
        bottom: -25px;
    }
}

/* ========== ریسپانسیو بخش هوش مصنوعی ========== */
@media (max-width: 992px) {
    .ai-title {
        font-size: 2rem;
    }

    .ai-split {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .ai-visual-wrap {
        height: 420px;
    }

    .ai-radar {
        width: 320px;
        height: 320px;
    }

    .ai-float-card {
        padding: 1.25rem 4rem 1.25rem 1.25rem;
    }

    .ai-float-value {
        font-size: 1rem;
    }

    .ai-stats-bar {
        flex-wrap: wrap;
        padding: 2rem 1.5rem;
        gap: 1.5rem;
    }

    .ai-stat {
        flex: 0 0 calc(50% - 0.75rem);
    }

    .ai-stat-divider {
        display: none;
    }

    .ai-feature-card {
        padding: 1.25rem 1.25rem 1.25rem 4rem;
    }

    .ai-feature-icon {
        width: 40px;
        height: 40px;
        font-size: 1.15rem;
        top: 1.25rem;
        right: 1.25rem;
    }

    .ai-feature-num {
        font-size: 2rem;
        bottom: 0.5rem;
        left: 0.75rem;
    }
}

@media (max-width: 768px) {
    .ai-section {
        padding: 3.5rem 0;
    }

    .ai-title {
        font-size: 1.65rem;
    }

    .ai-subtitle {
        font-size: 0.95rem;
    }

    .ai-visual-wrap {
        height: 340px;
    }

    .ai-radar {
        width: 260px;
        height: 260px;
    }

    .ai-radar-center {
        width: 70px;
        height: 70px;
        font-size: 1.7rem;
    }

    .ai-float-card-top {
        top: 6%;
        right: -0.5rem;
    }

    .ai-float-card-bottom {
        bottom: 6%;
        left: -0.5rem;
    }

    .ai-stat-value {
        font-size: 1.9rem;
    }

    .ai-stat-label {
        font-size: 0.75rem;
    }

    .ai-marquee-track {
        gap: 2rem;
        animation-duration: 25s;
    }

    .ai-marquee-item {
        font-size: 0.85rem;
    }
}

@media (max-width: 576px) {
    .ai-radar {
        width: 220px;
        height: 220px;
    }

    .ai-float-card {
        padding: 0.6rem 0.9rem;
        gap: 0.5rem;
    }

    .ai-float-icon {
        width: 34px;
        height: 34px;
        font-size: 1rem;
    }

    .ai-float-value {
        font-size: 0.85rem;
    }

    .ai-float-label {
        font-size: 0.65rem;
    }

    .ai-feature-card {
        padding: 1rem 3.5rem 1rem 1rem;
    }

    .ai-feature-title {
        font-size: 1rem;
    }

    .ai-stats-bar {
        padding: 1.5rem 1rem;
    }
}