/* R81 — estabilidade da jornada mobile: admin compacto + ficha sem salto visual */

/* No celular, o Admin usa a mesma escala de mídia do catálogo público: duas peças por linha. */
@media(max-width:520px){
  .r34-admin-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .r34-admin-card{
    min-width:0!important;
    border-radius:15px!important;
  }
  .r34-admin-product-image{
    width:100%!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
  }
  .r34-admin-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    box-sizing:border-box!important;
    padding:18px!important;
    transform:none!important;
  }
  .r34-admin-card-body{padding:10px 10px 8px!important;gap:4px!important}
  .r34-admin-card h3{
    min-height:0!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  .r34-admin-price{font-size:17px!important}
  .r34-admin-code,.r34-admin-media{font-size:9px!important;overflow-wrap:anywhere}
  .r34-quality{gap:3px!important}
  .r34-quality span{font-size:8px!important;padding:3px 4px!important}
  .r34-admin-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
    gap:4px!important;
    padding:8px!important;
  }
  .r34-admin-actions .btn{
    min-width:0!important;
    min-height:34px!important;
    padding:6px 4px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }
  .r34-admin-actions .r34-trash{width:34px!important;padding:6px!important}
}

/* A ficha só aparece depois que o viewport do teclado/busca terminou de se recompor. */
body.r81-search-opening #detailModal{visibility:hidden!important}

/* Regra final da foto da ficha: quadro estável, produto inteiro e sem animações conflitantes. */
@media(max-width:820px){
  #detailModal.open .modal-card{
    animation:none!important;
    overflow-x:hidden!important;
  }
  #detailModal .r30-gallery{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#f5f5f5!important;
  }
  #detailModal .r30-main-image{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:clamp(240px,68vw,320px)!important;
    min-height:clamp(240px,68vw,320px)!important;
    max-height:320px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    padding:16px!important;
    box-sizing:border-box!important;
    background:#f5f5f5!important;
  }
  #detailModal #r30MainProductImage,
  #detailModal .r30-main-image>img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0!important;
    margin:auto!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  #detailModal .r30-thumb img{
    transform:none!important;
    transition:none!important;
  }
}