@media (max-width: 768px) {
    /* استایل‌های عمومی */
    .contact-container {
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    .contact-info {
        order: 1;
        margin-top: var(--space-6);
        display: none;
    }

    .footer {
        padding-top: 0;
    }
    
    .footer-container {
        display: none !important;
    }
    
    .footer-bottom {
        display: flex !important;
        background: var(--dark-color);
        padding: var(--space-4) var(--container-padding);
    }
    
    .footer-bottom-container {
        flex-direction: column;
        gap: var(--space-2);
        width: 100%;
        padding: 0;
    }
    
    .copyright {
        font-size: var(--text-xs);
        line-height: 1.5;
        order: 2;
    }
    
    .footer-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--space-2) var(--space-4);
        order: 1;
        margin-bottom: var(--space-2);
    }
    
    .footer-bottom-link {
        font-size: var(--text-xxs);
        white-space: nowrap;
    }

    .contact-form {
        order: -1;
        margin-bottom: 0;
    }

    .contact-card {
        flex-direction: row;
        align-items: center;
        text-align: right;
        padding: var(--space-3);
    }

    .contact-icon {
        width: 40px;
        height: 40px;
        font-size: var(--text-md);
    }

    .contact-title {
        font-size: var(--text-md);
        margin-bottom: var(--space-1);
    }

    .contact-text {
        font-size: var(--text-xs);
    }

    .social-media {
        padding: var(--space-3);
    }

    .social-title {
        font-size: var(--text-md);
    }

    .social-link {
        width: 35px;
        height: 35px;
        font-size: var(--text-md);
    }

    /* استایل‌های فرم در موبایل */
    .form-input,
    .form-textarea {
        padding: var(--space-2) var(--space-3);
        font-size: var(--text-sm);
    }

    .submit-btn {
        padding: var(--space-2) var(--space-4);
        font-size: var(--text-sm);
    }

    /* استایل‌های دیگر بخش‌ها */
    .forum-container {
        grid-template-columns: 1fr 1fr;
    }

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

    .blog-search {
        max-width: 100%;
    }

    .about-container {
        flex-direction: column;
    }

    .about-image {
        order: -1;
        margin-bottom: var(--space-6);
    }

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

    .portfolio-item {
        height: 200px;
    }

    .search-section {
        display: none;
    }

    .hero-container {
        flex-direction: column;
        padding: var(--space-8) var(--container-padding);
    }

    .hero-content {
        margin-bottom: var(--space-8);
        text-align: center;
    }

    .hero-slider {
        max-width: 100%;
    }

    .nav-links {
        display: none;
    }

    .mobile-menu-btn {
        display: block;
    }

    .start-button {
        display: none;
    }

    .hero-content h1 {
        font-size: var(--text-3xl);
    }

    .hero-description {
        font-size: var(--text-lg);
    }

    .section-title {
        font-size: var(--text-2xl);
    }

    .section-subtitle {
        font-size: var(--text-base);
    }

    /* استایل دکمه شروع همکاری در منوی موبایل */
    .nav-section .nav-buttons a {
        display: block;
        width: 100%;
    }

    /* استایل‌های جدید برای کارت‌های خدمات */
    .services-container {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: var(--space-6);
        padding: var(--space-4) var(--container-padding);
        margin: 0 calc(-1 * var(--container-padding));
        -webkit-overflow-scrolling: touch;
        scroll-padding: var(--container-padding);
        grid-template-columns: unset;
    }

    .service-card {
        min-width: 85vw;
        max-width: 85vw;
        scroll-snap-align: start;
        flex: 0 0 auto;
        margin-right: var(--space-4);
        height: auto;
    }

    .service-card:last-child {
        margin-right: 0;
        padding-right: var(--container-padding);
    }

    /* استایل‌های جدید برای کارت‌های تیم */
    .team-container {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: var(--space-6);
        padding: var(--space-4) var(--container-padding);
        margin: 0 calc(-1 * var(--container-padding));
        -webkit-overflow-scrolling: touch;
        scroll-padding: var(--container-padding);
        grid-template-columns: unset;
    }

    .team-member {
        min-width: 75vw;
        max-width: 75vw;
        scroll-snap-align: start;
        flex: 0 0 auto;
        margin-right: var(--space-4);
    }

    .team-member:last-child {
        margin-right: 0;
        padding-right: var(--container-padding);
    }

    .member-image {
        height: 200px;
    }

    /* مخفی کردن اسکرولبار */
    .services-container::-webkit-scrollbar,
    .team-container::-webkit-scrollbar {
        display: none;
    }

    .services-container,
    .team-container {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

@media (max-width: 480px) {
    /* تنظیمات برای دستگاه‌های بسیار کوچک - بخش تماس */
    .contact-card {
        flex-direction: column;
        align-items: flex-start;
        text-align: right;
        gap: var(--space-2);
    }

    .contact-icon {
        margin-bottom: var(--space-2);
    }

    .contact-title {
        font-size: var(--text-base);
    }

    .contact-text {
        font-size: var(--text-xxs);
    }

    .social-links {
        flex-wrap: wrap;
        justify-content: center;
        display: none;
    }

    .social-link {
        width: 30px;
        height: 30px;
        font-size: var(--text-sm);
        display: none;
    }

    /* فرم در دستگاه‌های بسیار کوچک */
    .contact-form {
        padding: var(--space-4);
    }

    .form {
        gap: var(--space-3);
    }

    /* سایر تنظیمات برای دستگاه‌های بسیار کوچک */
    .forum-container {
        grid-template-columns: 1fr;
    }

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

    .blog-categories {
        justify-content: flex-start;
    }

    .team-container {
        grid-template-columns: 1fr;
    }

    .slider-container {
        height: 300px;
    }

    .slider-dots {
        bottom: 10px;
    }

    .slider-dot {
        width: 8px;
        height: 8px;
    }

    /* تنظیمات اضافی برای دستگاه‌های بسیار کوچک */
    .service-card {
        min-width: 80vw;
        max-width: 80vw;
    }

    .service-icon {
        width: 60px;
        height: 60px;
        font-size: var(--text-2xl);
    }

    .service-title {
        font-size: var(--text-lg);
    }

    .service-description {
        font-size: var(--text-sm);
    }

    /* تنظیمات اضافی برای کارت‌های تیم در دستگاه‌های کوچک */
    .team-member {
        min-width: 85vw;
        max-width: 85vw;
    }

    .member-image {
        height: 180px;
    }

    .member-name {
        font-size: var(--text-base);
    }

    .member-role {
        font-size: var(--text-xs);
    }

    .member-bio {
        font-size: var(--text-xs);
    }

    .social-links a {
        width: 30px;
        height: 30px;
        font-size: var(--text-sm);
    }
}