/*
 * База только для блока каталога: изоляция от промо-стилей main там,
 * где эталон septiki-rus использует bootstrap-подобную сетку.
 * Источник визуала: septiki-rus.ru/kategoriya/ (MODX + mSearch2 + miniShop2).
 */
.catalog-page {
  --catalog-bg-muted: #eceeef;
  --catalog-text: #212529;
  --catalog-primary: #052227;
  --catalog-accent: #42b9de;
  --catalog-accent-green: #51a50e;
  --catalog-radius: 1rem;
  --catalog-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  color: var(--catalog-text);
  font-family: inherit;
}

.catalog-page .catalog-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.catalog-page .catalog-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.catalog-page [class*="catalog-col"] {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

@media (min-width: 768px) {
  .catalog-page .catalog-col-md-6 {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .catalog-page .catalog-col-xl-4 {
    width: 33.333333%;
  }
  .catalog-page .catalog-col-xl-8 {
    width: 66.666667%;
  }
}

.catalog-page .catalog-d-none {
  display: none !important;
}

@media (max-width: 1199.98px) {
  .catalog-page .catalog-d-xl-none {
    display: block !important;
  }
  .catalog-page .catalog-d-xl-block {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .catalog-page .catalog-d-xl-none {
    display: none !important;
  }
  .catalog-page .catalog-d-xl-block {
    display: block !important;
  }
}