/* ===== 移动端补充响应式 — pagemob.css ===== */
/* 大部分响应式已内置在 style.css / home.css / page.css 中 */
/* 此文件处理特殊移动端场景 */

/* --- 移动端产品详情 swiper --- */
@media (max-width: 768px) {
  .pd-gallery .prodetails-button-prev,
  .pd-gallery .prodetails-button-next {
    width: 32px;
    height: 32px;
  }
  .pd-gallery .prodetails-button-prev { left: 8px; }
  .pd-gallery .prodetails-button-next { right: 8px; }
  .pd-gallery .prodetails-button-prev::before,
  .pd-gallery .prodetails-button-next::before {
    width: 9px;
    height: 9px;
  }

  /* 文章详情 */
  .ad-header .ad-meta { flex-direction: column; gap: 6px; }

  /* FAQ */
  .faq-question { font-size: 15px; padding: 14px 16px; }
  .faq-answer { padding: 0 16px 14px; font-size: 14px; }

  /* 联系页 */
  .contact-card { padding: 24px 20px; }
  .contact-card .cc-icon { width: 52px; height: 52px; }

  /* 搜索页 */
  .search-header h2 { font-size: 20px; }

  /* 单页 */
  .single-content .single-title { font-size: 22px; }
  .single-content article { font-size: 15px; line-height: 1.9; }
}

/* --- 超小屏幕 --- */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 24px; }
  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns .btn-primary,
  .hero-btns .btn-outline { width: 100%; justify-content: center; }

  .adv-card { padding: 24px 16px; }
  .adv-icon { width: 52px; height: 52px; }
  .adv-icon em { font-size: 24px; }

  .about-info h2 { font-size: 22px; }

  .product-card .card-body { padding: 12px; }
  .product-card .card-body .card-title { font-size: 14px; }

  .news-card .news-body { padding: 14px; }
  .news-card .news-body .news-title { font-size: 14px; }
  .news-card .news-date { padding: 4px 8px; }
  .news-card .news-date .day { font-size: 18px; }
  .news-card .news-date .month { font-size: 11px; }

  .pd-info h1 { font-size: 20px; }
  .pd-content { padding: 14px; }
  .pd-content article { font-size: 14px; }

  .ad-header h1 { font-size: 20px; }
  .ad-body { padding: 16px; }
  .ad-body article { font-size: 15px; }

  .page-banner { height: 180px; }
  .page-banner-content h1 { font-size: 20px; }
  .page-banner-content .breadcrumb { font-size: 12px; }

  .mypages li, .page-num {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
  }

  .inquiry-form input,
  .inquiry-form textarea { padding: 10px 14px; font-size: 14px; }
  .inquiry-form .send-btn { padding: 10px 20px; font-size: 14px; }
}

/* --- 横屏手机 --- */
@media (max-height: 500px) and (orientation: landscape) {
  .hero { min-height: 360px; height: auto; padding: 100px 0 60px; }
  .hero-content h1 { font-size: 28px; }
  .hero-scroll { display: none; }
}

/* --- 安全区域适配 --- */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .bottom-btn {
    padding-bottom: env(safe-area-inset-bottom);
  }
  footer {
    padding-bottom: calc(60px + env(safe-area-inset-bottom));
  }
}