/* ==========================================
   响应式补充样式
   ========================================== */

/* Tablet landscape */
@media (min-width: 769px) and (max-width: 1024px) {
  .hero-content h1 {
    font-size: 2.8rem;
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .about-split {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }

  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2rem;
  }

  .hero-btns {
    flex-direction: column;
    gap: 12px !important;
  }

  .hero-btns .btn {
    width: 100%;
    justify-content: center;
  }

  .stats {
    justify-content: center;
  }

  .stat-item {
    min-width: 120px;
  }

  .products-grid {
    grid-template-columns: 1fr !important;
  }

  .product-detail {
    grid-template-columns: 1fr !important;
  }

  .timeline-item {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .timeline-line {
    left: 20px !important;
  }

  .timeline-dot {
    left: 20px !important;
  }

  .timeline-item:nth-child(even) {
    transform: none !important;
  }

  .team-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .map-container {
    height: 300px !important;
  }

  .footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .hero-content h1 {
    font-size: 1.75rem;
  }

  .section-header h2 {
    font-size: 1.75rem;
  }

  .stat-number {
    font-size: 1.75rem;
  }

  .team-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Print */
@media print {
  .navbar,
  .scroll-indicator,
  .footer {
    display: none;
  }

  .hero {
    min-height: auto;
    padding: 40px 0;
  }

  .section {
    padding: 40px 0;
  }
}