/* +PHARMA v3.79 — Related products: 3 desktop / 2 mobile */
.single-product .related.products{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  margin:42px 0 0!important;
}
.single-product .related.products > h2{
  margin:0 0 24px!important;
}
.single-product .related.products ul.products{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.single-product .related.products ul.products::before,
.single-product .related.products ul.products::after{display:none!important}
.single-product .related.products ul.products li.product{
  float:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  height:100%!important;
}

@media (max-width:820px){
  .single-product .related.products{
    margin-top:30px!important;
    text-align:left!important;
  }
  .single-product .related.products > h2{
    font-size:clamp(28px,9vw,38px)!important;
    line-height:1!important;
    margin-bottom:16px!important;
  }
  .single-product .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    max-width:none!important;
    margin:0!important;
  }
  /* PHP returns only three recommendations. On mobile show exactly two. */
  .single-product .related.products ul.products li.product:nth-child(n+3){
    display:none!important;
  }
  .single-product .related.products ul.products li.product{
    padding:9px!important;
    border-radius:14px!important;
  }
  .single-product .related.products ul.products li.product a img{
    width:100%!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    margin:0 0 8px!important;
  }
  .single-product .related.products ul.products li.product .woocommerce-loop-product__title{
    font-size:14px!important;
    line-height:1.15!important;
    min-height:32px!important;
    overflow-wrap:anywhere!important;
  }
  .single-product .related.products ul.products li.product .price{
    font-size:14px!important;
    margin:6px 0 9px!important;
  }
  .single-product .related.products ul.products li.product .button{
    width:100%!important;
    min-height:38px!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:10px!important;
    line-height:1.05!important;
    border-radius:9px!important;
  }
}