
/* ==========================================================
   M3 TECHNOLOGY — MOBILE V3.2
   Uniformiza a área "COMPRAR EM" dos cards da HOME MOBILE.
   SOMENTE MOBILE.
   ========================================================== */

@media (max-width:760px){

  /* Área inferior com altura e alinhamento idênticos em todos os cards */
  .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:68px!important;
    height:68px!important;
    padding-top:10px!important;
    padding-bottom:14px!important;
    margin-top:0!important;
    margin-bottom:0!important;

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

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

  /* Mantém "COMPRAR EM" sempre na mesma posição */
  .catalog-section .product-grid .marketplace-row > span:first-child,
  .catalog-section .product-grid .product-marketplaces > span:first-child,
  .catalog-section .product-grid .buy-row > span:first-child,
  .catalog-section .product-grid .market-mini > span:first-child{
    flex:0 0 auto!important;
    margin:0!important;
    align-self:center!important;
  }

  /* Agrupamento dos ícones sempre alinhado à direita */
  .catalog-section .product-grid .marketplace-icons,
  .catalog-section .product-grid .market-links,
  .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;
  }

  /* Um ou dois marketplaces usam exatamente a mesma caixa visual */
  .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;
  }

  /* Evita que o último ícone desça ou encoste na borda */
  .catalog-section .product-grid .market-icon-link:last-child{
    margin-right:0!important;
  }
}

@media (max-width:390px){
  .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:66px!important;
    height:66px!important;
    padding-bottom:13px!important;
  }
}
