@media (max-width: 900px) {
  .nav-toggle { display: inline-flex; }
  .header-actions .btn { display: none; }

  .site-nav {
    position: fixed;
    inset: 0;
    background: rgba(8, 8, 10, 0.97);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-lg);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s var(--ease), visibility 0.3s var(--ease);
  }

  /* Logo và nút đóng phải nổi trên lớp phủ, nếu không người dùng không thoát được menu. */
  .brand,
  .header-actions {
    position: relative;
    z-index: 2;
  }

  .site-nav.is-open { opacity: 1; visibility: visible; }

  .site-nav .nav-list {
    flex-direction: column;
    gap: var(--space-md);
    font-size: 1.5rem;
    font-family: var(--font-display);
    font-weight: 600;
    text-align: center;
  }

  .site-nav .nav-cta { margin-top: var(--space-md); }
}

@media (min-width: 901px) {
  .site-nav .nav-cta { display: none; }
}

@media (max-width: 620px) {
  :root { --header-h: 66px; }

  .section { padding-block: 64px; }
  .hero__stats { padding-top: var(--space-md); }
  .process__item { padding-left: 56px; }
  .process__item::before { font-size: 1.2rem; }
  .contact-form { padding: var(--space-md); }
  .quick-contact a { width: 48px; height: 48px; }
}

@media (min-width: 901px) {
  .quick-contact { display: none; }
}

/* Bảng/ảnh rộng không được đẩy trang chạy ngang */
.entry-content table { display: block; overflow-x: auto; width: 100%; }