/* Supplied restaurant logos re-created as pixel art. Scoped to this section. */
#favorite-restaurants { display: none; }
@media (max-width: 414px) {
  #favorite-restaurants {
    display: block; box-sizing: border-box; width: 100%; max-width: 100%;
    padding: 0 25px 48px; color: #eee; background: transparent;
    scroll-margin-top: 24px;
  }
  #favorite-restaurants .favorite-restaurants__title {
    margin: 0; color: #eee; font-family: 'VT323', monospace;
    font-size: 50px; font-weight: 400; line-height: 1.25; letter-spacing: .05em;
    text-shadow: 3px 3px 0 rgba(120,181,89,.56);
  }
  #favorite-restaurants .favorite-restaurants__subtitle {
    margin: 8px 0 20px;
  }
  #favorite-restaurants .favorite-restaurants__grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
    padding: 0; margin: 0; list-style: none;
  }
  #favorite-restaurants .favorite-restaurants__slot {
    display: flex; align-items: center; justify-content: center; min-width: 0;
    height: 82px; margin: 0; box-sizing: border-box; padding: 14px 10px;
    background: #eee; border: 1px solid #d3d3d3; border-radius: 2px;
  }
  #favorite-restaurants .favorite-restaurants__slot--tenka {
    background: #303030; border-color: #494949;
  }
  #favorite-restaurants .favorite-restaurants__slot img {
    display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; image-rendering: pixelated;
  }
  #favorite-restaurants .favorite-restaurants__slot a {
    display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
  }
  #favorite-restaurants .favorite-restaurants__slot a:focus-visible {
    outline: 2px solid #367b1b; outline-offset: 5px;
  }
}
@media (max-width: 340px) {
  #favorite-restaurants { padding-right: 20px; padding-left: 20px; }
  #favorite-restaurants .favorite-restaurants__grid { gap: 9px; }
  #favorite-restaurants .favorite-restaurants__slot { height: 72px; }
}
@media (max-width: 414px) {
  #favorite-restaurants .favorite-restaurants__slot--thai {
    height: auto; aspect-ratio: 1; padding: 0; overflow: hidden;
    background: #8cdd20; border-color: #8cdd20;
  }
}
@media (max-width: 414px) {
  #favorite-restaurants .favorite-restaurants__slot--yakiniku {
    height: auto; aspect-ratio: 1; padding: 8px; background: #fff;
  }
}