/* R84 — descrição/especificações mais elegante e ficha sem recorte ao abrir */
@media(max-width:820px){
  /* Movimento do bottom sheet: um pouco mais lento e contínuo. */
  #r76InfoSheet,
  #r69InfoSheet{
    transition:opacity .30s ease!important;
  }
  #r76InfoSheet .r76-panel,
  #r69InfoSheet .r69-sheet-panel{
    transform:translate3d(0,104%,0)!important;
    transition:transform .46s cubic-bezier(.22,.72,.24,1)!important;
    will-change:transform;
    backface-visibility:hidden;
  }
  #r76InfoSheet.open .r76-panel,
  #r69InfoSheet.open .r69-sheet-panel{
    transform:translate3d(0,0,0)!important;
  }
  #r76InfoSheet .r76-content,
  #r69InfoSheet .r69-sheet-content{
    opacity:.22;
    transform:translateY(10px);
    transition:opacity .30s ease .10s,transform .40s cubic-bezier(.22,.72,.24,1) .06s;
  }
  #r76InfoSheet.open .r76-content,
  #r69InfoSheet.open .r69-sheet-content{
    opacity:1;
    transform:translateY(0);
  }

  /* Enquanto o painel está aberto, congela o scroller da ficha.
     Isso impede a imagem principal de redimensionar/pular no Safari/Chrome iOS. */
  body.r84-info-sheet-open #detailModal .modal-card.r84-detail-frozen{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.r84-info-sheet-open #detailModal .r30-gallery,
  body.r84-info-sheet-open #detailModal .r30-main-image{
    contain:layout paint!important;
    isolation:isolate!important;
  }
  body.r84-info-sheet-open #detailModal .r30-main-image{
    width:100%!important;
    aspect-ratio:1/1!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:20px!important;
    box-sizing:border-box!important;
  }
  body.r84-info-sheet-open #detailModal #r30MainProductImage,
  body.r84-info-sheet-open #detailModal .r30-main-image>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
    margin:auto!important;
    transform:translateZ(0)!important;
    backface-visibility:hidden!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #r76InfoSheet,#r69InfoSheet,
  #r76InfoSheet .r76-panel,#r69InfoSheet .r69-sheet-panel,
  #r76InfoSheet .r76-content,#r69InfoSheet .r69-sheet-content{
    transition:none!important;
  }
}