/* Oud-Beijerland.org V0.3.6.3.6 - routes mobile hero/category refinement */
@media (max-width: 680px) {
  /* Routes only: crop Sabina to head + upper body on mobile. */
  .listing-hero-routes-v0363 {
    min-height: 330px !important;
  }
  .listing-hero-routes-v0363 .listing-hero-copy-v0363 {
    max-width: 67% !important;
    position: relative;
    z-index: 4;
  }
  .listing-hero-routes-v0363 .listing-hero-art-v0363 {
    top: 0 !important;
    right: -12px !important;
    width: 46% !important;
    height: 67% !important;
    overflow: hidden;
    z-index: 3;
  }
  .listing-hero-routes-v0363 .listing-hero-art-v0363 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 48% 8% !important;
    transform: scale(1.34) !important;
    transform-origin: 50% 10% !important;
    filter: drop-shadow(-10px 10px 14px rgba(0,0,0,.2));
  }

  /* Category chips are the primary route category chooser on mobile. */
  .content-switch {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    padding: 2px 2px 10px !important;
    margin-bottom: 14px !important;
    scrollbar-width: none;
  }
  .content-switch::-webkit-scrollbar { display: none; }
  .content-switch a {
    flex: 0 0 auto !important;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 22px !important;
    border-radius: 999px !important;
    scroll-snap-align: start;
    white-space: nowrap;
    font-weight: 850;
  }

  /* Avoid offering the same route-type choice twice on mobile. */
  .content-filter select[name="type"] {
    display: none !important;
  }
  .content-filter {
    gap: 12px !important;
  }
  .content-filter input[name="q"],
  .content-filter select[name="place"],
  .content-filter button {
    width: 100% !important;
    min-height: 52px !important;
  }
}