@media (max-width: 1180px) {
    .primary-menu { gap: 14px; }
    .primary-menu a { font-size: 13px; }
    .header-contact { display: none; }
    .services-grid, .project-grid, .blog-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 980px) {
    .main-navigation { position: absolute; top: 82px; left: 20px; right: 20px; display: none; padding: 18px; background: #fff; border: 1px solid var(--color-border); border-radius: 24px; box-shadow: var(--shadow-soft); }
    .main-navigation.is-open { display: block; }
    .primary-menu { display: grid; gap: 4px; }
    .primary-menu a { display: block; padding: 12px 14px; border-radius: 14px; }
    .primary-menu a:hover { background: var(--color-primary-soft); }
    .mobile-menu-toggle { display: block; }
    .language-switch { display: none; }
    .hero-grid, .split-section, .digital-panel { grid-template-columns: 1fr; gap: 38px; }
    .hero-visual { min-height: 430px; }
    .sticky-copy { position: static; }
    .process-grid { grid-template-columns: repeat(2, 1fr); }
    .section-heading.between { align-items: start; flex-direction: column; }
}
@media (max-width: 700px) {
    .container { width: min(100% - 28px, var(--container)); }
    .section { padding: 72px 0; }
    .header-container { min-height: 74px; }
    .main-navigation { top: 74px; }
    .logo-text { font-size: 17px; }
    .header-actions .btn-primary { display: none; }
    .home-hero { min-height: auto; padding: 72px 0; }
    .hero-content h1 { font-size: 42px; }
    .hero-content p, .section-text { font-size: 16px; }
    .hero-actions { flex-direction: column; }
    .btn { width: 100%; }
    .hero-metrics, .services-grid, .project-grid, .blog-grid, .process-grid { grid-template-columns: 1fr; }
    .hero-visual { min-height: 380px; padding: 18px; }
    .visual-dashboard { grid-template-columns: 1fr; }
    .dashboard-card.large { grid-column: span 1; }
    .hero-service-cloud { position: static; margin-top: 14px; }
    .digital-panel, .final-cta, .footer-cta { padding: 28px; }
    .digital-card-stack { transform: none; }
    .digital-card-stack div:nth-child(2), .digital-card-stack div:nth-child(3) { margin-left: 0; }
    .footer-cta { flex-direction: column; align-items: stretch; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { flex-direction: column; }
    .floating-whatsapp { right: 16px; bottom: 16px; }
}

/* v1.2.0 Services responsive */
@media (max-width: 1024px) {
    .services-system-grid,
    .sub-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-line-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 860px) {
    .page-hero-grid,
    .split-heading,
    .value-grid,
    .service-two-column,
    .faq-grid {
        grid-template-columns: 1fr;
    }

    .page-hero {
        padding: 72px 0 52px;
    }

    .page-hero-panel {
        min-height: 300px;
    }
}

@media (max-width: 600px) {
    .services-system-grid,
    .sub-services-grid,
    .process-line-grid,
    .page-hero-panel {
        grid-template-columns: 1fr;
    }

    .service-system-card,
    .value-card,
    .problem-card,
    .service-hero-card {
        padding: 24px;
    }
}

/* v1.3.0 responsive projects */
@media (max-width: 980px) {
    .case-detail-grid {
        grid-template-columns: 1fr;
    }
    .case-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .case-sidebar .cta-mini {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .project-filter-row {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
    }
    .filter-pill {
        flex: 0 0 auto;
    }
    .case-main {
        padding: 24px;
    }
    .check-grid,
    .case-sidebar {
        grid-template-columns: 1fr;
    }
    .project-stat-card {
        min-height: 280px;
    }
}

/* v1.4.0 Premium Responsive Fixes */
@media (max-width: 1180px) {
    .approved-menu { gap: 12px; }
    .approved-menu a { font-size: 13px; }
    .header-actions .header-contact { display: none; }
    .premium-hero-grid { grid-template-columns: 1fr; }
    .premium-visual-wrap { min-height: 560px; }
}
@media (max-width: 860px) {
    .main-navigation.is-open {
        position: absolute;
        display: block;
        top: 74px;
        left: 16px;
        right: 16px;
        background: #fff;
        border: 1px solid var(--color-border);
        border-radius: 24px;
        box-shadow: var(--shadow-soft);
        padding: 18px;
    }
    .main-navigation.is-open .primary-menu { display: grid; gap: 4px; }
    .main-navigation.is-open .primary-menu a { display: block; padding: 12px 14px; border-radius: 14px; }
    .main-navigation.is-open .primary-menu a:hover { background: var(--color-primary-soft); }
    .logo-copy small { letter-spacing: .2em; }
    .premium-metrics { grid-template-columns: repeat(2, 1fr); }
    .tech-orbit-card { left: 4%; max-width: 86%; width: 410px; }
    .office-strip { width: 64%; }
}
@media (max-width: 600px) {
    .logo-symbol { width: 40px; height: 40px; }
    .logo-copy strong { font-size: 16px; }
    .logo-copy small { display: none; }
    .language-switch { display: none; }
    .premium-home-hero { padding-top: 58px; }
    .premium-hero-content h1 { font-size: 44px; }
    .premium-metrics { grid-template-columns: 1fr 1fr; }
    .premium-visual-wrap { min-height: 520px; }
    .server-strip { right: 0; height: 190px; }
    .office-strip { width: 76%; height: 205px; bottom: 0; }
    .tech-orbit-card { top: 116px; width: 92%; max-width: 92%; min-height: 310px; padding: 20px; }
    .tech-globe { transform: scale(.82); margin-top: -18px; }
    .premium-service-cloud { left: 3%; bottom: 18px; max-width: 94%; }
    .premium-service-cloud span { font-size: 12px; padding: 8px 10px; }
}

/* v1.5.0 responsive alignment */
@media (max-width: 1280px) {
    .approved-hero-grid { grid-template-columns: 1fr; gap: 42px; }
    .approved-visual-wrap { min-height: auto; }
    .approved-hero-image { max-width: 980px; }
    .services-grid, .services-system-grid, .approved-project-grid, .project-grid, .case-study-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .container { width: min(100% - 32px, var(--container)); }
    .approved-home-hero { padding: 58px 0; min-height: auto; }
    .approved-hero-content h1 { font-size: clamp(42px, 11vw, 62px); }
    .approved-hero-content p { font-size: 17px; }
    .approved-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .floating-tech-pill { display: none; }
    .approved-digital-panel { grid-template-columns: 1fr; padding: 28px; }
}
@media (max-width: 620px) {
    .services-grid, .services-system-grid, .approved-project-grid, .project-grid, .case-study-grid { grid-template-columns: 1fr; }
    .approved-metrics { grid-template-columns: 1fr; }
    .approved-project-image, .project-image { height: 230px; }
}

/* v1.6.0 Blog responsive */
@media (max-width: 1100px) {
    .blog-insights-grid,
    .blog-insights-grid.compact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .single-blog-layout {
        grid-template-columns: 1fr;
    }
    .single-blog-sidebar {
        position: static;
    }
}
@media (max-width: 700px) {
    .blog-insights-grid,
    .blog-insights-grid.compact-grid {
        grid-template-columns: 1fr;
    }
    .blog-category-pills {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 8px;
    }
    .blog-category-pills a {
        white-space: nowrap;
    }
    .blog-card-visual {
        height: 190px;
    }
    .single-blog-content {
        padding: 26px;
        font-size: 16px;
    }
}

/* v1.7.0 — Digital Products Responsive */
@media (max-width: 1024px) {
    .store-hero-grid,
    .store-readiness-grid {
        grid-template-columns: 1fr;
    }

    .store-hero-visual {
        min-height: 360px;
    }

    .store-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .store-hero {
        padding: 64px 0 54px;
    }

    .store-category-grid {
        grid-template-columns: 1fr;
    }

    .store-policy-panel,
    .store-inquiry-panel {
        grid-template-columns: 1fr;
        padding: 28px;
    }

    .store-inquiry-actions,
    .store-inquiry-actions .btn {
        width: 100%;
        justify-content: stretch;
    }

    .store-visual-badges {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 22px;
    }
}

/* v1.8.4 homepage visual matching responsive rules */
@media (max-width: 1500px) {
    .approved-hero-grid { grid-template-columns: minmax(390px, .9fr) minmax(600px, 1.1fr); }
    .approved-home-services-grid,
    .approved-project-grid-four { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
    .approved-hero-grid { grid-template-columns: 1fr; gap: 38px; }
    .approved-visual-wrap { min-height: auto; }
    .approved-hero-image { max-width: 980px; margin-inline: auto; }
    .approved-section-heading.between { display: grid; grid-template-columns: 1fr; }
    .approved-home-services-grid,
    .approved-project-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .approved-digital-panel { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .approved-home-hero { padding: 56px 0 48px; }
    .approved-hero-content h1 { font-size: clamp(40px, 12vw, 56px); }
    .approved-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .approved-home-services-grid,
    .approved-project-grid-four { grid-template-columns: 1fr; }
    .approved-digital-panel { padding: 28px; }
}

/* v1.8.5 Services Visual Matching responsive */
@media (max-width: 1280px) {
    .approved-service-hero-grid,
    .approved-service-detail-grid,
    .approved-service-overview-grid,
    .approved-service-value-grid,
    .approved-faq-grid {
        grid-template-columns: 1fr;
    }
    .approved-services-page-grid,
    .approved-sub-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .approved-process-line-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 700px) {
    .approved-services-visual,
    .approved-service-detail-visual {
        min-height: 380px;
        padding: 24px;
    }
    .approved-services-page-grid,
    .approved-sub-services-grid,
    .approved-process-line-grid {
        grid-template-columns: 1fr;
    }
    .approved-service-card-visual {
        height: 220px;
    }
    .approved-service-page-body,
    .approved-problem-card,
    .approved-service-visual-caption {
        padding: 22px;
    }
}


/* v1.8.7 — pixel matching responsive corrections */
@media (max-width: 1320px) {
    .pixel-match-hero-grid { grid-template-columns: 1fr 1fr; gap: 42px; }
    .pixel-match-visual-wrap { min-height: 520px; }
    .approved-home-services-grid, .approved-project-grid-four { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
    .header-contact { display: none; }
    .pixel-match-hero-grid { grid-template-columns: 1fr; }
    .pixel-match-hero-content h1, .pixel-match-hero-content p { max-width: 880px; }
    .pixel-match-visual-wrap { min-height: 500px; }
    .pixel-match-visual-wrap .approved-hero-image { width: 100%; margin-inline-start: 0; }
    .approved-section-heading.between { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
    .container { width: min(100% - 32px, var(--container)); }
    .header-container { min-height: 78px; }
    .pixel-match-home-hero { min-height: auto; padding: 64px 0 54px; }
    .pixel-match-hero-content h1 { font-size: clamp(44px, 13vw, 62px); }
    .pixel-match-hero-content p { font-size: 18px; }
    .approved-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .approved-home-services-grid, .approved-project-grid-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .approved-digital-panel { grid-template-columns: 1fr; padding: 36px; }
}
@media (max-width: 620px) {
    .container { width: min(100% - 24px, var(--container)); }
    .pixel-match-visual-wrap { min-height: 300px; }
    .pixel-match-visual-wrap::before { inset: 16px 0 0; border-radius: 30px; }
    .floating-tech-pill { display: none; }
    .approved-metrics, .approved-home-services-grid, .approved-project-grid-four { grid-template-columns: 1fr; }
    .approved-home-service-card { min-height: auto; }
    .approved-project-image { height: 220px; }
    .final-cta { padding: 34px 24px; }
}