/* =========================================================
   ZHANZHENG HOME MOBILE OPTIMIZATION V1
   仅优化首页 <= 760px 的移动端排版。
   不修改任何英文文案、图片资源、链接或桌面端布局。
   ========================================================= */

@media (max-width:760px){
  /* ---------- Mobile foundation ---------- */
  body.home-final-page{
    overflow-x:hidden;
    background:#fff;
  }
  body.home-final-page .container,
  body.home-final-page .zzhome-shell,
  body.home-final-page .hf-container{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* ---------- Header ---------- */
  body.home-final-page .site-header{
    height:64px!important;
    position:sticky!important;
    top:0!important;
    z-index:1500!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #eee6dc!important;
    box-shadow:0 4px 16px rgba(14,49,39,.05)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
  }
  body.home-final-page .header-inner{
    height:64px!important;
    gap:12px!important;
  }
  body.home-final-page .brand-logo-image{
    width:162px!important;
    flex:0 0 162px!important;
    margin-right:auto!important;
  }
  body.home-final-page .brand-logo-image img,
  body.home-final-page .site-header .brand img{
    width:162px!important;
    max-width:162px!important;
    height:auto!important;
    max-height:42px!important;
  }
  body.home-final-page .menu-toggle{
    display:flex!important;
    width:42px!important;
    height:42px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0!important;
    margin-left:auto!important;
    border:1px solid #e7ddd1!important;
    border-radius:8px!important;
    background:#fff!important;
  }
  body.home-final-page .menu-toggle span{
    width:21px!important;
    height:2px!important;
    margin:0!important;
    border-radius:2px!important;
    background:#0b4b39!important;
  }
  body.home-final-page .main-nav,
  body.home-final-page .header-cta{
    display:none!important;
  }
  body.home-final-page .main-nav.open{
    display:flex!important;
    position:absolute!important;
    top:64px!important;
    left:14px!important;
    right:14px!important;
    z-index:1600!important;
    max-height:calc(100vh - 80px)!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:10px 18px 14px!important;
    border:1px solid #e6ddd2!important;
    border-radius:0 0 10px 10px!important;
    background:#fff!important;
    box-shadow:0 16px 34px rgba(16,63,48,.14)!important;
  }
  body.home-final-page .main-nav.open a{
    width:100%!important;
    padding:12px 2px!important;
    border-bottom:1px solid #f0ebe4!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  body.home-final-page .main-nav.open a:last-child{border-bottom:0!important}
  body.home-final-page .main-nav.open a:after{display:none!important}
  body.home-final-page .main-nav.open .has-caret:before{display:none!important}

  /* ---------- Hero: same image/content, tighter mobile composition ---------- */
  body.home-final-page .zzhome-hero{
    height:auto!important;
    overflow:visible!important;
    background:#faf5ee!important;
    border-bottom:1px solid #e8dbcb!important;
  }
  body.home-final-page .zzhome-hero::before{display:none!important}
  body.home-final-page .zzhome-hero-bg{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:190px!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 43%!important;
    display:block!important;
    transform:none!important;
  }
  body.home-final-page .zzhome-hero-inner{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    padding:0!important;
  }
  body.home-final-page .zzhome-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:22px 14px 24px!important;
    background:#faf5ee!important;
  }
  body.home-final-page .zzhome-kicker{
    margin:0 0 9px!important;
    font-size:9px!important;
    line-height:1.35!important;
    letter-spacing:1.05px!important;
  }
  body.home-final-page .zzhome-hero h1{
    margin:0 0 12px!important;
    font-size:32px!important;
    line-height:1.02!important;
    letter-spacing:-.65px!important;
  }
  body.home-final-page .zzhome-hero p{
    margin:0 0 17px!important;
    max-width:none!important;
    font-size:14px!important;
    line-height:1.55!important;
    color:#43554e!important;
  }
  body.home-final-page .zzhome-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  body.home-final-page .zzhome-btn{
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:6px!important;
    font-size:13px!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  /* ---------- Capability strip: 2 x 2 ---------- */
  body.home-final-page .zzhome-capabilities{
    padding:14px 0!important;
    background:#fffaf3!important;
  }
  body.home-final-page .zzhome-cap-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-height:0!important;
    padding:0!important;
    gap:8px!important;
  }
  body.home-final-page .zzhome-cap-grid article{
    min-width:0!important;
    min-height:94px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:13px 11px!important;
    border:1px solid #eadcca!important;
    border-radius:7px!important;
    background:#fff!important;
  }
  body.home-final-page .zzhome-cap-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    font-size:17px!important;
  }
  body.home-final-page .zzhome-cap-grid b{
    margin:1px 0 3px!important;
    font-size:14px!important;
    line-height:1.18!important;
  }
  body.home-final-page .zzhome-cap-grid small{
    font-size:11.5px!important;
    line-height:1.35!important;
  }

  /* ---------- Shared mobile section rhythm ---------- */
  body.home-final-page .zzhome-section,
  body.home-final-page .hf-section{
    padding:34px 0!important;
  }
  body.home-final-page .zzhome-section-head{
    margin:0 auto 21px!important;
    max-width:none!important;
  }
  body.home-final-page .zzhome-section-head h2,
  body.home-final-page .hf-section-title h2{
    font-size:26px!important;
    line-height:1.08!important;
  }
  body.home-final-page .zzhome-section-head p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  body.home-final-page .zzhome-eyebrow,
  body.home-final-page .zzhome-card-kicker{
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:1.1px!important;
  }

  /* ---------- Product categories: same 8 images/content, 2 columns ---------- */
  body.home-final-page .hf-categories{padding:32px 0 36px!important}
  body.home-final-page .hf-section-title{margin-bottom:19px!important}
  body.home-final-page .hf-category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.home-final-page .hf-category-card{
    min-width:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }
  body.home-final-page .hf-category-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1.28/1!important;
  }
  body.home-final-page .hf-category-name{
    height:51px!important;
    min-height:51px!important;
    padding:5px 7px!important;
  }
  body.home-final-page .hf-category-name b{
    font-size:13.5px!important;
    line-height:1.18!important;
  }

  /* ---------- OEM cards: same content/image, horizontal compact cards ---------- */
  body.home-final-page .zzhome-oem{padding-top:34px!important}
  body.home-final-page .zzhome-oem-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  body.home-final-page .zzhome-oem-card{
    grid-template-columns:39% 61%!important;
    min-height:255px!important;
    border-radius:8px!important;
  }
  body.home-final-page .zzhome-oem-card figure{
    order:-1!important;
    height:auto!important;
    min-height:100%!important;
  }
  body.home-final-page .zzhome-oem-card figure img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.home-final-page .zzhome-oem-copy{
    padding:17px 13px 16px!important;
    align-self:center!important;
    min-width:0!important;
  }
  body.home-final-page .zzhome-oem-card h3{
    margin:3px 0 9px!important;
    font-size:21px!important;
    line-height:1.08!important;
  }
  body.home-final-page .zzhome-oem-card ul{
    margin:0 0 11px!important;
  }
  body.home-final-page .zzhome-oem-card li{
    padding:0 0 5px 15px!important;
    font-size:11.5px!important;
    line-height:1.34!important;
  }
  body.home-final-page .zzhome-oem-card li:before{font-size:10px!important}
  body.home-final-page .zzhome-oem-card .zzhome-btn-small{
    width:100%!important;
    min-height:38px!important;
    padding:0 9px!important;
    font-size:11.5px!important;
  }

  /* ---------- Why us: 2 x 2, preserve descriptions ---------- */
  body.home-final-page .zzhome-why{
    padding:34px 0!important;
  }
  body.home-final-page .zzhome-head-compact{margin-bottom:19px!important}
  body.home-final-page .zzhome-why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.home-final-page .zzhome-why-grid article,
  body.home-final-page .zzhome-why-grid article:nth-child(n){
    display:block!important;
    min-width:0!important;
    min-height:166px!important;
    padding:13px 11px!important;
    border:1px solid #e8dbcb!important;
    border-radius:7px!important;
    background:#fff!important;
  }
  body.home-final-page .zzhome-why-grid>article>span{
    width:34px!important;
    height:34px!important;
    margin-bottom:8px!important;
    font-size:16px!important;
  }
  body.home-final-page .zzhome-why h3{
    margin:0 0 6px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  body.home-final-page .zzhome-why p{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  /* ---------- Supply chain: compact horizontal cards ---------- */
  body.home-final-page .zzhome-logistics-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body.home-final-page .zzhome-logistics-card{
    grid-template-columns:42% 58%!important;
    min-height:205px!important;
    border-radius:8px!important;
  }
  body.home-final-page .zzhome-logistics-card figure{
    height:auto!important;
    min-height:100%!important;
  }
  body.home-final-page .zzhome-logistics-card>div{
    min-width:0!important;
    padding:16px 14px!important;
  }
  body.home-final-page .zzhome-logistics-card h3{
    margin:3px 0 7px!important;
    font-size:19px!important;
    line-height:1.08!important;
  }
  body.home-final-page .zzhome-logistics-card p{
    margin:0 0 8px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
  body.home-final-page .zzhome-logistics-card a{
    font-size:11px!important;
    line-height:1.3!important;
  }

  /* ---------- Business view ---------- */
  body.home-final-page .zzhome-business-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.home-final-page .zzhome-business-media{
    height:205px!important;
  }
  body.home-final-page .zzhome-business-copy{
    padding:27px 14px 30px!important;
  }
  body.home-final-page .zzhome-business-copy h2{
    margin:6px 0 11px!important;
    font-size:29px!important;
    line-height:1.05!important;
  }
  body.home-final-page .zzhome-business-copy>p{
    margin:0 0 16px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  body.home-final-page .zzhome-business-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 12px!important;
    margin-bottom:18px!important;
  }
  body.home-final-page .zzhome-business-points span{
    padding-left:17px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
  body.home-final-page .zzhome-business-actions{
    grid-template-columns:1fr 1fr!important;
  }

  /* ---------- Pre-footer CTA: retain all text, reduce height ---------- */
  body.home-final-page .prefooter-cta-inner-v36{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:17px 0!important;
  }
  body.home-final-page .prefooter-copy-v36{
    gap:10px!important;
  }
  body.home-final-page .prefooter-icon-v36{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    font-size:14px!important;
  }
  body.home-final-page .prefooter-copy-v36 strong{
    font-size:16px!important;
    line-height:1.25!important;
  }
  body.home-final-page .prefooter-copy-v36 small{
    margin-top:2px!important;
    font-size:12.5px!important;
    line-height:1.4!important;
  }
  body.home-final-page .prefooter-btn-v36{
    width:100%!important;
    min-width:0!important;
    min-height:43px!important;
    padding:0 15px!important;
    font-size:13px!important;
  }
  body.home-final-page .prefooter-benefits-v36{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  body.home-final-page .prefooter-benefits-v36 span{text-align:center!important}

  /* ---------- Footer accordion: same links/content, collapsed on mobile ---------- */
  body.home-final-page .site-footer-v36{
    padding:22px 0 12px!important;
  }
  body.home-final-page .footer-grid-v36{
    display:block!important;
  }
  body.home-final-page .site-footer-v36 .footer-brand{
    display:block!important;
    padding-bottom:16px!important;
  }
  body.home-final-page .site-footer-v36 .footer-logo-image{
    width:170px!important;
    margin:0 0 9px!important;
  }
  body.home-final-page .site-footer-v36 .footer-brand p{
    max-width:330px!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.home-final-page .footer-grid-v36>div:not(.footer-brand){
    margin:0!important;
    padding:0!important;
    border-top:1px solid rgba(255,255,255,.15)!important;
  }
  body.home-final-page .footer-grid-v36>div:not(.footer-brand)>h4{
    position:relative!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0 34px 0 0!important;
    color:#fff!important;
    font-size:14.5px!important;
    line-height:1.2!important;
    cursor:pointer!important;
    user-select:none!important;
  }
  body.home-final-page .footer-grid-v36>div:not(.footer-brand)>h4::after{
    content:'+'!important;
    position:absolute!important;
    right:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#d4e0db!important;
    font-size:22px!important;
    font-weight:300!important;
  }
  body.home-final-page .footer-grid-v36>div.zzmobile-open>h4::after{content:'−'!important}
  body.home-final-page .footer-grid-v36>div:not(.footer-brand)>a,
  body.home-final-page .footer-grid-v36>div:not(.footer-brand)>p{
    display:none!important;
  }
  body.home-final-page .footer-grid-v36>div.zzmobile-open>a{
    display:block!important;
    margin:0!important;
    padding:7px 0!important;
    font-size:13px!important;
    line-height:1.38!important;
    color:#d6e2dd!important;
  }
  body.home-final-page .footer-grid-v36>div.zzmobile-open>p{
    display:block!important;
    margin:3px 0 10px!important;
    font-size:13px!important;
    line-height:1.45!important;
    color:#d6e2dd!important;
  }
  body.home-final-page .footer-grid-v36>div.zzmobile-open{
    padding-bottom:9px!important;
  }
  body.home-final-page .footer-bottom-v36{
    display:block!important;
    margin-top:10px!important;
    padding-top:12px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  body.home-final-page .footer-bottom-v36>div{
    margin-top:7px!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  body.home-final-page .footer-bottom-v36 a{
    display:inline!important;
    margin:0!important;
    font-size:10.5px!important;
  }

  /* ---------- Floating contact: keep all existing actions, reduce obstruction ---------- */
  body.home-final-page .zzfloat-contact{
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    transform:none!important;
    flex-direction:row!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.78)!important;
    border-color:rgba(10,65,49,.15)!important;
    box-shadow:0 8px 22px rgba(4,40,30,.16)!important;
  }
  body.home-final-page .zzfloat-action{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-width:1px!important;
  }
  body.home-final-page .zzfloat-icon,
  body.home-final-page .zzfloat-icon svg{
    width:20px!important;
    height:20px!important;
  }
  body.home-final-page .zzfloat-linkedin{font-size:18px!important}

  /* Touch comfort / accidental overflow protection */
  body.home-final-page main,
  body.home-final-page section,
  body.home-final-page article,
  body.home-final-page figure,
  body.home-final-page .zzhome-oem-copy,
  body.home-final-page .zzhome-business-copy{min-width:0!important}
  body.home-final-page p,
  body.home-final-page li,
  body.home-final-page a,
  body.home-final-page span,
  body.home-final-page h1,
  body.home-final-page h2,
  body.home-final-page h3{overflow-wrap:anywhere}
}

@media (max-width:430px){
  body.home-final-page .zzhome-hero-bg{height:178px!important}
  body.home-final-page .zzhome-hero h1{font-size:30px!important}
  body.home-final-page .zzhome-oem-card{grid-template-columns:37% 63%!important}
  body.home-final-page .zzhome-oem-copy{padding:15px 11px!important}
  body.home-final-page .zzhome-oem-card h3{font-size:19px!important}
  body.home-final-page .zzhome-oem-card li{font-size:10.8px!important}
  body.home-final-page .zzhome-logistics-card{grid-template-columns:40% 60%!important}
  body.home-final-page .zzhome-logistics-card>div{padding:14px 12px!important}
  body.home-final-page .zzhome-logistics-card h3{font-size:18px!important}
}

@media (max-width:360px){
  body.home-final-page .brand-logo-image{
    width:148px!important;
    flex-basis:148px!important;
  }
  body.home-final-page .brand-logo-image img,
  body.home-final-page .site-header .brand img{width:148px!important;max-width:148px!important}
  body.home-final-page .zzhome-actions,
  body.home-final-page .zzhome-business-actions{grid-template-columns:1fr!important}
  body.home-final-page .zzhome-oem-card,
  body.home-final-page .zzhome-logistics-card{grid-template-columns:1fr!important}
  body.home-final-page .zzhome-oem-card figure{height:165px!important;min-height:165px!important}
  body.home-final-page .zzhome-logistics-card figure{height:150px!important;min-height:150px!important}
  body.home-final-page .zzhome-why-grid{grid-template-columns:1fr!important}
  body.home-final-page .zzhome-why-grid article{min-height:0!important}
}