/************ LAYOUT GRID CATEGORIAS ************/

#menuGridCategories {
  padding: 20px 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* número de colunas dinâmico com quadros com min 100px */
  gap: 14px; 
}

.categoryGrid{
  box-sizing: border-box; /* Garante que padding/bordas sejam inclusos na largura total */
  text-align: center;
}

.categoryGrid img{
  border-radius: 15px;
  width: 100%;
}

p.categoryName{
  font-family: Lato;
  color: #444;
  font-size: 16px;
  padding: 0;
  margin: 8px 0;
  vertical-align: baseline;
  text-transform: capitalize;
  line-height: initial;
  font-weight: 500;
}

.inputQuantityProduct{
  background-color: transparent;
  border: none;
}

@media (max-width: 768px) {
  #menu-grid-categories {
    gap: 12px; /* Reduz o espaçamento em telas menores */
  }
}

@media (max-width: 480px) {
  #menu-grid-categories {
    gap: 10px; /* Espaçamento ainda menor para dispositivos móveis */
  }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 

  .qtd_txt{
    width: 30px!important;
    line-height: 30px!important;
  }

  .btn_qtd_card{
    width: 116px!important;
  }

  .btn_qtd_pedido{
    width: 98px!important;
  }
}