/* V14 — mobile-only stability + responsive hardening. Desktop remains unchanged. */
@media (max-width:820px), (hover:none) and (pointer:coarse) and (max-width:1100px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
  body{min-width:0!important;width:100%!important;overflow-x:hidden!important}
  .wrap{width:calc(100% - 24px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important}
  .nav{height:72px!important;gap:12px!important}
  .brand{width:150px!important;height:58px!important;min-width:0!important}
  .brand img{height:54px!important;max-width:100%!important;object-fit:contain!important}
  .menu,.nav>.btn-primary{display:none!important}
  .mobile-menu-btn{display:flex!important;flex:0 0 44px!important}
  .mobile-drawer{width:min(88vw,360px)!important;max-width:360px!important}

  /* Remove GPU-heavy motion/effects that caused Android jank. */
  .reveal,.reveal.in{opacity:1!important;transform:none!important;transition:none!important}
  .partner-rail-track{animation:none!important;transform:none!important}
  .partner-rail{overflow-x:auto!important;mask-image:none!important;-webkit-mask-image:none!important}
  .banner-track,.banner-slide img,.feature-visual img,.product,.partner-card,.btn,.more{transition:none!important}
  .site-header,.nav,.brand img{transition:none!important}

  .hero,.page-hero{padding-top:48px!important;padding-bottom:48px!important}
  .hero-grid,.story-teaser,.about-grid,.contact-grid,.partner-hero,.cta-in,.footer-grid{grid-template-columns:1fr!important}
  .hero-grid{gap:30px!important}
  .hero h1,.page-hero h1{font-size:clamp(38px,10vw,50px)!important;line-height:1.02!important}
  .hero p,.page-hero p{font-size:16px!important}
  .proof{gap:14px!important}
  .section{padding:64px 0!important}
  .section-head{display:block!important}
  .section-head .more{display:inline-flex!important;margin-top:18px!important}

  .product-grid,.partner-grid,.catalog-products,.value-grid,.faq,.form-grid{grid-template-columns:1fr!important}
  .catalog-layout{display:block!important;grid-template-columns:1fr!important}
  .filters{display:none!important}
  .catalog-top{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}
  .search{height:52px!important;font-size:16px!important}
  .catalog-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .sort-select{width:100%!important;height:48px!important;font-size:16px!important}
  .result-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
  .product-photo{height:180px!important}
  .product-body{padding:16px!important}
  .product h3{font-size:15px!important}

  .mobile-filter-panel{display:block!important}
  .mobile-quick-browse{display:block!important}
  .quick-partner-row{-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}

  .feature-showcase{max-width:100%!important;width:100%!important}
  .feature-visual{height:270px!important}
  .campaign-section{padding:64px 0!important}
  .banner-slide img{min-height:140px!important;aspect-ratio:auto!important;object-fit:cover!important}
  .sourcing-stage{min-height:0!important;display:grid!important}
  .sourcing-image{position:relative!important;width:100%!important;height:300px!important;border-radius:26px 26px 0 0!important}
  .sourcing-card{position:relative!important;width:94%!important;right:auto!important;top:auto!important;margin:-58px auto 0!important;padding:28px 22px!important}
  .sourcing-note{position:relative!important;left:auto!important;bottom:auto!important;width:94%!important;margin:12px auto 0!important}

  .blog-grid,.blog-list-grid{grid-template-columns:1fr!important}
  .article-layout{grid-template-columns:1fr!important}
  .article-cover{width:calc(100% - 24px)!important}
  .article-cover img{height:300px!important}

  .back-top{right:14px!important;bottom:14px!important}
}

@media (max-width:430px){
  .wrap{width:calc(100% - 20px)!important}
  .nav{height:68px!important}
  .brand{width:142px!important}
  .hero,.page-hero{padding-top:40px!important;padding-bottom:42px!important}
  .hero h1,.page-hero h1{font-size:40px!important}
  .quick-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-partner{flex-basis:122px!important}
  .mobile-filter-grid{grid-template-columns:1fr!important}
  .product-photo{height:168px!important}
}