/* AKIRA — ajuste visual aprobado de la carta, 28/10/2026
   Sólo afecta a esta copia de laboratorio. No altera platos, precios, idiomas ni originales. */

/* El scroll vertical sigue funcionando pero no se ven las barras grises del navegador. */
.phone-mockup .app-stage,
.phone-mockup .ita-categories,
.phone-mockup .ita-modal-scroll,
.phone-mockup .cni-beverage-content {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.phone-mockup .app-stage::-webkit-scrollbar,
.phone-mockup .ita-categories::-webkit-scrollbar,
.phone-mockup .ita-modal-scroll::-webkit-scrollbar,
.phone-mockup .cni-beverage-content::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Cuatro filtros siempre visibles en cuadrícula 2 × 2, sin desplazamiento horizontal. */
#view-carta .ita-categories {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  padding: 0 15px 16px;
  overflow: visible;
  width: 100%;
}
#view-carta .ita-chip {
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px;
  white-space: normal;
  text-align: center;
  font-size: 11px;
  line-height: 1.22;
  letter-spacing: .01em;
  font-weight: 750;
  border-radius: 12px;
  box-shadow: none;
}
#view-carta .ita-chip.active {
  background: #663b34 !important;
  border-color: #d5a982 !important;
  color: #fff5df !important;
}

/* La vista se adapta al contenido: eliminamos el mínimo forzado heredado. */
#view-carta {
  min-height: 0 !important;
  padding-bottom: 10px;
}
#view-carta .ita-section-banner {
  margin-bottom: 15px;
}

/* Tarjeta gastronómica más legible y menos apelotonada. */
#view-carta .ita-catalogue {
  padding: 0 15px;
  gap: 12px;
}
#view-carta .ita-product-card {
  min-height: 174px;
  border-radius: 15px;
  border-color: #667069 !important;
  background: linear-gradient(120deg,#1b2829,#172123) !important;
}
#view-carta .ita-product-photo {
  flex: 0 0 40%;
  width: 40%;
  align-self: stretch;
}
#view-carta .ita-product-photo img {
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 3px;
  object-fit: contain;
  background: radial-gradient(circle at center,#4e3d2d,#1c2424 80%);
}
#view-carta .ita-product-text {
  padding: 13px 11px 12px;
  gap: 5px;
}
#view-carta .ita-product-text h3 {
  font-size: 20px;
  line-height: 1.12;
  overflow-wrap: break-word;
}
#view-carta .ita-product-text p {
  font-size: 11.5px;
  line-height: 1.48;
  color: #ddd5c9;
  -webkit-line-clamp: 4;
}
#view-carta .ita-product-footer {
  margin-top: auto;
  align-items: center;
  flex-wrap: wrap;
}
#view-carta .ita-product-footer small {
  font-size: 10px;
  line-height: 1.25;
}
#view-carta .ita-product-footer > span {
  font-size: 11px;
}

/* CTA secundario, no el elemento dominante de la página. */
#view-carta .ita-selection-trigger {
  min-height: 43px;
  width: calc(100% - 30px);
  padding: 9px 12px;
  margin: 13px auto 10px;
  font-size: 12px;
  font-weight: 750;
  border-radius: 11px;
  background: #533d37;
  border-color: #a17e61;
}
#view-carta #selectionCount {
  min-width: 22px;
  width: 22px;
  height: 22px;
  font-size: 11px;
}
#view-carta .ita-legal {
  margin: 6px 17px 14px;
  color: #b8b8b0;
  font-size: 10.5px;
  line-height: 1.5;
}

@media (max-width: 340px) {
  #view-carta .ita-categories {gap: 7px;padding: 0 10px 13px;}
  #view-carta .ita-chip {min-height: 42px;padding: 8px 6px;font-size: 10px;}
  #view-carta .ita-catalogue {padding: 0 10px;}
  #view-carta .ita-product-card {min-height: 176px;}
  #view-carta .ita-product-photo {flex-basis: 39%;width: 39%;}
  #view-carta .ita-product-text {padding: 10px 9px;}
  #view-carta .ita-product-text h3 {font-size: 17px;}
  #view-carta .ita-product-text p {font-size: 11px;line-height: 1.4;}
}