
/* ==========================================================
   M3 TECHNOLOGY — MOBILE V2.7
   CARDS COMPACTOS E PADRONIZADOS NA HOME MOBILE
   Desktop e páginas internas não são alterados.
   ========================================================== */

@media(max-width:760px){

  /* Mantém todos os cards com a mesma altura,
     mas reduz o excesso vertical da V2.6. */
  .catalog-section .product-grid .product-card{
    height:470px!important;
    min-height:470px!important;
    max-height:470px!important;
  }

  /* Área da imagem um pouco mais compacta */
  .catalog-section .product-grid .product-image{
    flex:0 0 205px!important;
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
    padding:14px!important;
  }

  .catalog-section .product-grid .product-image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  /* Corpo mais enxuto */
  .catalog-section .product-grid .product-body,
  .catalog-section .product-grid .card-body,
  .catalog-section .product-grid .product-content{
    padding-top:14px!important;
    padding-bottom:12px!important;
  }

  /* Categoria */
  .catalog-section .product-grid .product-category,
  .catalog-section .product-grid .category{
    margin-bottom:5px!important;
  }

  /* Título continua limitado a 2 linhas,
     mas com área reservada menor */
  .catalog-section .product-grid .product-title,
  .catalog-section .product-grid h3{
    min-height:2.35em!important;
    max-height:2.35em!important;
    margin-bottom:6px!important;
    line-height:1.15!important;
  }

  /* Descrição continua até 3 linhas,
     porém sem reservar área excessiva */
  .catalog-section .product-grid .product-description,
  .catalog-section .product-grid .description,
  .catalog-section .product-grid .product-excerpt{
    min-height:3.2em!important;
    max-height:3.2em!important;
    margin-bottom:6px!important;
    line-height:1.45!important;
  }

  /* Ações mais próximas do conteúdo */
  .catalog-section .product-grid .product-actions,
  .catalog-section .product-grid .card-actions{
    margin-top:auto!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }

  /* Marketplace preservado na base, mas compacto */
  .catalog-section .product-grid .marketplace-row,
  .catalog-section .product-grid .product-marketplaces,
  .catalog-section .product-grid .buy-row,
  .catalog-section .product-grid .market-mini{
    flex:0 0 auto!important;
    margin-top:0!important;
    padding-top:8px!important;
  }

  /* reduz um pouco o espaço abaixo do carrossel */
  .m3-mobile-carousel-ui{
    margin-top:8px!important;
  }
}

@media(max-width:390px){
  .catalog-section .product-grid .product-card{
    height:455px!important;
    min-height:455px!important;
    max-height:455px!important;
  }

  .catalog-section .product-grid .product-image{
    flex-basis:195px!important;
    height:195px!important;
    min-height:195px!important;
    max-height:195px!important;
  }
}
