/* ==========================================================================
   custom-fixes.css
   从 HTML 内联 <style> 抽取的页面修正样式（原 index.html / product.html 内联块）
   加载页面：index.html、product.html
   ========================================================================== */

/* ---- index.html：首页移动端适配修正 ---- */
@media (max-width:991.98px){
  .brand-area-one.style-four,
  .about-section-five .about-thumb-wrapper{display:none!important}
  .about-section-five{padding-bottom:0!important}
  .workflow-section-one{padding-top:40px!important}
  .banner-container{width:100%!important}
}
@media (max-width:991.98px){
  .banner-section-one .container-fulid .row > div > div:first-child {
    margin: 0 auto !important;
  }
  .banner-section-one .container-fulid h5.split_chars {
    margin-top: 25px !important;
  }
}

/* ---- product.html：产品页布局修正 ---- */
html { overflow-x: hidden; }
.brand-area-one .brand-thumb { overflow:hidden; }
@media (max-width: 991.98px) {
  .brand-area-one .brand-desc p::before,
  .brand-area-one .brand-desc p::after { display:none; }
}

/* ---- index.html：Banner 三张视频卡片统一 16:9 ----
   中间"产品介绍"视频 100k.mp4 为 1280x540（2.37:1 超宽屏），
   比两侧 1280x720（16:9）矮，导致卡片高度不一致。
   此处强制 16:9 并等比裁剪，使三张卡片宽高完全一致。 */
.banner-section-one .container-fulid .col-lg-4 video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
