/* Desktop calendar gets the full booking column. The step heading sits above it instead of consuming a left rail. */
@media (min-width: 901px) {
  .flow-step[data-step="2"],
  .flow-step-calendar-top {
    display: block !important;
    padding-top: 24px !important;
  }

  .flow-step[data-step="2"] .flow-step-meta,
  .flow-step-calendar-top .flow-step-meta {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 18px !important;
    width: 100% !important;
  }

  .flow-step[data-step="2"] .flow-step-meta > div,
  .flow-step-calendar-top .flow-step-meta > div {
    display: block !important;
  }

  .flow-step[data-step="2"] .step-label,
  .flow-step-calendar-top .step-label {
    padding-top: 1px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
  }

  .flow-step[data-step="2"] .step-hint,
  .flow-step-calendar-top .step-hint {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .flow-step[data-step="2"] .step-hint br,
  .flow-step-calendar-top .step-hint br {
    display: none !important;
  }

  .flow-step[data-step="2"] .flow-step-content,
  .flow-step[data-step="2"] .step-live,
  .flow-step[data-step="2"] .booking-calendar-panel,
  .flow-step-calendar-top .flow-step-content,
  .flow-step-calendar-top .step-live,
  .flow-step-calendar-top .booking-calendar-panel {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .flow-step[data-step="2"] .booking-calendar-panel,
  .flow-step-calendar-top .booking-calendar-panel {
    padding: 22px !important;
  }

  .flow-step[data-step="2"] .calendar-toolbar,
  .flow-step-calendar-top .calendar-toolbar {
    margin-bottom: 18px !important;
  }

  .flow-step[data-step="2"] .calendar-month-label,
  .flow-step-calendar-top .calendar-month-label {
    font-size: 19px !important;
    font-weight: 750 !important;
  }

  .flow-step[data-step="2"] .calendar-weekdays,
  .flow-step[data-step="2"] .calendar-grid,
  .flow-step[data-step="2"] .day-service-calendar,
  .flow-step-calendar-top .calendar-weekdays,
  .flow-step-calendar-top .calendar-grid,
  .flow-step-calendar-top .day-service-calendar {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .flow-step[data-step="2"] .calendar-weekdays,
  .flow-step-calendar-top .calendar-weekdays {
    margin-bottom: 8px !important;
  }

  .flow-step[data-step="2"] .calendar-weekdays span,
  .flow-step-calendar-top .calendar-weekdays span {
    font-size: 10px !important;
  }

  .flow-step[data-step="2"] .day-service-calendar .calendar-day-card,
  .flow-step[data-step="2"] .day-service-calendar .calendar-day-card:not(.is-weekend):not(.is-unavailable),
  .flow-step-calendar-top .day-service-calendar .calendar-day-card,
  .flow-step-calendar-top .day-service-calendar .calendar-day-card:not(.is-weekend):not(.is-unavailable) {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .flow-step[data-step="2"] .day-service-calendar .calendar-day-card:not(.is-selected) .calendar-date-select,
  .flow-step[data-step="2"] .day-service-calendar .calendar-day-card.is-weekend .calendar-date-select,
  .flow-step[data-step="2"] .day-service-calendar .calendar-day-card.is-unavailable .calendar-date-select,
  .flow-step-calendar-top .day-service-calendar .calendar-day-card:not(.is-selected) .calendar-date-select,
  .flow-step-calendar-top .day-service-calendar .calendar-day-card.is-weekend .calendar-date-select,
  .flow-step-calendar-top .day-service-calendar .calendar-day-card.is-unavailable .calendar-date-select {
    min-height: 94px !important;
  }

  .flow-step[data-step="2"] .calendar-day-number,
  .flow-step-calendar-top .calendar-day-number {
    font-size: 15px !important;
  }

  .flow-step[data-step="2"] .calendar-date-select small,
  .flow-step-calendar-top .calendar-date-select small {
    font-size: 9px !important;
  }
}