/* ============================================================
   RESPONSIVE - RK-Strechy
   ============================================================ */

/* ---- TABLET: 900px and below ---- */
@media (max-width: 900px) {
  section { padding: 72px 0; }

  /* Trust */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .trust-item:nth-child(2)::after { display: none; }

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

  /* Process steps */
  .process-steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    row-gap: 48px;
  }

  .process-steps::before { display: none; }

  .step-item { padding: 0 12px; }

  /* Reviews */
  .reviews-grid {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  /* Contact */
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  /* Projects grid */
  .projects-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Service detail */
  .service-detail-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .about-badge {
    right: 0;
    bottom: -16px;
  }

  /* Realizacie */
  .realiz-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  /* Values */
  .values-grid {
    grid-template-columns: 1fr;
  }

  /* Gallery */
  .before-after-container {
    max-width: 100%;
  }
}

/* ---- MOBILE: 600px and below ---- */
@media (max-width: 600px) {
  section { padding: 56px 0; }

  h1 { font-size: 2.4rem; }
  h2 { font-size: 1.9rem; }
  h3 { font-size: 1.4rem; }

  .container { padding: 0 16px; }

  /* Trust */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .trust-item::after { display: none; }

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

  /* Process */
  .process-steps {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* Projects */
  .projects-grid {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-bottom-links {
    flex-wrap: wrap;
    gap: 12px;
  }

  /* Floating elements */
  #whatsapp-float {
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
  }

  #back-to-top {
    bottom: 80px;
    right: 20px;
  }

  /* Ba */
  .ba-labels { display: none; }

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

  /* Realiz */
  .realiz-grid {
    grid-template-columns: 1fr;
  }

  /* service gallery */
  .service-gallery-grid {
    grid-template-columns: 1fr;
  }

  /* contact hours */
  .hours-row { flex-direction: column; gap: 2px; }

  /* section title + subtitle */
  .section-subtitle { margin-bottom: 36px; }

  /* CTA section */
  .cta-section { padding: 56px 0; }

  /* partners */
  .partners-row { gap: 24px; }

  /* filter tabs */
  .filter-tabs { gap: 6px; }

  .filter-tab {
    padding: 8px 16px;
    font-size: 0.78rem;
  }

  /* page hero */
  .page-hero {
    padding: 130px 0 56px;
  }
}

/* ---- LARGE SCREENS ---- */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* Print styles */
@media print {
  #navbar, #whatsapp-float, #back-to-top, .hero-scroll { display: none; }
  body { background: white; color: black; }
  section { padding: 32px 0; }
}