/* Empório Pet — correção final do modal de produto e feedback do carrinho. */

/* A foto principal deve sempre aparecer inteira, independentemente da proporção original. */
.product-details-v2-layer .pdv2-main{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
}
.product-details-v2-layer .pdv2-main>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  padding:16px!important;
}
.product-details-v2-layer .pdv2-thumb>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}

/* O toast antigo ficava atrás do modal (modal z-index 150). */
html body .toast{
  z-index:320!important;
  pointer-events:none!important;
  max-width:min(92vw,420px)!important;
  width:max-content!important;
  border-radius:10px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
  text-align:center!important;
  font-weight:700!important;
}
html body .toast.show{
  z-index:320!important;
}

@media(max-width:760px){
  .product-details-v2-layer .pdv2-main{
    height:min(72vw,330px)!important;
    min-height:220px!important;
  }
  .product-details-v2-layer .pdv2-main>img{
    padding:10px!important;
  }
  html body .toast{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    transform:translateY(100px)!important;
    padding:14px 16px!important;
    font-size:12px!important;
  }
  html body .toast.show{
    transform:translateY(0)!important;
  }
}