.trip-inspiration { margin: 0 0 28px; }
.trip-inspiration h2 { margin: 0 0 24px; color: #101114; font-size: clamp(21px, 2.3vw, 28px); font-weight: 800; letter-spacing: -.7px; }
.inspiration-carousel { position: relative; }
.inspiration-track { display: flex; align-items: flex-start; gap: 16px; overflow-x: auto; padding: 2px 2px 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.inspiration-track::-webkit-scrollbar { display: none; }
.inspiration-card { position: relative; isolation: isolate; flex: 0 0 calc((100% - 64px) / 5); min-width: 180px; height: 102px; padding: 12px; border: 0; border-radius: 8px; background: #18376b; color: #fff; text-align: left; cursor: pointer; scroll-snap-align: start; font: inherit; }
.inspiration-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; z-index: -2; }
.inspiration-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(transparent 20%, rgba(0,0,0,.7)); z-index: -1; }
.inspiration-tag { display: inline-block; padding: 3px 5px; border-radius: 2px; background: rgba(255,255,255,.86); color: #202534; font-size: 10px; }
.inspiration-name { position: absolute; left: 12px; bottom: 12px; font-size: 22px; font-weight: 800; }
.inspiration-card.is-selected::before { background: linear-gradient(rgba(24,55,107,.2), rgba(30,69,205,.9)); }
.inspiration-card.is-selected::after { content: ''; position: absolute; bottom: -8px; left: calc(50% - 8px); width: 16px; height: 16px; background: #2348c8; transform: rotate(45deg); border-radius: 2px; }
.inspiration-card:hover { filter: brightness(1.1); }
.inspiration-card:focus-visible, .inspiration-arrow:focus-visible { outline: 3px solid #0077b6; outline-offset: 2px; }
.inspiration-arrow { position: absolute; top: 32px; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: white; color: #182132; box-shadow: 0 4px 16px #18213220; font-size: 30px; cursor: pointer; }
.inspiration-arrow[hidden] { display: none; }
.inspiration-prev { left: -14px; }
.inspiration-next { right: -14px; }
.inspiration-status { margin: 0; color: #647084; font-size: 13px; }
.inspiration-status:empty { display: none; }
@media (max-width: 768px) {
  .trip-inspiration { padding: 0 12px; }
  .trip-inspiration h2 { margin-bottom: 18px; }
  .inspiration-card { flex-basis: 200px; }
}