
/* BOND BIGODI - HOTFIX V0.7.1.9.14.2
   1 PRODUTO = 1 BOTÃO. BOTÃO SEMPRE NO RODAPÉ. */

html body .bb-product-unified,
html body .bb-product-unified .bbpu-ui,
html body .bb-product-unified .bbpu-body{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
}

html body .bb-product-unified{
  min-height:350px!important;
}

html body .bb-product-unified .bbpu-body{
  flex:1 1 auto!important;
}

/* Preço e botão ficam encostados no rodapé do card. */
html body .bb-product-unified .bbpu-price{
  margin-top:auto!important;
  flex:0 0 auto!important;
}

html body .bb-product-unified .bbpu-add{
  flex:0 0 40px!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  align-self:stretch!important;
}

/* Cada célula da loja estica o card até a mesma altura da linha. */
html body #storeProductGrid,
html body #bnClientStoreGrid,
html body .store-product-grid,
html body .store-catalog-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
}

html body #storeProductGrid > *,
html body #bnClientStoreGrid > *,
html body .store-product-grid > *,
html body .store-catalog-grid > *{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  height:100%!important;
  min-width:0!important;
}

html body [data-bbpu-item="1"] .bb-product-unified{
  flex:1 1 auto!important;
  height:100%!important;
}

/* Proteção instantânea enquanto o JS remove qualquer ação antiga reinjetada. */
html body [data-bbpu-item="1"] button[data-bbpu-legacy-action="1"],
html body [data-bbpu-item="1"] a[data-bbpu-legacy-action="1"]{
  display:none!important;
}

@media (min-width:700px){
  html body #storeProductGrid,
  html body #bnClientStoreGrid,
  html body .store-product-grid,
  html body .store-catalog-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:1080px){
  html body #storeProductGrid,
  html body #bnClientStoreGrid,
  html body .store-product-grid,
  html body .store-catalog-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
