@media (max-width: 768px) {
  .calendar-grid-ui {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(36px, 1fr)) !important;
    gap: 6px !important;
  }

  .calendar-day-ui {
    width: auto !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px !important;
  }

  .calendar-day-number {
    font-size: 18px !important;
  }

  .calendar-day-label {
    font-size: 10px !important;
  }

  .slots-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}