@media (max-width: 1200px) {
  .page-marketing-calendar {
    .mc-header {
      flex-direction: column;
      align-items: flex-start;
    }

    .mc-legend {
      width: 100%;
    }
  }
}

@media (max-width: 768px) {
  .page-marketing-calendar {
    .mc-toolbar {
      flex-direction: column;
      align-items: flex-start;
    }

    .mc-store-select {
      width: 100%;
    }

    .mc-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
