/* ==========================================================
   M3 TECHNOLOGY — MOBILE V3.6
   Correção definitiva do espaço inferior em "COMPRAR EM".
   SOMENTE MOBILE.
   ========================================================== */

@media (max-width:760px){

  /* Dá ao card alguns pixels extras para o respiro inferior
     existir de verdade, sem apertar a linha superior. */
  .catalog-section .product-grid .product-card{
    height:504px!important;
    min-height:504px!important;
    max-height:504px!important;
  }

  /* Remove qualquer deslocamento artificial das versões anteriores. */
  .catalog-section .product-grid .market-icon-link,
  .catalog-section .product-grid .marketplace-icons,
  .catalog-section .product-grid .market-links,
  .catalog-section .product-grid .market-mini-links{
    transform:none!important;
  }

  /* A área "COMPRAR EM" ganha espaço próprio dentro do card. */
  .catalog-section .product-grid .market-mini{
    height:auto!important;
    min-height:76px!important;

    margin-top:auto!important;
    margin-bottom:0!important;

    padding-top:12px!important;
    padding-bottom:16px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;

    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Ícones ficam centralizados dentro da faixa,
     com margem real até a base do card. */
  .catalog-section .product-grid .market-mini-links{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin-left:auto!important;
  }

  .catalog-section .product-grid .market-icon-link{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;

    margin:0!important;
    align-self:center!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

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

  .catalog-section .product-grid .market-mini{
    min-height:74px!important;
    padding-top:11px!important;
    padding-bottom:15px!important;
  }
}