/* ============================================================
 * GEO Mobile CSS - 移动端响应式样式
 * 纯CSS方案，零JS，替代旧的geo-mobile-all内联CSS+geo-mobile-js
 * 作用域：@media(max-width:768px) 移动端
 * ============================================================ */

/* ===== 移动端全局 ===== */
@media(max-width:768px){
  *{box-sizing:border-box!important}
  html{overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
  html,body{margin:0!important;padding:0!important;transform:none!important}
  body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img{max-width:100%!important;height:auto!important}

  /* ===== 隐藏PC端冗余元素 ===== */
  .geo-topbar{display:none!important;height:0!important;overflow:hidden!important}
  .geo-city-bar{display:none!important;height:0!important;overflow:hidden!important}
  #destoon-card{display:none!important;height:0!important;overflow:hidden!important}
  #destoon-qrcode{display:none!important;height:0!important;overflow:hidden!important}
  /* 注意：不要隐藏#geoPromoOverlay和.geo-promo-overlay，否则FAB弹窗无法打开 */
  .pq_common_left{display:none!important}

  /* ===== 顶部Header - fixed固定在顶部 ===== */
  .top{display:block!important;margin:0!important;padding:8px 12px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;height:auto!important;box-sizing:border-box!important}
  body.geo-theme-2{padding-top:44px!important;padding-bottom:54px!important}
  .top .wrap{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;gap:8px!important}
  .top .brand{display:block!important;flex:1 1 0!important;min-width:0!important;float:none!important;margin:0!important;padding:0!important;text-decoration:none!important}
  .top .brand h1{font-size:13px!important;font-weight:700!important;color:#333!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;line-height:1.4!important}
  .top .brand p{display:none!important}
  .top .brand .geo-city-tag{color:var(--brand,#176b4d)!important}
  .top .nav{float:none!important;flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important}
  .top .nav a:not(.phone-pill){display:none!important}
  .phone-pill{display:inline-block!important;background:var(--brand,#176b4d)!important;color:#fff!important;padding:5px 10px!important;border-radius:16px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;line-height:1.4!important}

  /* ===== 底部浮动导航栏 ===== */
  .geo-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;box-shadow:0 -2px 8px rgba(0,0,0,.06)!important;z-index:1000!important;padding:6px 0!important;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}
  .geo-bn-item{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#999!important;font-size:11px!important;padding:4px 0!important;gap:2px!important}
  .geo-bn-item svg{width:20px!important;height:20px!important;fill:currentColor!important}
  .geo-bn-item.active{color:var(--brand,#176b4d)!important}
  .geo-bn-phone{color:var(--brand,#176b4d)!important}

  /* ===== 浮动推广按钮上移，避免遮挡底部导航 ===== */
  .geo-promo-fab{bottom:72px!important}

  /* ===== 首页内容（geo-theme-2）===== */
  body.geo-theme-2 .wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  main#geoEntityProfile{margin:0!important;padding:0!important}
  body.geo-theme-2 .hero{width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:20px 16px!important;box-sizing:border-box!important;border-radius:0!important}
  body.geo-theme-2 .section{width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:16px!important;box-sizing:border-box!important;border-radius:0!important}
  body.geo-theme-2 table{max-width:100%!important}
  body.geo-theme-2 .pq_footer{font-size:12px!important;padding:20px 12px!important}
  body.geo-theme-2 .pq_f_bottom{font-size:11px!important;padding:10px 12px!important}

  /* ===== 非首页：Hero横幅 ===== */
  .geo-page-hero{padding:28px 16px!important}
  .geo-page-hero .wrap{width:100%!important;max-width:100%!important;padding:0 4px!important}
  .geo-page-hero h2{font-size:20px!important;margin:0 0 4px!important}
  .geo-page-hero p{font-size:13px!important}

  /* ===== 非首页：面包屑 ===== */
  .geo-page-breadcrumb{padding:10px 16px!important;font-size:12px!important}
  .geo-page-breadcrumb .wrap{width:100%!important;max-width:100%!important;padding:0 4px!important}

  /* ===== 非首页：内容区 ===== */
  #main{width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;float:none!important}
  #side,#split{display:none!important}
  .pos .nvs{display:none!important}
  .pos{padding:0!important;border:none!important;background:transparent!important}

  /* 内容标题 */
  #main .main_head{padding:0 0 10px!important;margin:0 0 12px!important}
  #main .main_head strong{font-size:18px!important}
  #main .main_head .f_r{display:none!important}

  /* 内容容器 */
  #main .main_body{padding:14px!important;margin-bottom:16px!important;border-radius:8px!important}

  /* ===== 产品列表：2列网格 ===== */
  #main .main_body > table > tbody > tr{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  #main .main_body > table > tbody > tr > td{width:calc(50% - 5px)!important;display:block!important;padding:0!important}
  #main .thumb{margin-bottom:0!important;border-radius:8px!important}
  #main .thumb img{height:130px!important}
  #main .thumb > div a{font-size:12px!important}
  #main .thumb b{font-size:14px!important;margin-top:4px!important}

  /* ===== 新闻列表 ===== */
  #main .list-txt li{padding:10px 0!important;gap:8px!important}
  #main .list-txt li a{font-size:14px!important}
  #main .list-txt li i{font-size:11px!important}

  /* ===== 文章详情 ===== */
  #main .title{font-size:18px!important;padding:0 0 8px!important;margin:0 0 10px!important}
  #main .info{font-size:12px!important;padding:0 0 10px!important;margin:0 0 12px!important}
  #main .content{font-size:14px!important;line-height:1.8!important}
  #main .content p{margin:8px 0!important}
  #main .content img{border-radius:6px!important}

  /* ===== 公司档案表格 ===== */
  #main .main_body > .px14 > table td,
  #main table[width="100%"] td{padding:8px 6px!important;font-size:13px!important}
  #main .main_body > .px14 > table td.f_b,
  #main table[width="100%"] td.f_b{width:80px!important}

  /* ===== 联系表单 ===== */
  #main form input[type="text"],
  #main form input[type="search"],
  #main form textarea{width:100%!important;padding:10px 12px!important;font-size:14px!important}
  #main form input[type="submit"],
  #main form .btn-act,
  #main form .btn-buy,
  #main form .btn-cart{width:100%!important;margin-top:8px!important;padding:12px!important}

  /* ===== 分页 ===== */
  #main .pages{padding:12px 0!important}
  #main .pages a,#main .pages span{padding:5px 8px!important;font-size:12px!important;margin:0 1px!important}

  /* ===== 产品详情页 ===== */
  #main .main_body > table > tbody > tr > td:first-child[width="414"]{width:100%!important;padding-right:0!important;margin-bottom:12px!important}
  #main #mid_div img{width:100%!important;height:auto!important}

  /* ===== 页脚 ===== */
  .pq_footer{padding:20px 12px!important;font-size:12px!important}
  .pq_footer_main{max-width:100%!important;padding:0 4px!important}
  .pq_f_bottom{padding:10px 12px!important;font-size:11px!important}

  /* ===== 搜索栏隐藏 ===== */
  #pos_show{display:none!important}
  .dsn{display:none!important}
}

/* ===== 桌面端隐藏底部导航栏 ===== */
@media(min-width:769px){
  .geo-bottom-nav{display:none!important}
}
/* ===== 产品/案例移动端一排两个 (2026-07-21) ===== */
@media(max-width:768px){
  .section-products .grid.grid-3{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }
  .section-products .info-card{
    padding:0 !important;overflow:hidden;border-radius:6px;
  }
  .section-products .info-card img{
    width:100% !important;height:auto !important;
    aspect-ratio:1 !important;object-fit:cover !important;border-radius:0 !important;
  }
  .section-products .info-card h4{
    font-size:12px !important;line-height:1.4 !important;
    padding:4px 6px !important;margin:0 !important;
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  }
  .section-products .info-card h4 a{color:#333 !important;}
  .section-products .info-card p{display:none !important;}
  .section-trust .image-grid{
    grid-template-columns:repeat(2,1fr) !important;gap:10px !important;
  }
  .section-trust .info-card{
    padding:0 !important;overflow:hidden;border-radius:6px;
  }
  .section-trust .info-card img{
    width:100% !important;height:auto !important;
    aspect-ratio:1 !important;object-fit:cover !important;border-radius:0 !important;
  }
  .section-trust .info-card p{
    font-size:11px !important;padding:4px 6px !important;margin:0 !important;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
}