.mobile-trip-actions { display: none; }

.place-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.place-tags span { border-radius: 999px; background: #f1e9bb; color: #53634f; padding: 3px 7px; font: 9px 'DM Mono', monospace; letter-spacing: .1px; }
.place-tags span:nth-child(2n) { background: #dcebe2; }
.place-tags span:nth-child(3n) { background: #f5ddd2; }
.place-card.visited { opacity: .68; }
.place-card.visited .visit { background: #d9e8b3; color: #355242; }

@media (max-width: 700px) {
  .modal-wrap { align-items: center; overflow-y: auto; padding: 16px; }
  .modal, .place-modal { width: 100%; max-width: calc(100vw - 32px); max-height: calc(100svh - 32px); overflow-y: auto; }
  .modal .close { position: absolute; z-index: 1; }
  .mobile-trip-actions { display: flex; gap: 8px; margin: 0 0 22px; padding: 9px 11px; background: #edf0df; border-radius: 16px; }
  .mobile-trip-actions .text-action { flex: 1; margin: 0; padding: 7px 8px; border-radius: 11px; background: #fffdf8; color: #355e4b; text-align: center; box-shadow: 1px 2px 0 rgba(25,53,45,.1); }
  .place-card { align-items: flex-start; flex-wrap: wrap; }
  .place-info { min-width: calc(100% - 62px); }
  .place-card .place-tag { margin-left: 59px; }
  .place-card .visit { margin-left: auto; }
  .filter-bar { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 10px; }
  .filter-bar button { white-space: nowrap; flex: 0 0 auto; }
}