/* Start:/local/templates/hope/components/bitrix/catalog/.default/style.css?17601046994327*/
.catalog--box {display: flex;gap:var(--gap-b)}
.catalog--title {font-size: 24px;line-height: 29px;margin-bottom: 28px;}
.catalog--filter {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;}
.catalog--wrap {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
.filter--mobile-top {display: none}

.catalog-section ~ .pagination--box {margin-top: var(--gap-b)}

@media all and (max-width: 1280px) {
	.catalog--title {margin-bottom: 24px}
}

@media all and (max-width: 1024px) {
	.catalog--filter {display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 900;overflow: hidden;background-color: rgba(57,65,77, .3)}
	.catalog--filter.--opened {display:block;}
	.catalog--filter-wrap {overflow: hidden;height: calc(100% - 20px);width: 96%;max-width:400px;margin: 10px auto;background-color: #fff;padding: 24px 0 24px 24px;border-radius: 16px;}
	.catalog--filter-inner {overflow-y: auto;height: 100%;width: 100%;}

	.select--list-visible {height: var(--height)}

	.js--filter-mobile {display: flex;align-items: center;justify-content: center;height: var(--height);gap:12px;border:1px solid var(--border);padding: 0 24px;border-radius: 10px}
	.filter--mobile-top {display: flex;align-items: center;justify-content: space-between;padding-right: 16px;margin-bottom: 18px}
	.filter--mobile-top span{font-weight: 500;font-size: 20px;color:var(--a)}

	.js--filter-close {width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background-color: #F6F6F6;border-radius: 50%}
	.js--filter-close svg{width: 12px;height: 12px;}
}

@media all and (max-width: 767px) {
	.catalog--title {font-size: 20px;line-height: 24px;margin-bottom: 16px}
}

@media all and (max-width: 440px) {
	.catalog--filter-wrap {padding: 10px 0 10px 10px;}
}

/* ====== Облако тегов (чипсы) — аккуратно поверх текущей логики ====== */
/* Контейнер со списком тегов (не меняем display у .catalog--filter, чтобы не ломать mobile-оверлей) */
.catalog--filter .tags,
.catalog--filter .tag-list,
.catalog--filter ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:6px 0 22px;
  padding:0;
  list-style:none;
}

/* Сам тег: ссылки/кнопки/спаны */
.catalog--filter a,
.catalog--filter button,
.catalog--filter .tag,
.catalog--filter .item,
.catalog--filter span[role="link"]{
  display:inline-flex;
  align-items:center;
  height:38px;
  padding:0 14px;
  border:1px solid #E6E8EC !important;
  border-radius:999px;
  background:#fff !important;
  color:#1F2A37 !important;
  font-size:14px;
  font-weight:600;                /* чуть пожирнее, чтобы не терялись */
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:border-color .2s, box-shadow .2s, transform .05s, color .2s, background-color .2s;
}

/* Hover */
.catalog--filter a:hover,
.catalog--filter button:hover,
.catalog--filter .tag:hover,
.catalog--filter .item:hover,
.catalog--filter span[role="link"]:hover{
  border-color:#D80019 !important;      /* Rational red */
  box-shadow:0 4px 10px rgba(0,0,0,.06);
  transform:translateY(-1px);
}

/* Активный/выбранный тег (поддерживаем разные варианты классов) */
.catalog--filter a.active,
.catalog--filter a.--active,
.catalog--filter a.is-active,
.catalog--filter a.selected,
.catalog--filter a[aria-current="true"],
.catalog--filter .tag.active,
.catalog--filter .tag.--active,
.catalog--filter .tag.is-active,
.catalog--filter .tag.selected{
  background:#D80019 !important;
  border-color:#D80019 !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(216,0,25,.18);
}

/* Адаптивные размеры чипсов */
@media (max-width: 1024px){
  .catalog--filter a,
  .catalog--filter button,
  .catalog--filter .tag,
  .catalog--filter .item,
  .catalog--filter span[role="link"]{
    height:36px; padding:0 12px; font-size:13px; border-radius:14px;
  }
}
@media (max-width: 420px){
  .catalog--filter a,
  .catalog--filter button,
  .catalog--filter .tag,
  .catalog--filter .item,
  .catalog--filter span[role="link"]{
    height:34px; padding:0 10px; font-size:12.5px;
  }
}
/* End */


/* Start:/local/templates/hope/components/bitrix/catalog.section.list/catalog/style.min.css?17544864051723*/
.section--items{display:flex;--gap:16px;--columns:7;gap:var(--gap);row-gap:40px;flex-wrap:wrap;margin:70px 0}.section--item{width:calc((100%/var(--columns)) - var(--gap) + (var(--gap)/var(--columns)))}.section--item,.section--item:hover{text-decoration:none;border:0}.section--item:hover .section--image{transform:scale(1.05)}.section--item:hover .section--item-title{color:var(--main)}.section--image-box{width:100%;height:0;position:relative;overflow:hidden;background-color:#f6f6f6;border-radius:20px;padding-top:83%}.section--image{background-size:contain;background-repeat:no-repeat;background-position:center center;position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);transition:.4s}.section--info{padding:12px}.section--item .section--cnt{color:#9ca0a9;font-size:14px;line-height:17px;margin-bottom:8px;text-align:center}.section--item .section--item-title{color:var(--text);font-size:18px;line-height:24px;font-weight:500;text-align:center;transition:color .4s}.sections--more{width:100%;text-align:center}.section--items.--opened .sections--more svg{transform:rotate(-90deg)}@media all and (max-width:1480px){.section--items{--columns:6;row-gap:24px;margin:50px 0}.section--item .section--item-title{font-size:16px;line-height:20px}}@media all and (max-width:1158px){.section--items{--columns:5;row-gap:16px;gap:10px;margin:30px 0}.section--item .section--item-title{font-size:14px;line-height:17px}.sections--more .btn--white{font-size:14px}}@media all and (max-width:700px){.section--items{--columns:3;row-gap:10px}.section--item .section--cnt{font-size:12px;line-height:15px}.sections--more .btn--white{width:100%}}@media all and (max-width:500px){.section--items{--columns:2}}
/* End */
/* /local/templates/hope/components/bitrix/catalog/.default/style.css?17601046994327 */
/* /local/templates/hope/components/bitrix/catalog.section.list/catalog/style.min.css?17544864051723 */