/* ========== RESPONSIVE ========== */

@media (max-width: 1024px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .estimate-cards { grid-template-columns: repeat(2, 1fr); }
    .projects-scroll { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .difference-layout { grid-template-columns: 1fr; gap: 40px; }
    .faq-layout { grid-template-columns: 1fr; gap: 32px; }
    .process-horizontal { flex-wrap: wrap; justify-content: center; gap: 32px; }
    .process-line { display: none; }
    .process-step { flex: 0 0 30%; }
}

@media (max-width: 768px) {
    :root { --section-padding: 60px 0; }
    .nav-links {
        display: none; position: fixed; top: 64px; left: 0; right: 0; bottom: 0;
        background: var(--white); flex-direction: column;
        align-items: center; justify-content: center; gap: 20px; z-index: 999;
    }
    .nav-links.open { display: flex; }
    .nav-links a { font-size: 1rem; }
    .hamburger { display: flex; }
    .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
    .btn-consultation { display: none; }
    .hero { min-height: 80vh; }
    .hero-title { font-size: clamp(2rem, 8vw, 3rem); }
    .hero-desc { font-size: 0.92rem; }
    .hero-badges { gap: 8px; }
    .hero-badge { font-size: 0.72rem; padding: 4px 10px; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .stat-number { font-size: 1.8rem; }
    .services-grid { grid-template-columns: 1fr 1fr; }
    .estimate-cards { grid-template-columns: 1fr; }
    .projects-scroll { grid-template-columns: 1fr 1fr; }
    .testimonials-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
    .process-step { flex: 0 0 45%; }
    .contact-grid { grid-template-columns: 1fr; }
    .about-grid { grid-template-columns: 1fr; }
    .projects-grid { grid-template-columns: 1fr 1fr; }
    .design-gallery.active { grid-template-columns: 1fr 1fr; }
    .project-images-grid { grid-template-columns: 1fr 1fr; }
    .calc-row { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .planning-inner { flex-direction: column; text-align: center; }
    .final-cta { padding: 60px 0; }
    .page-hero { padding: 100px 0 40px; }
    .call-float { display: flex; }
    .logo-tagline { display: none; }
    .faq-left { text-align: center; }
    .faq-left .btn-primary { margin: 0 auto; }
}

@media (max-width: 480px) {
    .hero-cta { flex-direction: column; }
    .hero-cta a { width: 100%; text-align: center; justify-content: center; }
    .services-grid { grid-template-columns: 1fr; }
    .projects-scroll { grid-template-columns: 1fr; }
    .projects-grid { grid-template-columns: 1fr; }
    .design-gallery.active { grid-template-columns: 1fr; }
    .project-images-grid { grid-template-columns: 1fr; }
    .process-step { flex: 0 0 100%; }
    .stat-number { font-size: 1.5rem; }
    .testimonial-footer { flex-direction: column; align-items: flex-start; gap: 8px; }
    .final-cta-buttons { flex-direction: column; }
    .final-cta-buttons a { width: 100%; text-align: center; justify-content: center; }
    .vm-grid { grid-template-columns: 1fr; }
}