/* route: Cibo (hub) — Blocco 8 · B7B3a. Estratto da cibo.html inline. */
[data-route="cibo"] .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
@media (min-width: 760px) { [data-route="cibo"] .grid { grid-template-columns: repeat(3, 1fr); gap: 16px; } }

[data-route="cibo"] .tile {
  background: #fff; border: 1px solid var(--line); border-radius: 18px;
  padding: 16px 15px 15px; text-decoration: none; color: var(--ink);
  display: flex; flex-direction: column; gap: 9px; min-height: 130px;
  box-shadow: 0 6px 20px rgba(60, 90, 60, .07);
  transition: transform .12s ease, box-shadow .12s ease;
}
[data-route="cibo"] .tile:active { transform: scale(.97); box-shadow: 0 3px 10px rgba(60, 90, 60, .12); }
[data-route="cibo"] .tile .ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; }
[data-route="cibo"] .tile .ic svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[data-route="cibo"] .tile b { font-size: .96rem; font-weight: 600; }
[data-route="cibo"] .tile span { font-size: .75rem; color: var(--muted); line-height: 1.3; }

[data-route="cibo"] #install-wrap { margin-top: 20px; text-align: center; }
[data-route="cibo"] #install-btn {
  background: var(--green); color: #fff; border: none; border-radius: 22px;
  padding: 11px 20px; font: 600 .88rem 'Poppins', Arial, sans-serif; cursor: pointer;
}
[data-route="cibo"] #ios-hint {
  margin-top: 12px; font-size: .78rem; color: var(--muted);
  background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 11px 13px; display: none;
}