/* ── Telefonmenü: dieselbe Ordnung wie der Kopf des Desktops ──────────────
 *
 * Der Entwurf legte alle zehn Seiten in eine Reihe gleich grosser Einträge.
 * Am Rechner sind es vier Hauptpunkte und ein «Más»; am Telefon sah dieselbe
 * Seite anders aus, und «Tienda» stand an achter Stelle.
 *
 * Diese Datei ergänzt nur, was dafür fehlt: die Beschriftung der zweiten
 * Reihe und den hellen Knopf im Fuss. Alles andere — Schrift, Linien,
 * gestaffeltes Einblenden — bleibt vom Entwurf.
 */

/* Die Überschrift der zweiten Reihe. Kein Link, nur eine Marke. */
.mnav__mas {
  display: block;
  margin: 26px 0 2px;
  padding: 0 2px;
  font-family: var(--sans);
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--terra);
}

/* Zweite Reihe: etwas kleiner als die erste, sonst gleich.
   Die Deckkraft wird nicht angefasst — daran hängt das Einblenden. */
.mnav__links a.mnav__i {
  font-size: clamp(.92rem, 3.7vw, 1.1rem);
}

/* «Tarjeta regalo» im Fuss: heller Knopf, wie im Kopf des Desktops.
   .btn-r bringt Grösse, Abstand und Schrift schon mit. */
.mnav__foot .btn-r--ghost {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line);
  margin-bottom: 10px;
}
.mnav__foot .btn-r--ghost:active {
  border-color: var(--terra);
  color: var(--terra);
}
/* «act» ist die Markierung des Entwurfs für die Seite, auf der man steht —
   nicht zu verwechseln mit :active oben, das den Fingerdruck meint. */
.mnav__foot .btn-r--ghost.act {
  border-color: var(--terra);
  color: var(--terra);
}