/* Treinserie-pagina (/series, /series/{nr}) */
  main {
    --series-panel-width: 520px;
    overflow: hidden !important;
  }

  #series-map {
    height: 100%;
  }

  #ts-side-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--series-panel-width);
    z-index: 50;
    display: flex;
    flex-direction: column;
  }

  #ts-content > .bg-white {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }

  /* Filter balk semi-transparant zodat glass-panel doorschijnt */
  #ts-side-panel > div.bg-white {
    background: rgba(255, 255, 255, 0.6) !important;
  }

  /* Ritdetail fragment in zijpaneel: geen kaartboxen */
  #ts-main-content h2 {
    padding-left: 0.75rem;
  }
  #ts-main-content .rounded-xl {
    border-radius: 0;
  }
  #ts-main-content .shadow-sm {
    box-shadow: none;
  }
  #ts-main-content .bg-white.rounded-xl.border.shadow-sm {
    border-left: none;
    border-right: none;
    background: rgba(255, 255, 255, 0.55) !important;
  }

  @media (max-width: 767px) {
    #ts-side-panel {
      top: auto !important;
      left: 0 !important;
      right: 0;
      bottom: env(safe-area-inset-bottom);
      width: 100% !important;
      max-width: 100% !important;
      height: calc(100dvh - 58px - env(safe-area-inset-bottom));
      border-radius: 20px 20px 0 0;
      transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    #ts-side-panel.panel-peek {
      transform: translateY(calc(100% - 4rem));
    }
    .mobile-panel-grip {
      display: flex !important;
    }
  }