/* Figma 337:225 / 337:435. Scoped, editable catalogue; site typography is inherited. */
.mst-mri26-studies:has(.mst-mri26-catalog) {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 56px !important;
}
.mst-mri26-catalog {
  display: grid;
  grid-template-columns: 312px minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  column-gap: 24px;
  row-gap: 24px;
  width: 100%;
  min-width: 0;
  color: var(--mst-mri-ink, #004441);
  font-family: inherit;
}
.mst-mri26-catalog *, .mst-mri26-catalog *::before { box-sizing: border-box; }
.mst-mri-catalog-source { display: contents; }
.mst-mri26-catalog .mst-mri-catalog-source__search {
  grid-area: 1 / 1 / 2 / 3;
  width: 100%;
  position: relative;
  height: 64px;
  margin: 0 0 4px;
}
.mst-mri26-catalog .mst-mri-catalog-source__search::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 21px;
  width: 22px;
  height: 22px;
  background: url('../images/catalog-search.svg') center / contain no-repeat;
  pointer-events: none;
}
.mst-mri26-catalog .mst-mri-catalog-source__search input {
  width: 100%; height: 64px; margin: 0; padding: 0 22px 0 58px;
  border: 1px solid var(--mst-mri-coral, #fd5544); border-radius: 18px;
  background: var(--mst-mri-cream, #f8f1e7); color: inherit;
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 24px;
  box-shadow: none;
}
.mst-mri26-catalog input::placeholder { color: var(--mst-mri-ink, #004441); opacity: .8; }
.mst-mri26-catalog__nav {
  grid-area: 2 / 1 / 5 / 2;
  display: flex; flex-direction: column; gap: 4px; align-self: start;
  padding: 16px; border-radius: 24px;
  background: var(--mst-mri-cream, #f8f1e7);
}
.mst-mri26-catalog__nav button {
  display: flex; align-items: center; width: 100%; min-height: 48px;
  padding: 12px 16px; margin: 0; border: 0; border-radius: 8px;
  background: transparent; color: inherit;
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 24px;
  text-align: left; text-transform: none; box-shadow: none; cursor: pointer;
  white-space: normal; transition: background-color .15s ease;
}
.mst-mri26-catalog__nav button.is-active { background: var(--mst-mri-mint, #99dfdc); font-weight: 600; }
.mst-mri26-catalog__nav button:hover { background: #d7efeb; color: inherit; }
.mst-mri26-catalog__nav button.is-active:hover { background: var(--mst-mri-mint, #99dfdc); }
.mst-mri26-catalog__heading {
  grid-area: 2 / 2 / 3 / 3; align-self: start; margin: 0 !important; padding: 0;
  color: inherit !important; font-family: inherit; font-size: 24px !important;
  font-weight: 600; line-height: 32px !important;
}
.mst-mri26-catalog .mst-mri-catalog-source__wrap { grid-area: 3 / 2 / 4 / 3; min-width: 0; margin: 0; }
.mst-mri26-catalog .mst-mri-catalog-source__price { width: 100%; min-width: 0; }
.mst-mri26-catalog .mst-mri-catalog-source__title,
.mst-mri26-catalog .mst-mri-catalog-source__menu,
.mst-mri26-catalog .mst-mri-catalog-source__mobile { display: none; }
.mst-mri26-catalog .mst-mri-catalog-source__list { display: grid; gap: 16px; width: 100%; }
.mst-mri26-catalog .mst-mri-catalog-source__item {
  display: grid; grid-template-columns: minmax(0, 1fr) auto 220px;
  min-height: 96px; align-items: center; gap: 24px; padding: 21px 24px;
  border: 1px solid var(--mst-mri-coral, #fd5544); border-radius: 16px; background: #fff;
}
.mst-mri26-catalog [hidden] { display: none !important; }
.mst-mri26-catalog .mst-mri-catalog-source__item-name,
.mst-mri26-catalog .mst-mri-catalog-source__item-cost {
  color: inherit; font-family: inherit; font-size: 20px; font-weight: 600; line-height: 26px;
}
.mst-mri26-catalog .mst-mri-catalog-source__item-name { min-width: 0; overflow-wrap: anywhere; }
.mst-mri26-catalog .mst-mri-catalog-source__item-cost { white-space: nowrap; text-align: right; }
.mst-mri26-catalog .mst-mri-catalog-source__item-btn a {
  display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 52px;
  margin: 0; padding: 10px 16px; border: 1px solid var(--mst-mri-teal, #0db3ac); border-radius: 999px;
  background: var(--mst-mri-teal, #0db3ac); color: #fff !important;
  font-family: inherit; font-size: 14px; font-weight: 600; line-height: 20px;
  text-decoration: none; box-shadow: none !important; transform: none !important;
  transition: background-color .15s ease, border-color .15s ease;
}
.mst-mri26-catalog .mst-mri-catalog-source__item-btn a:hover,
.mst-mri26-catalog .mst-mri-catalog-source__item-btn a:focus-visible {
  background: var(--mst-mri-ink, #004441); border-color: var(--mst-mri-ink, #004441); color: #fff !important;
}
.mst-mri26-catalog .mst-mri-catalog-source__empty { padding: 24px; border-radius: 16px; background: var(--mst-mri-cream, #f8f1e7); }
.mst-mri26-catalog .mst-mri-catalog-source__pagination { grid-area: 4 / 2 / 5 / 3; margin: 0; padding: 0; }
.mst-mri26-catalog__pages {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px;
  list-style: none; margin: 0 !important; padding: 0 !important;
}
.mst-mri26-catalog__pages li { margin: 0; padding: 0; list-style: none; }
.mst-mri26-catalog__page, .mst-mri26-catalog__ellipsis {
  display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px;
  padding: 0; margin: 0; border: 0; border-radius: 50%; background: var(--mst-mri-cream, #f8f1e7);
  color: var(--mst-mri-ink, #004441); font-family: inherit; font-size: 16px; font-weight: 400; line-height: 24px;
  box-shadow: none; cursor: pointer;
}
.mst-mri26-catalog__ellipsis { background: transparent; cursor: default; }
.mst-mri26-catalog__page[aria-current], .mst-mri26-catalog__page:hover:not(:disabled) { background: var(--mst-mri-teal, #0db3ac); color: #fff; }
.mst-mri26-catalog__page:disabled { opacity: .45; cursor: default; }
.mst-mri26-catalog button:focus-visible, .mst-mri26-catalog select:focus-visible,
.mst-mri26-catalog input:focus-visible, .mst-mri26-catalog a:focus-visible {
  outline: 2px solid var(--mst-mri-ink, #004441); outline-offset: 3px;
}
.mst-mri26-catalog__mobile { display: none; }
.mst-mri26-catalog__sr {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
@media (max-width: 1200px) and (min-width: 1025px) {
  .mst-mri26-catalog { grid-template-columns: 280px minmax(0, 1fr); }
  .mst-mri26-catalog .mst-mri-catalog-source__item { grid-template-columns: minmax(0, 1fr) auto; gap: 16px; }
  .mst-mri26-catalog .mst-mri-catalog-source__item-btn { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
  .mst-mri26-catalog { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
  .mst-mri26-catalog__nav, .mst-mri26-catalog__heading { display: none; }
  .mst-mri26-catalog .mst-mri-catalog-source__search { grid-area: 1 / 1 / 2 / 2; margin: 0; }
  .mst-mri26-catalog__mobile { display: block; grid-area: 2 / 1 / 3 / 2; margin: 0; }
  .mst-mri26-catalog__select {
    appearance: none; -webkit-appearance: none; display: block; width: 100%; min-height: 56px;
    padding: 14px 48px 14px 16px; border: 0; border-radius: 16px;
    background: var(--mst-mri-cream, #f8f1e7) url('../images/catalog-chevron.svg') right 16px center / 20px no-repeat;
    color: inherit; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 24px;
    text-overflow: ellipsis;
  }
  .mst-mri26-catalog .mst-mri-catalog-source__wrap { grid-area: 3 / 1 / 4 / 2; }
  .mst-mri26-catalog .mst-mri-catalog-source__pagination { grid-area: 4 / 1 / 5 / 2; }
}
@media (max-width: 767px) {
  .mst-mri26-studies:has(.mst-mri26-catalog) { padding-bottom: 40px !important; }
  .mst-mri26-catalog .mst-mri-catalog-source__search, .mst-mri26-catalog .mst-mri-catalog-source__search input { height: 60px; }
  .mst-mri26-catalog .mst-mri-catalog-source__search input { padding-left: 52px; padding-right: 16px; font-size: 15px; }
  .mst-mri26-catalog .mst-mri-catalog-source__search::before { left: 18px; top: 20px; width: 20px; height: 20px; }
  .mst-mri26-catalog .mst-mri-catalog-source__item { grid-template-columns: minmax(0, 1fr) auto; padding: 20px; gap: 16px; }
  .mst-mri26-catalog .mst-mri-catalog-source__item-name { grid-column: 1 / -1; font-size: 18px; line-height: 26px; }
  .mst-mri26-catalog .mst-mri-catalog-source__item-cost { grid-column: 1; text-align: left; font-size: 20px; }
  .mst-mri26-catalog .mst-mri-catalog-source__item-btn { grid-column: 1 / -1; }
  .mst-mri26-catalog__page, .mst-mri26-catalog__ellipsis { width: 36px; height: 36px; font-size: 14px; }
}
