@import url('/local/templates/.default/components/bitrix/catalog.item/product/style.css');
/* Оглавление: нумерованный список с многоуровневой нумерацией */
ol.blog-publications__toc-list,
ol.blog-publications__toc-sublist {
  counter-reset: toc;
  list-style-type: none;
  padding-left: 0;
  margin: 0 0 1em;
}

.blog-publications__toc-list li.blog-publications__toc-item {
  counter-increment: toc;
  padding-left: 0 !important;
  margin: 0 0 1em !important;
  position: relative;
}

li.blog-publications__toc-item::before {
  content: counters(toc, ".") ". ";
  display: inline-block;
  text-align: right;
  padding-right: 0.5em;
}

li.blog-publications__toc-item::after {
  content: none !important;
}

a.blog-publications__toc-link:link {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
    text-decoration-skip-ink: none;
    transition: .1s ease-out;
}

a.blog-publications__toc-link:hover {
    text-decoration-color: transparent;
}

/* Отступ для вложенных списков */
ol.blog-publications__toc-sublist {
  margin: 0.5em 0 0;
  padding-left: 1em;
}

/* Отступ от верхнего края страницы для таргетов */
[id^="toc-"] {
    scroll-margin-top: var(--header-height);
}

.articles-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 40px 0;
    position: relative;
}
.articles-cards::after, .articles-cards::before {
    content: '';
    position: absolute;
    width: calc((100vw - 100%)/2);
    height: 100%;
    background-color: white;
    z-index: 1;
}
.articles-cards::after {
    right: 100%;
}
.articles-cards::before {
    left: 100%;
    z-index: 2;
}
.articles-cards .s-badge__img {
    margin: 0;
}
.articles-cards .main-slider-item__btn, .articles-cards .addBasket-text, .articles-cards .main-slider-item__btn-viewing {
    font-size: 12px;
}
.articles-cards .addBasket-text {
    color: white;
}
.articles-cards .main-slider-item__wrap-content {
    z-index: 2;
}
.blog-publications__message.absolute {
    z-index: 3;
}
.blog-publications__news-page h2 {
    font-weight: 700;
    font-size: 16pt;
}
.blog-publications__news-page h3 {
    font-weight: 700;
    font-size: 14pt;
}
.blog-publications__news-page h4 {
    font-weight: 700;
    font-size: 12pt;
}
.blog-publications__news-page h5 {
    font-weight: 500;
    font-size: 1em;
}
.blog-publications__news-page h2, .blog-publications__news-page h3, .blog-publications__news-page h4, .blog-publications__news-page h5 {
    color: #4d4d4d;
}