/* SECURIX v18 — mobile viewport + compact homepage grids */
@media (max-width:767px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  *,*::before,*::after{box-sizing:border-box}
  body>*,main,header,footer,[data-header],[data-sticky-row],.home-page,.home-wrap{
    min-width:0!important;max-width:100%!important
  }
  img,svg,video,canvas{max-width:100%}

  /* Never let homepage blocks create page-level horizontal overflow. */
  .home-hero-banner,.home-benefits,.home-section,.home-service-grid,.home-order-section,.home-consultation,
  .home-categories-grid,.home-brands,.home-products-grid,.home-solutions-grid,.home-why-grid{
    min-width:0!important;max-width:100%!important
  }

  .home-wrap{width:calc(100% - 16px)!important;margin-left:auto!important;margin-right:auto!important}

  /* Categories: real 2-column grid, no horizontal carousel. */
  .home-categories-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;overflow:visible!important;padding:0!important
  }
  .home-category-card{
    width:auto!important;min-width:0!important;height:auto!important;min-height:168px!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    padding:12px!important;border-radius:18px!important;overflow:hidden!important
  }
  .home-category-media{width:100%!important;height:88px!important;padding:0!important;display:grid!important;place-items:center!important}
  .home-category-media img{width:auto!important;height:auto!important;max-width:92%!important;max-height:84px!important;object-fit:contain!important}
  .home-category-copy{width:100%!important;min-width:0!important;margin-top:7px!important}
  .home-category-copy strong{font-size:14px!important;line-height:1.15!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .home-category-copy p{margin-top:4px!important;font-size:10.5px!important;line-height:1.3!important}

  /* Brands: 3 across, compact and fully visible. */
  .home-brands{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;overflow:visible!important;padding:0!important
  }
  .home-brands a{width:auto!important;height:58px!important;min-width:0!important;padding:10px!important;border-radius:15px!important}
  .home-brands img{max-width:92%!important;max-height:25px!important;object-fit:contain!important}

  /* Popular products: 2 cards per row, compact mobile commerce cards. */
  .home-products-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;overflow:visible!important;padding:0!important;align-items:stretch!important
  }
  .home-product-card{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;padding:10px!important;border-radius:18px!important;overflow:hidden!important}
  .home-product-top{display:block!important;min-width:0!important}
  .home-product-image{width:100%!important;height:128px!important;display:grid!important;place-items:center!important;margin:0!important}
  .home-product-image img{width:auto!important;height:auto!important;max-width:92%!important;max-height:122px!important;object-fit:contain!important}
  .home-product-body{min-width:0!important;margin-top:7px!important}
  .home-product-title{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:12px!important;line-height:1.28!important;min-height:46px!important}
  .home-product-specs{display:none!important}
  .home-product-bottom{margin-top:8px!important;padding-top:8px!important;gap:6px!important;align-items:end!important}
  .home-product-price{font-size:18px!important;line-height:1!important}
  .home-product-stock{font-size:9.5px!important;margin-top:4px!important}
  .home-product-buy{min-width:0!important;padding:9px 10px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap!important}
  .home-product-badge{font-size:8px!important;padding:4px 6px!important}

  /* Why Securix: 2 across; six items become a clean 3x2 block. */
  .home-why-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:hidden!important;border-radius:18px!important
  }
  .home-why-grid article{min-width:0!important;min-height:128px!important;padding:13px 12px!important;border-top:1px solid #eceff3!important;border-right:1px solid #eceff3!important}
  .home-why-grid article:nth-child(-n+2){border-top:0!important}
  .home-why-grid article:nth-child(2n){border-right:0!important}
  .home-why-grid span{width:36px!important;height:36px!important}
  .home-why-grid span svg{width:17px!important;height:17px!important}
  .home-why-grid strong{margin-top:8px!important;font-size:12.5px!important;line-height:1.2!important}
  .home-why-grid p{margin-top:4px!important;font-size:10px!important;line-height:1.32!important}

  /* Section heads must not push the viewport. */
  .home-section-head{min-width:0!important;gap:8px!important}
  .home-section-head h2{min-width:0!important;font-size:25px!important;line-height:1.05!important}
  .home-section-head a{flex:0 0 auto!important;font-size:12px!important;white-space:nowrap!important}
}

@media (max-width:370px){
  .home-category-copy strong{font-size:13px!important}
  .home-product-title{font-size:11px!important}
  .home-product-price{font-size:16px!important}
  .home-product-buy{padding:8px 7px!important;font-size:10px!important}
}