/* Oficina de Optica V27 — produtos relacionados e selo Novo */

/* Em paginas de produto, organiza "Voce tambem pode gostar": 4 no computador. */
.block-product__related-products .product-list__content{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  overflow:visible!important;
}
.block-product__related-products .product-list__link{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  text-decoration:none!important;
}
.block-product__related-products .product-list-item{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
.block-product__related-products .product-list-item__content{
  width:100%!important;
  min-width:0!important;
}
.block-product__related-products .product-list-item__image-wrapper{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f7fafb!important;
}
.block-product__related-products .product-list-item__image-wrapper img,
.block-product__related-products .ecommerce-product-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.block-product__related-products .product-list-item__details{
  padding:12px 10px 10px!important;
  box-sizing:border-box!important;
}
.block-product__related-products .product-list-item__title{
  font-size:14px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.block-product__related-products .product-list-item__price-wrapper,
.block-product__related-products .product-list-item__price-wrapper p,
.block-product__related-products .product-list-item__price-wrapper span{
  font-size:13px!important;
  line-height:1.25!important;
}
.block-product__related-products .product-list-item__button-wrapper{
  padding:0 10px 12px!important;
  box-sizing:border-box!important;
}
.block-product__related-products .product-list-item__button{
  width:100%!important;
  min-width:0!important;
  padding:9px 8px!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.block-product__related-products .block-product-list__category{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

/* O selo Novo do autorefrator nao deve cobrir o equipamento. */
a[href*="auto-refrator-totalmente-automatico-somente-sob-consulta"] .ecommerce-product-ribbon{
  top:6px!important;
  left:6px!important;
  right:auto!important;
  margin:0!important;
  padding:3px 7px!important;
  min-width:0!important;
  max-width:max-content!important;
  max-height:none!important;
  border-radius:999px!important;
  line-height:1!important;
  z-index:2!important;
}
a[href*="auto-refrator-totalmente-automatico-somente-sob-consulta"] .ecommerce-product-ribbon__text{
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:600!important;
  white-space:nowrap!important;
}

/* Celular/tablet: exatamente 2 produtos por linha. */
@media(max-width:920px){
  .block-product__related-products{
    margin-top:52px!important;
  }
  .block-product__related-products .product-list__content{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .block-product__related-products .product-list-item{
    border-radius:12px!important;
  }
  .block-product__related-products .product-list-item__details{
    padding:9px 8px 8px!important;
  }
  .block-product__related-products .product-list-item__title{
    font-size:13px!important;
    line-height:1.22!important;
  }
  .block-product__related-products .product-list-item__price-wrapper,
  .block-product__related-products .product-list-item__price-wrapper p,
  .block-product__related-products .product-list-item__price-wrapper span{
    font-size:12px!important;
  }
  .block-product__related-products .product-list-item__button-wrapper{
    padding:0 8px 9px!important;
  }
  .block-product__related-products .product-list-item__button{
    padding:8px 5px!important;
    font-size:11px!important;
  }
  a[href*="auto-refrator-totalmente-automatico-somente-sob-consulta"] .ecommerce-product-ribbon{
    top:5px!important;
    left:5px!important;
    padding:2px 6px!important;
  }
  a[href*="auto-refrator-totalmente-automatico-somente-sob-consulta"] .ecommerce-product-ribbon__text{
    font-size:9px!important;
  }
}