/* MyListOnline MVP navigation layer. Stitch UI remains the visual source of truth. */
html { background: #e9eef8; }
body { background: #f8f9ff; }

/* Render the same gift glyph before JavaScript loads, preventing a heart flash. */
nav a[data-path="mis-deseos"] > .material-symbols-outlined {
  font-size: 0 !important;
}
nav a[data-path="mis-deseos"] > .material-symbols-outlined::before {
  content: "featured_seasonal_and_gifts";
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-size: 24px !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 600px) {
  body { max-width: 430px; margin-left: auto !important; margin-right: auto !important; box-shadow: 0 0 40px rgba(18,28,42,.14); }
  body > header.fixed,
  body > nav.fixed,
  body > footer.fixed {
    width: 430px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}