/* Responsive - Tablet (1100px) */
@media (max-width: 1100px) {
    .home-content {
        padding: 0 3rem;
    }

    .home-sidelinks {
        right: 2rem;
    }

    .home-social {
        left: 2rem;
    }

    .home-scroll {
        right: 2rem;
    }

    .s-about {
        padding: 5rem 2.5rem 3rem;
    }

    .about-content {
        max-width: 100%;
    }

    .about-header {
        max-width: 100%;
    }

    .about-title {
        font-size: clamp(1rem, 2.3vw, 1.3rem);
    }

    .about-description {
        max-width: 100%;
    }

    .about-sections {
        grid-template-columns: 1fr 1fr;
    }

    .about-card {
        padding: 1.2rem 1.15rem;
    }

    .s-services {
        padding: 5rem 2.5rem 3rem;
    }

    .services-content {
        max-width: 100%;
    }

    .services-header {
        max-width: 100%;
    }

    .services-title {
        font-size: clamp(1rem, 2.3vw, 1.3rem);
    }

    .services-description {
        max-width: 100%;
    }

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

    .s-works {
        padding: 5rem 2.5rem 3rem;
    }

    .works-content {
        max-width: 100%;
    }

    .works-header {
        max-width: 100%;
    }

    .works-title {
        font-size: clamp(1rem, 2.3vw, 1.3rem);
    }

    .works-description {
        max-width: 100%;
    }

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

    .s-footer {
        padding: 2rem 2.5rem;
    }

    .demo-modal__grid {
        grid-template-columns: 1fr;
    }
}

/* Responsive - Mobile (820px) */
@media (max-width: 820px) {
    .s-header {
        padding: 0 16px;
    }

    .header-menu-toggle {
        font-size: 0.85rem;
        gap: 1rem;
    }

    .header-nav {
        width: 100%;
        right: -100%;
        padding: 1rem;
    }

    .header-nav__content h3 {
        margin-bottom: 1.5rem;
    }

    .header-nav__list li {
        margin-bottom: 1.5rem;
    }

    .home-content {
        max-width: 100%;
        padding: 0 1.5rem;
    }

    .home-sidelinks {
        display: none;
    }

    .home-social {
        left: 1.5rem;
        bottom: 1rem;
    }

    .home-scroll {
        right: 1.5rem;
        bottom: 1rem;
        gap: 0.3rem;
    }

    .home-scroll__icon {
        width: 24px;
        height: 24px;
    }

    .s-about {
        padding: 4rem 1.5rem 2.5rem;
    }

    .about-content {
        gap: 1.5rem;
    }

    .about-title {
        font-size: clamp(0.95rem, 2.1vw, 1.15rem);
    }

    .about-header {
        margin-bottom: 0;
    }

    .about-sections {
        grid-template-columns: 1fr;
    }

    .about-description {
        font-size: 0.95rem;
    }

    .s-services {
        padding: 4rem 1.5rem 2.5rem;
    }

    .services-title {
        font-size: clamp(0.95rem, 2.1vw, 1.15rem);
    }

    .services-description {
        font-size: 0.95rem;
    }

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

    .s-works {
        padding: 4rem 1.5rem 2.5rem;
    }

    .works-title {
        font-size: clamp(0.95rem, 2.1vw, 1.15rem);
    }

    .works-description {
        font-size: 0.95rem;
    }

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

    .work-card__actions {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .work-card__demo-button {
        flex-shrink: 0;
    }

    .works-cta {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .s-contact {
        padding: 4rem 1.5rem 2.5rem;
    }

    .contact-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .contact-qr-col {
        align-self: center;
    }

    .contact-title {
        font-size: clamp(0.95rem, 2.1vw, 1.15rem);
    }

    .back-to-top {
        right: 1.5rem;
        bottom: 1.5rem;
    }

    .s-footer {
        padding: 2rem 1.5rem;
    }

    .footer-content {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .demo-modal__panel {
        width: 95%;
        padding: 1.5rem;
        max-height: 92vh;
    }

    .demo-modal__title {
        font-size: 1.1rem;
    }

    .demo-modal__grid {
        grid-template-columns: 1fr;
    }

    .works-filter {
        justify-content: center;
    }
}

/* Responsive - Small Mobile (520px) */
@media (max-width: 520px) {
    .home-content {
        padding: 0 1.25rem;
    }

    .hero-cta {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }
}

/* Responsive - Simulator Mobile */
@media (max-width: 768px) {
    .sim-gps {
        grid-template-columns: 1fr;
    }

    .sim-gps__sidebar {
        display: none;
    }
}