/* Seções clicáveis: mesma composição visual dos Destaques, em duas colunas. */
.rustrial-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.rustrial-card-grid .rustrial-visual-card {
  min-width: 0;
  min-height: 190px;
  padding: 16px;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 7px;
  overflow: hidden;
  color: #fff;
  background-color: #211914;
  background-position: center;
  background-size: cover;
  text-align: left;
  box-shadow: 0 12px 28px rgba(35, 22, 15, .15);
}

.rustrial-card-grid .rustrial-visual-card.rustrial-card-no-image {
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, .10), transparent 31%),
    linear-gradient(155deg, #3b2c23, #17120f);
}

.rustrial-card-grid .rustrial-visual-card > div {
  width: 100%;
}

.rustrial-card-grid .rustrial-visual-card h3 {
  color: #fff;
  font-size: 18px;
  line-height: 1.08;
  overflow-wrap: anywhere;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .75);
}

/* Nas seções comuns, o resumo mostra nome + preço. A descrição continua no modal. */
.rustrial-card-grid .rustrial-visual-card p {
  display: none;
}

.rustrial-card-grid .rustrial-visual-card .item-price {
  width: 100%;
  align-self: flex-start;
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
  text-align: left;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .8);
}

.rustrial-card-grid .rustrial-visual-card .item-price small,
.rustrial-card-grid .rustrial-visual-card .multi-price small {
  color: rgba(255, 255, 255, .78);
  text-align: left;
}

.rustrial-card-grid .rustrial-visual-card .multi-price {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.rustrial-card-grid .rustrial-visual-card .multi-price span {
  justify-items: start;
}

/* Mantém duas colunas também nos celulares menores. */
@media (max-width: 370px) {
  .rustrial-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .rustrial-card-grid .rustrial-visual-card {
    min-height: 172px;
    padding: 13px;
  }

  .rustrial-card-grid .rustrial-visual-card h3 {
    font-size: 16px;
  }
}