/* Breakpoint overrides. Filename sorts after other 30-domains files
   so these max-width rules still win. --bp-split: 960px; --bp-wide: 1100px. */


@media (max-width: 960px) /* --bp-split */ {
  .plan-home__split,
  .catalog-split,
  .simulation-mirror {
    grid-template-columns: 1fr;
  }

  .app-shell:has(.plan-home),
  .app-shell:has(.catalog-home),
  .app-shell:has(.simulation-home) {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .app-main:has(.plan-home),
  .app-main:has(.catalog-home),
  .app-main:has(.simulation-home) {
    overflow: visible;
  }

  .plan-home,
  .catalog-home,
  .simulation-home {
    overflow: visible;
  }

  .plan-home__split,
  .catalog-split,
  .simulation-mirror {
    overflow: visible;
  }

  .catalog-list,
  .catalog-detail {
    overflow: visible;
  }

  .catalog-list__items {
    overflow: visible;
  }

  .plan-home__pane--month {
    min-height: 28rem;
  }
}

@media (max-width: 1100px) /* --bp-wide */ {
  .simulation-mirror {
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
  }
}