

/* Start:/bitrix/templates/aspro-lite/css/chip.min.css?17656465011176*/
.chip {
  --item-pl: 12px;
  --item-pr: 12px;
  --item-height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(136, 136, 136, 0.1);
  background-color: var(--darkgrey_bg_black);
  border-radius: 0;
  height: 34px;
  height: var(--item-height);
  color: var(--white_text_black);
}
.chip__label {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: var(--item-pl);
  padding-right: var(--item-pr);
  white-space: nowrap;
}
.chip.active {
  color: #fff;
}
.chip.active:not(.chip--toggle) {
  cursor: default;
}
.chip--transparent {
  background-color: transparent;
}
.chip:hover{
  background-color: var(--light, rgba(136, 136, 136, 0.05)) var(--dark, #343434);
}
.chip__icon {
  padding-left: var(--item-pl);
  padding-right: var(--item-pr);
  border-left: 1px solid rgba(255,255,255, 0.2);
  height: 18px;
  display: flex;
  align-items: center;
  stroke: #fff;
}
.chip--sm{
  --item-pl: 10px;
  --item-pr: 10px;
  --item-height: 29px;
}
.chip--md {
	--item-height: 37px;
}

@media (max-width: 600px) {
  .chip--sm-to-600 {
    --item-pl: 10px;
    --item-pr: 10px;
    --item-height: 30px;
  }
}
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/subscribe.edit/side/style.css?1765646502122*/
.subscribe-side-block {
    padding: 15px 20px 24px 20px;
  }
  .subscribe-side-block__text {
    margin-bottom: 18px;
  }
/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/news.list/blog-list/style.css?17656465022883*/
/* ==== Небольшой слой, чтобы не ловить конфликтов с темой ==== */
.bl-card { background: transparent; }

/* Соотношение сторон:
   - по умолчанию 4:3,
   - на lg и выше — 3:4 (более «портретная» картинка) */
.ratio-lg-3x4 { position: relative; }
@media (min-width: 992px){
  .ratio-lg-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); } /* заглушка, будет перезаписана ниже */
  .ratio-lg-3x4::before{
    content:"";
    display:block;
    padding-top: 133.3333%; /* 3:4 = 0.75 → 75%, но нам нужна «высота»: делаем трюк через absolute img */
  }
  .ratio-lg-3x4 > img,
  .ratio-lg-3x4 > .ratio-item,
  .ratio-lg-3x4 > iframe { position:absolute; inset:0; width:100%; height:100%; }
}

/* Поддержка object-fit там, где нет утилиты */
.object-fit-cover{ object-fit: cover; }

/* Обрезка превью-текста (аккуратно, без «…»), если нужно ограничить высоту */
.bl-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Бейдж спокойнее */
.bl-badge{
  border: 1px solid rgba(0,0,0,.12);
  letter-spacing:.04em;
}

/* Чуть выше карточки на очень широких экранах */
@media (min-width: 1200px){
  .bl-card { min-height: 560px; }
}
@media (min-width: 1600px){
  .bl-card { min-height: 640px; }
}

.index-block index-block--padding-top-N index-block--padding-bottom-80 index-block--delimiter  > .maxwidth-theme {
  max-width: 100%;
}

/* Минималистичная кнопка для ссылки "Читать далее" */
.bl-card .bl-excerpt a.read-more{
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid currentColor;
  border-radius: 0;                 /* прямые углы */
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
  /* используем цвета темы Bootstrap/Aspro, если есть */
  color: var(--bs-body-color, #222);
  background: transparent;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Ховер/фокус — заливаем текущим цветом и инвертируем текст 
.bl-card .bl-excerpt a.read-more:hover,
.bl-card .bl-excerpt a.read-more:focus{
  background: currentColor;
  color: #fff;
  text-decoration: none;
  outline: none;
}
*/
/* Active — чуть «жёстче» рамка */
.bl-card .bl-excerpt a.read-more:active{
  border-color: currentColor;
  filter: contrast(1.05);
}

/* Если нужна более спокойная ссылка внутри серого текста */
.text-body-secondary .read-more{
  color: var(--bs-secondary-color, #6c757d);
}



/* End */
/* /bitrix/templates/aspro-lite/css/chip.min.css?17656465011176 */
/* /bitrix/templates/aspro-lite/components/bitrix/subscribe.edit/side/style.css?1765646502122 */
/* /bitrix/templates/aspro-lite/components/bitrix/news.list/blog-list/style.css?17656465022883 */
