body.page-flow[data-wtw-step="start"] #wph-track-alerts {
  position: fixed;
  z-index: 3;
  left: 24px;
  top: 28px;
  width: min(280px, 20vw);
  height: min(300px, calc(100dvh - 120px));
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #c9a84c;
  background: rgba(0,0,0,0.88);
  color: #e8c96a;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}
@media (min-width: 1181px) and (min-height: 621px) {
  body.page-flow[data-wtw-step="start"] {
    --wtw-track-width: clamp(300px, 27vw, 386px);
    --wtw-edge: clamp(18px, 3vw, 44px);
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .order-controls {
    width: calc(var(--wtw-track-width) + var(--wtw-edge)) !important;
    padding-right: var(--wtw-edge) !important;
    box-sizing: border-box;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-start-title {
    right: calc(var(--wtw-track-width) + var(--wtw-edge) + 40px) !important;
    width: min(24vw, 370px) !important;
    font-size: 4rem !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-nav {
    position: fixed !important;
    left: auto !important;
    right: var(--wtw-edge) !important;
    top: auto !important;
    bottom: 46px !important;
    width: var(--wtw-track-width) !important;
    height: auto !important;
    display: flex !important;
    justify-content: flex-end;
    gap: 8px;
    transform: none !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel :is(#wtwTrackBack, #wtwTrackForward) {
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .track-timezone-picker {
    position: fixed !important;
    left: auto !important;
    top: auto !important;
    right: calc(var(--wtw-edge) + var(--wtw-track-width) + 20px) !important;
    bottom: 74px !important;
    width: 310px !important;
    box-sizing: border-box;
    transform: none !important;
    padding: 8px !important;
    gap: 8px;
    display: flex !important;
    z-index: 3 !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel #postTimeZoneSelect {min-width:0 !important;flex:1;}
  body.page-flow[data-wtw-step="start"] #orderPanel.panel:has(.step[data-step="start"].active)::before {
    background-size: auto min(calc(100dvh * 0.83), calc(100vw * 941 / 1672)), cover !important;
    background-position: 8px calc(100% - 28px), left center !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel.panel:has(.step[data-step="start"].active)::after {
    background: linear-gradient(90deg, rgba(4,10,8,0.08) 0%, rgba(4,10,8,0.04) 52%, rgba(4,10,8,0.54) 70%, rgba(4,10,8,0.82) 100%) !important;
  }
}
@media (min-width: 1181px) and (max-width: 1399px) and (min-height: 621px) {
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-start-title {font-size:3rem !important;}
}
body.page-flow[data-wtw-step="start"] #orderPanel :is(#wtwTrackBack, #wtwTrackForward) {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-shrink: 1;
}
body.page-flow[data-wtw-step="start"] #orderPanel .track-live-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-disclaimer {
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 16px !important;
  background: transparent !important;
}
@media (max-width: 1180px), (max-height: 620px) {
  body.page-flow[data-wtw-step="start"]:has(.step[data-step="start"].active) {
    height: auto !important;
    min-height: 100dvh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  body.page-flow[data-wtw-step="start"]:has(.step[data-step="start"].active) :is(.shell, .workspace, #orderPanel.panel) {
    display: block !important;
    flex: none !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel.panel::before {
    position: absolute !important;
    bottom: auto !important;
    height: calc(100vw * 941 / 1672) !important;
    background-size: 100% auto, 100% auto !important;
    background-position: left top, left top !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel.panel::after {display:none !important;}
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
    width: 100% !important;
    box-sizing: border-box;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
    padding: calc(100vw * 941 / 1672 + 20px) 16px 16px !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .wtw-start-title {
    display: flex !important;
    position: absolute !important;
    top: 18px !important;
    left: auto !important;
    right: 3% !important;
    width: 32% !important;
    font-size: 2rem !important;
  }
  body.page-flow[data-wtw-step="start"] #wph-track-alerts {
    position: relative;
    left: auto;
    top: auto;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 320px;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .order-controls {
    position: relative !important;
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    inset: auto !important;
    transform: none !important;
    min-width: 0 !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .track-live-list {
    height: 360px !important;
    max-height: 360px !important;
    overflow-y: auto !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .track-list-head {
    display: block !important;
    height: auto !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    transform: none !important;
  }
  body.page-flow[data-wtw-step="start"] .track-list-head > :not(.track-timezone-picker) {display:none !important;}
  body.page-flow[data-wtw-step="start"] #orderPanel .track-timezone-picker {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    margin: 8px 0 !important;
    padding: 6px !important;
    transform: none !important;
    box-sizing: border-box;
    gap: 8px;
    flex-wrap: wrap;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel #postTimeZoneSelect {min-width:0 !important;max-width:100%;flex:1;}
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-nav,
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-disclaimer {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel #wtwTrackBack,
  body.page-flow[data-wtw-step="start"] #orderPanel #wtwTrackForward {
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-nav {
    display: flex !important;
    height: auto !important;
    min-height: 30px !important;
    grid-row: 2;
    justify-content: center;
    gap: 8px;
  }
  body.page-flow[data-wtw-step="start"] .wtw-track-disclaimer {grid-row:3;}
}
body.page-flow[data-wtw-step="start"] #wph-track-alerts p {color:#f0dfb7 !important;}
body.page-flow[data-wtw-step="start"] #wph-track-alerts .wph-alert-remove {color:#b5b5b5 !important;}
body.page-flow[data-wtw-step="start"] #wph-track-alerts .wph-alert-type {font-size:0.64rem;font-weight:700;color:#99dbb3 !important;}
body.page-flow[data-wtw-step="start"] #wph-track-alerts .wph-alert-type.cancellation {color:#ffb1a9 !important;}
@media (max-width: 600px) {
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active {grid-template-columns:minmax(0,1fr);}
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .order-controls {grid-column:1;grid-row:1;}
  body.page-flow[data-wtw-step="start"] #wph-track-alerts {grid-column:1;grid-row:2;height:280px;}
  body.page-flow[data-wtw-step="start"] #orderPanel .wtw-track-nav {grid-row:3;}
  body.page-flow[data-wtw-step="start"] .wtw-track-disclaimer {grid-row:4;}
  body.page-flow[data-wtw-step="start"] #orderPanel .step[data-step="start"].active .wtw-start-title {font-size:1.1rem !important;top:12px !important;}
}