#catalog-menu.popup {
  --max-width: 1200px;
  --width: calc(100% - 40px);
  --height: calc(100vh - 100px);
  --min-width: auto;
  --min-height: auto;
  --background-color: var(--background-regular);
}

#catalog-menu.popup .content {
  margin: 0;
}

.popup .catalog .catalog-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.popup .catalog .catalog-content {
  flex-grow: 1;
  display: flex;
  gap: 20px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  overscroll-behavior: contain;
  padding-right: 12px;
}

.popup .catalog .catalog-content .catalog-content--column {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex: 1 0;
}

.popup .catalog .catalog-content .catalog-content--column-title {
  color: var(--font-color-accent-blue);
  font-size: var(--font-size-text-detail-card);
  font-weight: 600;
}

.popup .catalog .catalog-content .catalog-content--column-content .catalog-content--title-count {
  text-decoration: none;
  font-size: 80%;
  color: var(--brand-orange);
}

.popup .catalog .catalog-content .catalog-content--column-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.popup .catalog .catalog-content .catalog-content--column-subsections {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.popup
  .catalog
  .catalog-content
  .catalog-content--column-subsections
  .subsection {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-add-text-menu);
}

.popup
  .catalog
  .catalog-content
  .catalog-content--column-subsections
  .subsection:hover,
.popup
  .catalog
  .catalog-content
  .catalog-content--column-subsections
  .subsection.current {
  color: var(--font-color-accent-blue);
}