/* ==========================================================
   M3 TECHNOLOGY — MOBILE V3.1
   Ajustes pontuais no carrossel mobile:
   1) impede o card ativo de "subir" e ter o topo cortado;
   2) aumenta o respiro inferior da área "COMPRAR EM".
   SOMENTE MOBILE.
   ========================================================== */

@media (max-width:760px){

  /* Dá uma margem de segurança vertical ao carrossel */
  .catalog-section .product-grid{
    padding-top:10px!important;
    padding-bottom:14px!important;
    scroll-padding-top:10px!important;
    align-items:stretch!important;
  }

  /* Garante que nenhum card sofra deslocamento vertical ao focar/selecionar */
  .catalog-section .product-grid .product-card,
  .catalog-section .product-grid .product-card:focus,
  .catalog-section .product-grid .product-card:focus-within,
  .catalog-section .product-grid .product-card:active{
    transform:none!important;
    translate:none!important;
    top:auto!important;
    margin-top:0!important;
    scroll-margin-top:10px!important;
  }

  /* Evita efeito hover/elevação herdado em aparelhos touch */
  .catalog-section .product-grid .product-card:hover{
    transform:none!important;
  }

  /* Mantém a área inferior bem acomodada dentro do card */
  .catalog-section .product-grid .marketplace-row,
  .catalog-section .product-grid .product-marketplaces,
  .catalog-section .product-grid .buy-row,
  .catalog-section .product-grid .market-mini{
    min-height:64px!important;
    padding-top:10px!important;
    padding-bottom:16px!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
  }

  /* Ícones ligeiramente afastados da borda inferior */
  .catalog-section .product-grid .market-icon-link{
    margin-bottom:2px!important;
  }
}

@media (max-width:390px){
  .catalog-section .product-grid{
    padding-top:9px!important;
  }

  .catalog-section .product-grid .marketplace-row,
  .catalog-section .product-grid .product-marketplaces,
  .catalog-section .product-grid .buy-row,
  .catalog-section .product-grid .market-mini{
    padding-bottom:15px!important;
  }
}