/* Related/upsell wrappers and their product lists are separate layout levels. */
.woocommerce :is(.related,.up-sells).products{
  display:block!important;float:none!important;clear:both;width:100%;max-width:100%;
  box-sizing:border-box;margin:48px 0 0;padding:0;min-width:0
}
.woocommerce :is(.related,.up-sells).products>h2{
  display:block;width:100%;margin:0 0 28px;font:500 28px/1.35 Lexend,Arial,sans-serif;letter-spacing:-.02em
}
.woocommerce :is(.related,.up-sells).products>ul.products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:40px 24px;width:100%;max-width:100%;margin:0!important;padding:0!important;float:none;list-style:none;box-sizing:border-box
}
.woocommerce :is(.related,.up-sells).products>ul.products::before,
.woocommerce :is(.related,.up-sells).products>ul.products::after{display:none!important}
.woocommerce :is(.related,.up-sells).products>ul.products>li.lss-product{
  float:none!important;clear:none!important;width:auto!important;min-width:0;max-width:100%;
  margin:0!important;padding:0;display:flex;flex-direction:column;box-sizing:border-box
}
.woocommerce :is(.related,.up-sells).products .lss-product-image{
  display:block;position:relative;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:1;box-sizing:border-box
}
.woocommerce :is(.related,.up-sells).products .lss-product-image img{
  display:block;width:100%!important;max-width:100%;height:auto!important;aspect-ratio:1;
  object-fit:contain;box-sizing:border-box;padding:24px;margin:0!important
}
.woocommerce :is(.related,.up-sells).products .lss-product-info{display:flex;flex:1;flex-direction:column;min-width:0;text-align:center}
.woocommerce :is(.related,.up-sells).products .woocommerce-loop-product__title{
  width:100%;font:600 16px/1.5 Lexend,Arial,sans-serif;padding:0;margin:6px 0 0;white-space:normal;overflow-wrap:anywhere;word-break:normal
}
.woocommerce :is(.related,.up-sells).products .price{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px;
  margin:12px 0 0;font:600 18px/1.5 Lexend,Arial,sans-serif;color:#171717
}
.woocommerce :is(.related,.up-sells).products .price ins{background:transparent;text-decoration:none}
.woocommerce :is(.related,.up-sells).products .price del{font:400 14px/1.5 Inter,Arial,sans-serif;color:#737373;order:2}
.woocommerce :is(.related,.up-sells).products .lss-product-actions{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;min-width:0
}
.woocommerce :is(.related,.up-sells).products .lss-product-actions>.button,
.woocommerce :is(.related,.up-sells).products .lss-product-actions>.lss-product-view{
  flex:1 1 0;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere;padding:10px 8px;box-sizing:border-box
}
@media(max-width:1023px){
  .woocommerce :is(.related,.up-sells).products>ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .woocommerce :is(.related,.up-sells).products{margin-top:32px}
  .woocommerce :is(.related,.up-sells).products>h2{font-size:24px;margin-bottom:24px}
  .woocommerce :is(.related,.up-sells).products>ul.products{gap:32px 16px}
  .woocommerce :is(.related,.up-sells).products .lss-product-image img{padding:16px}
  .woocommerce :is(.related,.up-sells).products .woocommerce-loop-product__title{font-size:14px}
  .woocommerce :is(.related,.up-sells).products .lss-product-actions{flex-direction:column}
  .woocommerce :is(.related,.up-sells).products .lss-product-actions>.button,
  .woocommerce :is(.related,.up-sells).products .lss-product-actions>.lss-product-view{width:100%;flex:none}
}