/* ============================================
   藏甄膳官网 - 响应式媒体查询
   Responsive Design - Mobile First
   ============================================ */

/* ===== 大屏桌面 (≥1400px) ===== */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* ===== 桌面端 (≥1025px) ===== */
@media (min-width: 1025px) {
  .mobile-menu-btn { display: none; }
  .mobile-nav-panel { display: none !important; }
  .desktop-hidden { display: none; }
}

/* ===== 平板横屏 / 小笔记本 (≤1024px) ===== */
@media (max-width: 1024px) {
  :root {
    --container-padding-x: var(--space-3);
  }

  /* Header */
  .nav-link {
    padding: var(--space-1) 10px;
    font-size: 0.8rem;
  }

  .header-logo img {
    height: 36px;
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
  }

  /* Grid */
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .cert-grid { grid-template-columns: repeat(2, 1fr); }
  .mission-cards { grid-template-columns: repeat(3, 1fr); }

  /* Product detail */
  .product-detail-card {
    grid-template-columns: 1fr;
  }

  .product-detail-body {
    padding: 0 var(--space-4) var(--space-4);
  }

  /* Scene cards */
  .scene-card {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .scene-card:nth-child(even) .scene-image {
    order: 0;
  }

  /* Page hero */
  .page-hero {
    min-height: 260px;
  }

  .page-hero h1 {
    font-size: var(--text-4xl);
  }

  /* Section */
  .section {
    padding: var(--space-8) 0;
  }
}

/* ===== 平板竖屏 (≤768px) ===== */
@media (max-width: 768px) {
  :root {
    --header-height: var(--header-height-mobile);
  }

  /* Header 移动端导航 */
  .main-nav .nav-list {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
  }

  .header-logo-text {
    font-size: var(--text-lg);
  }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  /* Grid */
  .grid-2, .grid-3, .grid-4,
  .grid-cols-2, .grid-cols-3, .grid-cols-4 {
    grid-template-columns: 1fr;
  }

  .two-column {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .with-sidebar {
    grid-template-columns: 1fr;
  }

  .mission-cards {
    grid-template-columns: 1fr;
  }

  .cert-grid {
    grid-template-columns: 1fr;
  }

  /* Page hero */
  .page-hero {
    min-height: 200px;
    padding: var(--space-8) var(--space-4);
  }

  .page-hero h1 {
    font-size: var(--text-3xl);
  }

  .page-hero p {
    font-size: var(--text-base);
  }

  /* Sections */
  .section {
    padding: var(--space-6) 0;
  }

  .section-title {
    font-size: var(--text-3xl);
  }

  .section-header {
    margin-bottom: var(--space-5);
  }

  /* Buttons */
  .btn-group {
    flex-direction: column;
  }

  .btn {
    justify-content: center;
  }

  /* Product detail */
  .product-detail-image {
    padding: var(--space-4);
  }

  .product-detail-image img {
    max-height: 250px;
  }

  .product-specs {
    grid-template-columns: 1fr;
  }

  /* Scene cards */
  .scene-card {
    padding: var(--space-4);
  }

  /* FAQ */
  .faq-nav {
    gap: var(--space-1);
  }

  .faq-nav-link {
    padding: var(--space-1) var(--space-2);
    font-size: 0.75rem;
  }

  /* Breadcrumb */
  .breadcrumb {
    padding: var(--space-2) 0;
  }

  /* Sidebar */
  .sidebar {
    position: static;
    margin-bottom: var(--space-4);
  }

  /* Timeline */
  .timeline {
    padding-left: var(--space-5);
  }

  /* Contact form */
  .contact-form {
    padding: var(--space-4);
  }

  /* Stats */
  .stat-number {
    font-size: var(--text-4xl);
  }
}

/* ===== 小屏手机 (≤480px) ===== */
@media (max-width: 480px) {
  :root {
    --container-padding-x: var(--space-2);
  }

  /* Header */
  .header-logo img {
    height: 32px;
  }

  .header-logo-text {
    font-size: var(--text-base);
  }

  /* Page hero */
  .page-hero {
    min-height: 180px;
    padding: var(--space-6) var(--space-3);
  }

  .page-hero h1 {
    font-size: var(--text-2xl);
  }

  /* Product cards */
  .product-card-image img {
    max-height: 160px;
  }

  /* Advantage cards */
  .advantage-icon {
    width: 48px;
    height: 48px;
  }

  .advantage-card {
    padding: var(--space-3) var(--space-2);
  }

  /* FAQ */
  .faq-item summary {
    font-size: var(--text-base);
    padding: var(--space-2) var(--space-1);
  }

  /* Mission cards */
  .mission-icon {
    width: 44px;
    height: 44px;
  }

  .mission-card {
    padding: var(--space-3) var(--space-2);
  }

  /* Cooperation */
  .cooperation-icon {
    width: 56px;
    height: 56px;
  }

  .cooperation-card {
    padding: var(--space-4) var(--space-3);
  }

  /* Cert items */
  .cert-item {
    padding: var(--space-3);
  }

  /* Back to top */
  .back-to-top {
    bottom: var(--space-3);
    right: var(--space-3);
    width: 38px;
    height: 38px;
  }

  /* Buttons */
  .btn {
    padding: 10px 20px;
    font-size: var(--text-sm);
  }
}

/* ===== 打印样式 ===== */
@media print {
  .site-header,
  .site-footer,
  .back-to-top,
  .mobile-nav-panel,
  .mobile-menu-btn,
  .faq-nav,
  .sidebar {
    display: none !important;
  }

  body {
    font-size: 12pt;
    line-height: 1.5;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
    color: var(--text-muted);
  }
}