/* ==========================================================================
   mobile.css —— 山东龙辉起重 官网移动端适配（追加式覆盖，优先级最高）
   加载顺序：css/style.css -> css/style_enhance.css -> css/mobile.css
   参照蓝本：www.31qz.com 手机端（768 / 600 / 480 三档紧凑布局）
   仅覆盖增强，不改动 HTML 结构与类名；主色 #F37021
   ========================================================================== */

/* 移动端通用基础 */
* {
  -webkit-tap-highlight-color: transparent;
}

/* --------------------------------------------------------------------------
   1. 平板/大屏手机（max-width 1024px 补充）
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .banner-section {
    border-radius: 10px;
  }
}

/* --------------------------------------------------------------------------
   2. 手机（max-width 768px）
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  /* 顶部联系条：紧凑折行 */
  .top-bar {
    font-size: 10px;
    padding: 4px 0;
  }
  .top-bar .container {
    flex-wrap: wrap;
    gap: 2px 8px;
    justify-content: space-between;
  }
  .top-bar-left,
  .top-bar-right {
    flex-wrap: wrap;
    gap: 6px;
    font-size: 10px;
  }
  .top-bar .contact-address {
    display: inline-block;
  }

  /* Banner 轮播：降低高度 */
  .banner-section {
    height: 200px;
    border-radius: 10px;
  }
  .banner-item {
    border-radius: 10px;
  }
  .banner-item h2 {
    font-size: 22px;
  }
  .banner-item p {
    font-size: 13px;
  }
  .banner-cta {
    padding: 8px 18px;
    font-size: 13px;
  }

  /* 区块间距收窄 */
  .section {
    padding: 30px 0;
  }
  .section-title {
    font-size: 18px;
  }
  .section-heading {
    margin-bottom: 14px;
  }
  .section-description {
    font-size: 12px;
  }

  /* 首页分类卡两列 */
  .home-cats {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  /* 内页：面包屑、标题 */
  .breadcrumb {
    font-size: 12px;
    flex-wrap: wrap;
    white-space: normal;
  }
  .page-header {
    padding-top: 20px;
  }
  .page-title {
    font-size: 22px;
  }
  .page-description {
    font-size: 13px;
  }

  /* 产品列表网格两列 */
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .product-card-thumb {
    height: 160px;
  }

  /* 侧栏列表紧凑 */
  .sidebar li a {
    font-size: 13px;
    padding: 8px 12px;
  }

  /* 文章/新闻条目 */
  .article-item h3 {
    font-size: 15px;
  }

  /* 详情：正文、分隔线 */
  .detail-body,
  .detail-body p {
    font-size: 14px;
    line-height: 1.8;
  }
  .detail-cover {
    padding: 10px;
  }
  .detail-cover img {
    width: 100%;
    height: auto;
  }
  .detail-meta {
    gap: 6px 12px;
  }
  .detail-prev,
  .detail-next {
    font-size: 13px;
  }
  .related-list li a {
    font-size: 13px;
    line-height: 1.8;
  }
  .detail-contact {
    padding: 12px;
    font-size: 13px;
  }

  /* 表格横向滚动（参数表/数据表） */
  .data-table,
  .detail-body table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .data-table th,
  .data-table td,
  .detail-body table th,
  .detail-body table td {
    padding: 8px 10px;
    font-size: 12px;
  }

  /* 页脚两列紧凑 */
  .footer-top {
    flex-wrap: wrap;
  }
  .footer-top > * {
    flex: 0 0 calc(50% - 12px);
    min-width: calc(50% - 12px);
  }
  .footer h4 {
    font-size: 13px;
  }
  .footer p,
  .footer a {
    font-size: 11px;
    line-height: 1.8;
  }
  .footer-copyright {
    font-size: 11px;
    line-height: 1.8;
    padding: 12px 10px;
  }

  /* 联系我们纵向 */
  .contact-map iframe {
    min-height: 220px;
  }

  /* 24h 热线 */
  .hotline-bar .hotline-number {
    font-size: 22px;
  }

  /* 分页紧凑 */
  .pagination {
    gap: 6px;
  }
  .pagination a,
  .pagination span {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
}

/* --------------------------------------------------------------------------
   3. 小屏手机（max-width 600px）
   -------------------------------------------------------------------------- */
@media (max-width: 600px) {
  .home-cats {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-grid {
    grid-template-columns: 1fr;
  }
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .article-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .breadcrumb {
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .page-header > .container,
  .inner-layout.container {
    width: calc(100% - 24px);
  }
  .inner-layout {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .product-card-thumb {
    height: auto;
    aspect-ratio: 3 / 2;
  }
  .product-card-body {
    padding: 12px;
  }
  .product-card-body h3 {
    font-size: 15px;
  }
  .pagination .pagination-total {
    flex-basis: 100%;
    margin-top: 4px;
    margin-left: 0;
    text-align: left;
  }
  .detail-body h2 {
    font-size: 19px;
  }
  .detail-body h3 {
    font-size: 17px;
    padding-left: 8px;
  }
  .hotline-bar .hotline-number {
    font-size: 20px;
  }
}

/* --------------------------------------------------------------------------
   4. 窄屏手机（max-width 480px）
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  .top-bar {
    font-size: 10px;
  }
  .top-bar .contact-address {
    display: none;
  }

  .banner-section {
    height: 170px;
  }
  .banner-item h2 {
    font-size: 20px;
  }
  .banner-item p {
    font-size: 12px;
  }
  .banner-cta {
    padding: 6px 14px;
    font-size: 12px;
  }

  .home-cats {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .home-cat-main h3 {
    font-size: 14px;
  }
  .home-cat-sub-list li a {
    font-size: 12px;
  }

  .product-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .product-card-thumb {
    height: 180px;
    aspect-ratio: auto;
  }
  .product-card-body h3 {
    font-size: 16px;
  }

  .page-title {
    font-size: 20px;
  }
  .breadcrumb {
    font-size: 11px;
  }

  .detail-cover img {
    max-height: 240px;
    object-fit: cover;
  }
  .detail-body,
  .detail-body p {
    font-size: 14px;
    line-height: 1.8;
  }
  .detail-meta {
    gap: 4px 10px;
    font-size: 12px;
  }
  .detail-prev,
  .detail-next {
    width: 100%;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }
  .detail-prev {
    border-top: 1px solid #eee;
  }
  .detail-contact .contact-item {
    flex-wrap: wrap;
    gap: 4px;
  }

  .data-table th,
  .data-table td,
  .detail-body table th,
  .detail-body table td {
    padding: 6px 8px;
    font-size: 11px;
  }

  .footer-top > * {
    flex: 0 0 100%;
    min-width: 100%;
  }
  .footer-copyright {
    font-size: 10px;
  }

  .contact-map iframe {
    min-height: 200px;
  }

  .hotline-bar {
    font-size: 12px;
  }
  .hotline-bar .hotline-number {
    font-size: 20px;
  }

  .pagination a,
  .pagination span {
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
  }
  .sidebar {
    padding: 0;
  }
  .sidebar li a {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* --------------------------------------------------------------------------
   5. 超小屏（max-width 380px）：分类卡单列兜底
   -------------------------------------------------------------------------- */
@media (max-width: 380px) {
  .home-cats {
    grid-template-columns: 1fr;
  }
  .banner-section {
    height: 150px;
  }
  .banner-item h2 {
    font-size: 18px;
  }
}