/* ZEFFIRO 4.29 — definitive compact image-card geometry. The previous photo
   pane was 190x120, so square source photos got gray/white side bars. Match the
   supplier's square photo presentation instead of trying to erase image pixels. */
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  scroll-padding:0!important;
  gap:12px!important;
  overscroll-behavior-x:contain;
}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card{
  box-sizing:border-box!important;
  flex:0 0 clamp(188px,15vw,225px)!important;
  width:clamp(188px,15vw,225px)!important;
  scroll-snap-align:none!important;
  padding:7px!important;
}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background-color:#fff!important;
  background-image:none!important;
}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-image > img.product-photo-main{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  transform:none!important;
  filter:none!important;
}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-name{
  min-height:2.6em!important;
  max-height:2.6em!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  font-size:12px!important;
  line-height:1.3!important;
}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-meta,
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-desc{display:none!important}
html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card .product-bottom{margin-top:auto!important}
@media(max-width:650px){
 html body main[data-page="home"] #homeHitsGrid.zf412-hits-track > .product-card{
   width:clamp(164px,52vw,205px)!important;
   flex-basis:clamp(164px,52vw,205px)!important;
 }
}