

/* Start:/local/templates/.default/components/bitrix/breadcrumb/main/style.min.css?1735912618467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/ferrite/components/bitrix/catalog.section.list/catalog-modern/style.css?179266349114252*/
/* ferrite.ru — catalog-modern | компактная версия без баннера.
   Каталог выравнивается по родительскому .container.
   PHP template.php и script.js менять не требуется. */

.fc-catalog {
  --fc-blue: #0750b7;
  --fc-text: #172c4f;
  --fc-border: #dfe8f5;
  --fc-large: clamp(118px, 10vw, 160px);
  --fc-card-gap: 8px;
  width: 100%;
  max-width: none;
  margin: 0 0 34px;
  color: var(--fc-text);
  font-family: inherit;
  box-sizing: border-box;
}
.fc-catalog *, .fc-catalog *::before, .fc-catalog *::after { box-sizing: border-box; }

/* Две витрины одинаковой высоты. Новые квадраты точно вполовину
   общего размера большого с учётом зазора между рядами. */
.fc-catalog .fc-catalog__top-sections {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  margin: 12px 0 16px;
}
.fc-catalog .fc-popular,
.fc-catalog .fc-new { flex: 0 0 auto; min-width: 0; margin: 0; }
.fc-catalog .fc-popular__heading,
.fc-catalog .fc-new__heading {
  display: flex;
  align-items: center;
  height: 27px;
  gap: 8px;
  margin: 0 0 7px;
}
.fc-catalog .fc-popular__heading h2,
.fc-catalog .fc-new__heading h2 {
  margin: 0;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 700;
  color: #102747;
}
.fc-catalog .fc-popular__heading > span,
.fc-catalog .fc-new__heading > span { display: none; }

/* Популярные — 4 квадрата горизонтально. */
.fc-catalog .fc-popular__grid {
  display: grid;
  grid-template-columns: repeat(4, var(--fc-large));
  gap: var(--fc-card-gap);
}
.fc-catalog .fc-popular__card,
.fc-catalog .fc-new__item {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid #dce6f4;
  border-radius: 11px;
  background: #e6f0fc;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.fc-catalog .fc-popular__card { padding: 10px; }
.fc-catalog .fc-popular__card:hover,
.fc-catalog .fc-new__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 55, 130, .12);
  text-decoration: none;
}
.fc-catalog .fc-popular__background,
.fc-catalog .fc-new__background {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.fc-catalog .fc-popular__card:hover .fc-popular__background,
.fc-catalog .fc-new__item:hover .fc-new__background { transform: scale(1.04); }
.fc-catalog .fc-popular__overlay,
.fc-catalog .fc-new__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(3, 25, 65, .02) 0%, rgba(3, 25, 65, .18) 44%, rgba(3, 25, 65, .92) 100%);
}
.fc-catalog .fc-popular__card:not(.fc-popular__card--image) .fc-popular__overlay,
.fc-catalog .fc-new__item:not(.fc-new__item--image) .fc-new__overlay {
  background: linear-gradient(135deg, #edf5ff, #dceaff);
}
.fc-catalog .fc-popular__content,
.fc-catalog .fc-new__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
  color: #fff;
}
.fc-catalog .fc-popular__content strong {
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.fc-catalog .fc-popular__content p,
.fc-catalog .fc-popular__description { display: none; }
.fc-catalog .fc-popular__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  color: inherit;
  font-size: 9px;
  font-weight: 600;
}
.fc-catalog .fc-popular__link > span { font-size: 16px; }
.fc-catalog .fc-popular__card:not(.fc-popular__card--image) .fc-popular__content { color: #123c77; }

/* Новые — 2×2 квадрата, высота обоих рядов = высоте большого. */
.fc-catalog .fc-new__list {
  display: grid;
  grid-template-columns: repeat(2, calc((var(--fc-large) - var(--fc-card-gap)) / 2));
  grid-template-rows: repeat(2, calc((var(--fc-large) - var(--fc-card-gap)) / 2));
  gap: var(--fc-card-gap);
}
.fc-catalog .fc-new__item { padding: 5px; border-radius: 8px; }
.fc-catalog .fc-new__name {
  display: block;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.fc-catalog .fc-new__link { display: none; }
.fc-catalog .fc-new__item:not(.fc-new__item--image) .fc-new__name { color: #123b73; }

/* Поиск, кнопки и фильтры */
.fc-catalog__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.fc-catalog__search { display: flex; align-items: center; gap: 12px; flex: 1 1 330px; min-width: 210px; height: 39px; padding: 0 14px; background: #fff; border: 1px solid #d4e0f0; border-radius: 10px; }
.fc-catalog__search:focus-within { border-color: var(--fc-blue); box-shadow: 0 0 0 3px #0055c914; }
.fc-catalog__search span { color: #5275a5; font-size: 27px; line-height: 1; }
.fc-catalog__search input { min-width: 0; width: 100%; color: var(--fc-text); background: transparent; border: 0; outline: none; font-size: 13px; }
.fc-catalog__stock { display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 0 12px; color: #415777; background: #fff; border: 1px solid #d4e0f0; border-radius: 10px; font-size: 13px; cursor: pointer; }
.fc-catalog__stock input { width: 16px; height: 16px; accent-color: var(--fc-blue); }
.fc-catalog__toolbar-btn { min-height: 39px; padding: 0 13px; color: var(--fc-blue); background: #fff; border: 1px solid #d4e0f0; border-radius: 10px; font-size: 12px; cursor: pointer; }
.fc-catalog__toolbar-btn:hover { background: #edf5ff; }
.fc-catalog__section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin: 0 0 10px; }
.fc-catalog__section-head h2 { margin: 0; color: #142a51; font-size: 18px; font-weight: 700; }
.fc-catalog__section-head span { color: #7889a1; font-size: 12px; }

/* Полное дерево категорий: строки и маленькие миниатюры */
.fc-tree__list { padding: 0; margin: 0; list-style: none; }
.fc-tree > .fc-tree__list > .fc-tree__node { margin-bottom: 5px; }
.fc-tree__node { list-style: none; }
.fc-tree__row { display: flex; align-items: center; gap: 9px; min-height: 49px; padding: 6px 12px 6px calc(10px + var(--depth) * 19px); background: #fff; border: 1px solid var(--fc-border); border-radius: 11px; box-shadow: 0 2px 9px #123c6608; transition: background .18s, border-color .18s; }
.fc-tree__row:hover { background: #f7fbff; border-color: #b8d2f3; }
.fc-tree__toggle, .fc-tree__toggle-placeholder { flex: 0 0 28px; width: 28px; height: 28px; }
.fc-tree__toggle { display: grid; place-items: center; color: var(--fc-blue); background: #eef5ff; border: 0; border-radius: 8px; cursor: pointer; }
.fc-tree__toggle:hover { background: #dcecff; }
.fc-tree__chevron { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform .16s; }
.fc-tree__toggle[aria-expanded="true"] .fc-tree__chevron { transform: rotate(45deg); }
.fc-tree__folder { display: grid; place-items: center; flex: 0 0 24px; color: #0d60c6; font-size: 24px; }
.fc-catalog .fc-tree__image { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; overflow: hidden; background: #f5f8fc; border: 1px solid #e1e8f2; border-radius: 9px; text-decoration: none; }
.fc-catalog .fc-tree__image img { display: block; width: 100%; height: 100%; padding: 3px; object-fit: contain; }
.fc-catalog .fc-tree__product-info { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; }
.fc-tree__name { color: #153666; font-size: 13px; font-weight: 650; line-height: 1.45; text-decoration: none; }
.fc-tree__name:hover { color: #0066d4; text-decoration: underline; }
.fc-catalog .fc-tree__description { margin: 0; color: #71809a; font-size: 11px; line-height: 1.35; }
.fc-tree__quantities { display: flex; flex: none; align-items: center; gap: 10px; }
.fc-tree__quantity { display: flex; align-items: center; gap: 8px; padding: 8px 10px; white-space: nowrap; border-radius: 8px; font-size: 11px; }
.fc-tree__qty-caption { color: #647893; }
.fc-tree__quantity strong { color: #0750b7; font-size: 13px; }
.fc-tree__quantity--stock { background: #edf8f2; }
.fc-tree__quantity--stock strong { color: #087f48; }
.fc-tree__quantity--order { background: #edf5ff; }
.fc-tree__go { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; color: #0750b7; background: #f0f6ff; border-radius: 50%; font-size: 20px; text-decoration: none; }
.fc-tree__go:hover { background: #dceaff; }
.fc-tree__children { padding: 7px 0 4px 16px; margin-left: 26px; border-left: 2px solid #dbe9f8; }
.fc-tree__children .fc-tree__row { min-height: 44px; margin: 4px 0; background: #f8fbff; border-color: #e6eef8; box-shadow: none; }
.fc-tree__children .fc-tree__folder { font-size: 19px; }
.fc-tree__children .fc-tree__name { font-size: 13px; font-weight: 550; }
.fc-catalog__empty { padding: 30px 12px; margin: 20px 0; color: #60758e; border: 1px dashed #b7cde9; border-radius: 12px; text-align: center; }
.fc-tree__node[hidden], .fc-tree__children[hidden], .fc-catalog__empty[hidden] { display: none !important; }


/* Адаптация: не делаем микроскопические подписи на телефоне. */
@media (max-width: 1100px) {
  .fc-catalog { --fc-large: clamp(118px, 18vw, 155px); }
  .fc-catalog .fc-catalog__top-sections { flex-direction: column; gap: 16px; }
  .fc-catalog .fc-new__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto;
    width: min(100%, 640px);
  }
  .fc-catalog .fc-new__item { aspect-ratio: 1; padding: 10px; }
  .fc-catalog .fc-new__name { font-size: 11px; }
}
@media (max-width: 700px) {
  .fc-catalog { --fc-large: 140px; margin-bottom: 26px; }
  .fc-catalog .fc-popular, .fc-catalog .fc-new { width: 100%; }
  .fc-catalog .fc-popular__grid,
  .fc-catalog .fc-new__list { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 9px; grid-template-rows: auto; }
  .fc-catalog .fc-popular__card,
  .fc-catalog .fc-new__item { aspect-ratio: 1; }
  .fc-catalog .fc-popular__content strong,
  .fc-catalog .fc-new__name { font-size: 12px; }
  .fc-catalog__toolbar-btn { flex: 1 1 auto; }
  .fc-tree__row { flex-wrap: wrap; gap: 8px; padding: 8px; }
  .fc-tree__quantities { width: 100%; margin-left: 36px; justify-content: flex-start; flex-wrap: wrap; }
  .fc-tree__quantity { padding: 4px 7px; }
  .fc-tree__go { margin-left: auto; }
  .fc-tree__children { margin-left: 10px; padding-left: 6px; }
  .fc-tree__children .fc-tree__row { padding-left: calc(6px + var(--depth) * 5px); }
}
@media (max-width: 500px) {
  .fc-tree__folder { display: none; }
  .fc-tree__name { font-size: 12px; }
  .fc-tree__quantities { margin-left: 0; gap: 5px; }
  .fc-tree__qty-caption { font-size: 10px; }
  .fc-tree__go { display: none; }
  .fc-catalog__stock { width: 100%; }
  .fc-catalog .fc-tree__description { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .fc-catalog .fc-popular__card,
  .fc-catalog .fc-popular__background,
  .fc-catalog .fc-new__item,
  .fc-catalog .fc-new__background { transition: none; }
}

/* ============================================
   ПОПУЛЯРНЫЕ + НОВЫЕ — В ОДИН РЯД
============================================ */

@media (min-width: 1201px) {

    /* Две равные группы */
    .fc-catalog .fc-catalog__top-sections {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
        align-items: start;
        margin: 18px 0 20px;
        width: 100%;
    }

    .fc-catalog .fc-popular,
    .fc-catalog .fc-new {
        min-width: 0;
        margin: 0;
    }

    /* Разделитель между группами */
    .fc-catalog .fc-new {
        position: relative;
    }

    .fc-catalog .fc-new::before {
        content: "";
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #dce6f4;
    }

    /* Заголовки одинаковой высоты */
    .fc-catalog .fc-popular__heading,
    .fc-catalog .fc-new__heading {
        min-height: 24px;
        margin-bottom: 10px;
    }

    /* Четыре карточки в каждом блоке */
    .fc-catalog .fc-popular__grid,
    .fc-catalog .fc-new__list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        padding: 0;
    }

    /* Все карточки квадратные */
    .fc-catalog .fc-popular__card,
    .fc-catalog .fc-new__item {
        width: 100%;
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
        padding: 9px;
        border-radius: 11px;
    }

    /* Компактные названия */
    .fc-catalog .fc-popular__content strong,
    .fc-catalog .fc-new__name {
        font-size: 11px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .fc-catalog .fc-popular__description {
        display: none;
    }

    .fc-catalog .fc-popular__link,
    .fc-catalog .fc-new__link {
        display: none;
    }
}

/* Планшет: две группы друг под другом */
@media (max-width: 1200px) {
    .fc-catalog .fc-catalog__top-sections {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .fc-catalog .fc-popular__grid,
    .fc-catalog .fc-new__list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .fc-catalog .fc-new::before {
        display: none;
    }
}

/* Телефон: 2 карточки в строке */
@media (max-width: 600px) {
    .fc-catalog .fc-popular__grid,
    .fc-catalog .fc-new__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* End */
/* /local/templates/.default/components/bitrix/breadcrumb/main/style.min.css?1735912618467 */
/* /local/templates/ferrite/components/bitrix/catalog.section.list/catalog-modern/style.css?179266349114252 */
