.public-hero>article{min-width:0;overflow:hidden}
.public-hero>article>i{position:relative;display:block;height:170px;overflow:hidden;isolation:isolate}
.public-hero>article>i>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
.public-grid>article{height:168px;min-height:168px;align-items:stretch}
.public-product-image{position:relative;display:block;width:100%;height:168px;min-width:0;min-height:0;overflow:hidden}
.public-product-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}
.public-product-image>span{position:absolute;inset:0;display:grid;place-items:center}
.public-grid>article>div{min-width:0;min-height:0;overflow:hidden}
.public-grid h3,.public-grid p{overflow:hidden;text-overflow:ellipsis}
.public-grid p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media(max-width:800px){
  .public-grid>article{height:148px;min-height:148px;grid-template-columns:112px minmax(0,1fr)}
  .public-product-image{height:148px}
}
@media(max-width:420px){
  .public-grid>article{height:138px;min-height:138px;grid-template-columns:104px minmax(0,1fr)}
  .public-product-image{height:138px}
  .public-grid>article>div{padding:11px}
}