/* OnezaMall One.v2.49 — complete product-picture fit + shorter selling cards. */

/* Every card image is shown completely. No crop, zoom or inherited transform. */
body.reference-storefront-v415 #productGrid .product-img.live-product-image{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 10!important;
  overflow:hidden!important;
  background:#f7f4ec!important;
}
body.reference-storefront-v415 #productGrid .catalog-card-gallery,
body.reference-storefront-v415 #productGrid .catalog-card-gallery-track,
body.reference-storefront-v415 #productGrid .catalog-card-gallery-slide{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f7f4ec!important;
}
body.reference-storefront-v415 #productGrid .catalog-card-gallery-slide{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
}
body.reference-storefront-v415 #productGrid .catalog-card-gallery-image,
body.reference-storefront-v415 #productGrid .catalog-card-gallery-slide img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  padding:3px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#f7f4ec!important;
}
body.reference-storefront-v415 #productGrid .catalog-card-gallery-image.active{
  transform:none!important;
}

/* Shorter, cleaner card body on desktop and tablet. */
body.reference-storefront-v415 #productGrid .product-card{
  height:auto!important;
  min-height:0!important;
}
body.reference-storefront-v415 #productGrid .product-body{
  gap:5px!important;
  min-height:0!important;
  height:auto!important;
  padding:9px!important;
}
body.reference-storefront-v415 #productGrid .product-card-identity{
  gap:5px!important;
  margin:0 0 3px!important;
}
body.reference-storefront-v415 #productGrid .product-card-identity>span{
  min-height:38px!important;
  padding:5px 7px!important;
  border-radius:9px!important;
}
body.reference-storefront-v415 #productGrid .product-card-identity small{
  margin-bottom:2px!important;
  font-size:6.5px!important;
  line-height:1!important;
}
body.reference-storefront-v415 #productGrid .product-card-identity b{
  font-size:8.5px!important;
  line-height:1.15!important;
}
body.reference-storefront-v415 #productGrid .product-card-title{
  min-height:30px!important;
  max-height:30px!important;
  margin:1px 0 2px!important;
  font-size:12px!important;
  line-height:1.25!important;
  -webkit-line-clamp:2!important;
}
body.reference-storefront-v415 #productGrid .product-card-code-line{
  min-height:14px!important;
  margin:0!important;
  font-size:7px!important;
}
body.reference-storefront-v415 #productGrid .product-card-price-row{
  min-height:26px!important;
  margin:0 0 2px!important;
}
body.reference-storefront-v415 #productGrid .product-card-price-row .product-card-price{
  font-size:15px!important;
}
body.reference-storefront-v415 #productGrid .product-card-feature-strip{
  gap:4px!important;
  margin:4px 0!important;
}
body.reference-storefront-v415 #productGrid .product-card-feature-strip span{
  min-height:42px!important;
  padding:4px 2px!important;
  border-radius:8px!important;
}
body.reference-storefront-v415 #productGrid .product-card-feature-strip i{
  font-size:13px!important;
  line-height:1!important;
}
body.reference-storefront-v415 #productGrid .product-card-feature-strip b{
  font-size:6.5px!important;
  line-height:1.05!important;
}
body.reference-storefront-v415 #productGrid .product-card-feature-strip small{
  font-size:5.5px!important;
  line-height:1!important;
}
body.reference-storefront-v415 #productGrid .product-card-actions{
  gap:5px!important;
}
body.reference-storefront-v415 #productGrid .product-card-actions .btn{
  min-height:32px!important;
  height:32px!important;
  padding:5px 4px!important;
  font-size:8px!important;
}

/* Normalize all available desktop card layouts without changing their column counts. */
@media (min-width:821px){
  body.reference-storefront-v415 #productGrid[data-card-style="classic-vertical"] .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style="premium-showcase"] .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style="luxury-gold"] .product-img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 10!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="classic-vertical"] .product-body,
  body.reference-storefront-v415 #productGrid[data-card-style="premium-showcase"] .product-body,
  body.reference-storefront-v415 #productGrid[data-card-style="luxury-gold"] .product-body{
    min-height:172px!important;
    padding:9px!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="compact-market"] .product-img{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4 / 3!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="compact-market"] .product-body{
    min-height:142px!important;
    padding:7px!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-card{
    min-height:220px!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-img{
    height:100%!important;
    min-height:220px!important;
    aspect-ratio:auto!important;
  }
  body.reference-storefront-v415 #productGrid[data-card-style="modern-horizontal"] .product-body{
    padding:10px!important;
  }
}

/* Mobile keeps two cards per row, but cards and image area are shorter. */
@media (max-width:820px){
  body.reference-storefront-v415 #productGrid .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style] .product-img,
  body.reference-storefront-v415 #productGrid .product-img.live-product-image{
    flex:0 0 112px!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    aspect-ratio:auto!important;
  }
  body.reference-storefront-v415 #productGrid .catalog-card-gallery-image,
  body.reference-storefront-v415 #productGrid .catalog-card-gallery-slide img{
    padding:2px!important;
  }
  body.reference-storefront-v415 #productGrid .product-body{
    gap:4px!important;
    padding:6px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-title{
    min-height:24px!important;
    max-height:24px!important;
    height:24px!important;
    margin:0 0 3px!important;
    font-size:9.5px!important;
    line-height:1.22!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-code-line{
    min-height:13px!important;
    height:13px!important;
    margin:0 0 3px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-price-row{
    min-height:19px!important;
    height:19px!important;
    margin:0 0 4px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-price-row .product-card-price{
    font-size:12px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-actions{
    min-height:28px!important;
    height:28px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-actions .btn{
    min-height:28px!important;
    height:28px!important;
    padding:3px 2px!important;
    font-size:7px!important;
  }
}
@media (max-width:360px){
  body.reference-storefront-v415 #productGrid .product-img,
  body.reference-storefront-v415 #productGrid[data-card-style] .product-img,
  body.reference-storefront-v415 #productGrid .product-img.live-product-image{
    flex-basis:104px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
  }
  body.reference-storefront-v415 #productGrid .product-card-title{
    min-height:23px!important;
    max-height:23px!important;
    height:23px!important;
    font-size:9px!important;
  }
}

html::after{content:"One.v2.49-selling-card-picture-fit-shorter";display:none}