/* Tablet */
@media (max-width: 1023px) {
  .cards-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .about-container { grid-template-columns: 1fr; text-align: center; }
  .about-photo { margin: 0 auto; }
  .about-list li { justify-content: center; }
  .hero h1 { font-size: 52px; }
  .trust-container { justify-content: center; }
  .trust-divider { display: none; }
}

/* Mobile */
@media (max-width: 767px) {
  .nav-links {
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    background: rgba(5, 7, 13, 0.98);
    backdrop-filter: blur(20px);
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 8px 24px 20px;
    transform: translateY(-150%);
    opacity: 0;
    transition: transform var(--transition), opacity var(--transition);
    border-bottom: 1px solid var(--panel-border);
  }
  .nav-links.open { transform: translateY(0); opacity: 1; }
  .nav-links a:not(.btn-whatsapp) { width: 100%; padding: 14px 0; border-bottom: 1px solid var(--panel-border); }
  .btn-whatsapp { margin-top: 14px; }
  .hamburger { display: flex; }
  .hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .hamburger.open span:nth-child(2) { opacity: 0; }
  .hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .hero h1 { font-size: 34px; }
  .hero-sub { font-size: 15px; }
  .hero-badge { font-size: 12px; padding: 7px 14px; }
  .btn-primary, .btn-secondary { padding: 13px 22px; font-size: 14px; }

  .section-header h2 { font-size: 26px; }
  .about, .services, .portfolio, .quote, .contact { padding: 72px 20px; }
  .cards-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .about-photo { width: 220px; height: 220px; }
  .about-text h2 { font-size: 26px; }

  .trust-container { flex-direction: column; padding: 32px 24px; }
  .trust-number, .trust-suffix { font-size: 36px; }

  .quote-container { padding: 36px 24px; }
  .contact-items { flex-direction: column; align-items: stretch; }
  .contact h2 { font-size: 26px; }
}