/* Start:/local/components/sibirix/blog.detail/templates/.default/styles.css?179458431731189*/
.new-detail > section {
    padding: 70px 0;
    color: var(--white);
    background: transparent;
    letter-spacing: 0;
}

.new-detail > section.new-detail_meta-section {
    padding: 70px 0 0 0;
}

.new-detail > section.new-detail_content-section {
    padding: 0 0 70px 0;
}

/* --------------------------------------------------------------------------
   Хлебные крошки
   -------------------------------------------------------------------------- */
.new-detail_hero .breadcrumbs {
    margin-bottom: 36px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.5;
}

.new-detail_hero .breadcrumbs-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.new-detail_hero .breadcrumbs a {
    transition: color .2s ease;
    color: var(--muted);
    text-decoration: none;
}

.new-detail_hero .breadcrumbs a:hover,
.new-detail_hero .breadcrumbs a:focus-visible,
.new-detail_hero .breadcrumbs-current,
.new-detail_hero .breadcrumbs-separator {
    color: var(--white);
}

/* --------------------------------------------------------------------------
   Общие стили для текста внутри статьи
   -------------------------------------------------------------------------- */
.blog-text {
    font-size: 20px;
    line-height: 1.4;
}
.blog-text p {
    margin: 40px 0;
}

.blog-text p:first-child {
    margin-top: 0;
}  

.blog-text u {
    color: var(--cyan);
    font-size: 22px;
    text-decoration: none;
}

.blog-text .title-img {
    color: var(--muted-light);
    font-size: 14px;
    line-height: 1.5;
    margin: -32px 0 40px 0;
}

.blog-text p.author {
    margin: 40px 0 -24px 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--muted-light)
}

.blog-text p:last-child {
    margin-bottom: 0;
}
/* Главная мысль */
.blog-text .lead {
    position: relative;
    font-size: 32px;
    line-height: 1.3;
    color: var(--white);
    padding: 60px 40px 40px;
    margin: 32px 0;
    background: rgba(var(--cyan-rgb, 0, 229, 255), 0.05);
    border-radius: 16px;
}

.blog-text .lead::before {
    content: "Главная мысль";
    display: block;
    position: absolute;
    top: 24px;
    left: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--cyan);
}
/* Цитата */
.blog-text blockquote {
    position: relative;
    margin: 40px 0;
    padding: 87px 40px 40px;
    background: var(--surface-card);
    border: 1px solid var(--line);
    border-radius: 16px;
    font-size: 22px;
    line-height: 1.3;
    color: var(--white);
}

.blog-text blockquote::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 40px;
    width: 32px;
    height: 24px;
    background-image: url('/local/templates/redesign2026v2/img/quote-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* заголовки */
.blog-text h1, .blog-text h2, .blog-text h3  {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
    margin: 40px 0;
    scroll-margin-top: 94px;
}

.blog-text h3 {
    font-size: 28px;
}

.blog-text h3.under-title {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--cyan);
    margin: 40px 0;
    scroll-margin-top: 94px;
}

/* Выделение текста голубым */
.blog-text .text-cyan {
    color: var(--cyan);
}
.blog-text ol {
    margin: 0px;
    padding: 0px;
}
.blog-text ol li {
    margin: 40px;
}

.blog-text ol.ol-little-margin li {
    margin: 24px;
}

/* Галерея картинок из визуального редактора */
.blog-text .galery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 40px 0;
}

.blog-text .galery img {
    width: 100% !important;
    height: auto !important;
    max-height: 600px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

ul.ul-columns-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 40px;
  list-style: none;
  padding-left: 0;
}
ul.ul-columns-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px 24px;
  list-style: none;
  padding-left: 0;
}
.ul-columns-2 li, ul.ul-columns-3 li {
  padding-left: 1.2em;
  position: relative;
}

ul.ul-columns-3 li {
  padding-left: 20px;
  position: relative;
}

.ul-columns-2 li::before, ul.ul-columns-3 li::before {
  content: "•";
  position: absolute;
  left: 0;
}

/* ---------- Обёртка для горизонтальной прокрутки ---------- */
.table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
}

/* ---------- Сама таблица ---------- */
.styled-table {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(var(--scrollbar-rgb), 0.1);
  border-radius: 16px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
  table-layout: fixed;
}

.styled-table th,
.styled-table td {
  padding: 32px 24px;
  text-align: center;
  vertical-align: middle;
  color: var(--muted-light);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.styled-table th:last-child,
.styled-table td:last-child {
  border-right: none;
}

.styled-table tbody tr:last-child td {
  border-bottom: none;
}

.styled-table thead th {
  background: rgba(var(--scrollbar-rgb), 0.05);
  color: var(--white);
  font-weight: 500;
  vertical-align: top;
}

.styled-table thead tr:first-child th {
  border-top: none;
}

.styled-table tbody tr:hover td {
  background: rgba(var(--scrollbar-rgb), 0.05);
  color: var(--white);
  transition: background 0.15s ease, color 0.15s ease;
}

/* --------------------------------------------------------------------------
   Заголовок для блока Другие новости
   -------------------------------------------------------------------------- */

.blog-slider__header {
    max-width: 920px;
    margin-bottom: 40px;
}

.blog-slider__header h2 {
    color: var(--white);
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
    margin: 0px;
}

.blog-slider__header h2 span {
    color: var(--cyan);
}

.blog-text__meta {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    margin-bottom: 40px;
}

.blog-text__meta-info {
    font-size: 16px;
    line-height: 1.5;
    color: var(--muted-light);
}

.blog-text__meta a.blog-text__meta-link {
    border-radius: 8px;
    padding: 8px 12px;
    background: rgba(var(--cyan-rgb, 0, 229, 255), 0.1);
    color: var(--cyan);
    border: 1px solid var(--line);
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.blog-text__meta a.blog-text__meta-link::after {
    content: "↓";
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    transition: transform 0.2s ease;
}

/* Плашки (теги, дата, время) */
.new-detail_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 36px;
}

.new-detail a.new-detail_tag {
    display: inline-block;
    padding: 8px 12px;
    background: rgba(var(--cyan-rgb, 0, 229, 255), 0.1);
    color: var(--cyan);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    text-decoration: none;
    transition: background 0.2s;
}

.new-detail a.new-detail_tag:hover {
    background: var(--cyan);
    color: var(--bg);
}

.new-detail_date, .new-detail_time {
    font-size: 12px;
    color: var(--cyan);
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(var(--cyan-rgb, 0, 229, 255), 0.1);
    border: 1px solid var(--line);
}

/* ==========================================================================
   СТИЛИ ДЛЯ ДЕТАЛЬНОЙ СТРАНИЦЫ
   ========================================================================== */

.new-detail_hero {
    padding: 40px 0 60px;
}

.new-detail_hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.new-detail_hero-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.new-detail_title {
    font-size: 48px;
    line-height: 1.1;
    color: var(--white);
    margin: 0 0 40px 0;
    font-weight: 500;
}

.new-detail_preview {
    font-size: 20px;
    line-height: 1.2;
    color: var(--muted-light);
    margin: 0;
    font-weight: 500;
}

.new-detail_hero-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
}

.new-detail_hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    display: block;
    border-radius: 16px;
}

/* ===== БЛОК С ФОРМОЙ В БЛОГЕ ===== */
.blog-form-section {
    padding: 80px 0;
    scroll-margin-top: 88px;
}

.blog-form-section__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.blog-form-section__title {
    margin: 0 0 24px;
    font-weight: 500;
    font-size: 48px;
    line-height: 1.1;
    color: var(--white);
    letter-spacing: 0;
}

.blog-form-section__title .color-cyan {
    color: var(--cyan);
}

.blog-form-section__desc {
    margin: 0 0 120px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
}

.blog-form-section__contacts {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.blog-form-section__contact-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
}

.blog-form-section__value {
    font-weight: 400;
    color: var(--white);
    text-decoration: none;
}

.blog-form-section__value:hover {
    color: var(--cyan);
}

/* ===== СТИЛИ ДЛЯ ДЕТАЛЬНОЙ СТРАНИЦЫ С SIDEBAR ===== */

.new-detail_layout {
    display: grid;
    /* grid-template-columns: 2fr 1fr;*/
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: 16px;
    align-items: start;
}

.new-detail_main .blog-text img {
    width: 100% !important;
    height: auto;
    border-radius: 16px;
}

.new-detail_sidebar {
    height: 100%;
}

.new-detail_sidebar-sticky {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    max-height: calc(100vh - 110px);
    overflow: hidden;
}

.toc-box {
    background: linear-gradient(90deg, rgba(var(--scrollbar-rgb), 0.24) 0%, rgba(var(--scrollbar-rgb), 0.16) 100%);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    max-height: calc(100vh - 40px - 16px - 200px);
    overflow: hidden;
}

.toc-box__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.toc-box__title {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    color: var(--white);
    font-weight: 500;
}

.toc-box__close {
    background: none;
    border: none;
    color: var(--white);
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.toc-box__list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    flex: 1 1 auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--scrollbar-rgb), 0.4) transparent;
}

.toc-box__list::-webkit-scrollbar {
    width: 6px;
}

.toc-box__list::-webkit-scrollbar-track {
    background: transparent;
}

.toc-box__list::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-rgb), 0.4);
    border-radius: 3px;
}

.toc-box__list::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--scrollbar-rgb), 0.6);
}

.toc-box__item--h2 {
    padding-left: 0;
}

.toc-box__item--h3 {
    padding-left: 16px;
}

.toc-box__list a.toc-box__link {
    color: var(--muted-light);
    text-decoration: none;
    font-size: 18px;
    line-height: 1.4;
    transition: color 0.2s;
    border-bottom: 1px solid transparent;
}

.toc-box__list a.toc-box__link:hover {
    color: var(--cyan);
    border-bottom-color: var(--cyan);
}

/* Блок CTA (Обсудить) */
.sidebar-cta {
    background: linear-gradient(90deg, rgba(var(--scrollbar-rgb), 0.24) 0%, rgba(var(--scrollbar-rgb), 0.16) 100%);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 0;
}

.sidebar-cta__title {
    margin: 0 0 40px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--white);
}

.sidebar-cta a.sidebar-cta__btn {
    display: inline-flex;
    padding: 12px 20px;
    background: var(--cyan);
    color: var(--bg);
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: opacity 0.2s;
}

.sidebar-cta a.sidebar-cta__btn:hover,
.sidebar-cta a.sidebar-cta__btn:focus-visible {
    box-shadow: 0 2px 30px var(--cyan-btn-border);
    opacity: 0.95;
}

/* Скрываем сам чекбокс, но оставляем его функциональным */
.toc-toggle-input {
    display: none;
}

.toc-box__close {
    cursor: pointer;
    background: none;
    border: none;
    color: var(--white);
    font-size: 20px;
    line-height: 1;
    padding: 0;
    transition: color 0.2s;
}

.toc-box__close:hover {
    color: var(--cyan);
}

.toc-toggle-input:checked ~ .toc-box .toc-box__list {
    display: none;
}

.toc-toggle-input:checked ~ .toc-box .toc-box__close {
    transform: rotate(45deg);
}

/* ==========================================================================
   ТИПОГРАФИКА И ОТСТУПЫ (max-width: 1400px)
   Дизайнер прорисовал макет на 1400px — эти правки для всех экранов ≤ 1400.
   Раскладка (колонки, галерея, слайдер) — отдельно в @media (max-width: 1024px).
   ========================================================================== */
@media (max-width: 1400px) {

    /* --- Отступы секций --- */
    .new-detail_hero {
        padding: 36px 0 52px;
    }

    /* --- Хлебные крошки --- */
    .new-detail_hero .breadcrumbs {
        margin-bottom: 32px;
        font-size: 13px;
    }

    /* --- Мета (теги, дата, время) --- */
    .new-detail_meta {
        margin-bottom: 32px;
        gap: 10px;
    }

    .new-detail a.new-detail_tag,
    .new-detail_date,
    .new-detail_time {
        font-size: 11px;
        padding: 7px 11px;
    }

    /* --- Заголовок + превью --- */
    .new-detail_title {
        font-size: 40px;
        line-height: 1.1;
        margin: 0 0 36px 0;
    }

    .new-detail_preview {
        font-size: 16px;
        line-height: 1.4;
    }

    /* --- blog-text__meta --- */
    .blog-text__meta {
        gap: 14px;
        margin-bottom: 32px;
    }

    .blog-text__meta a.blog-text__meta-link {
        font-size: 12px;
        padding: 7px 11px;
    }

    /* --- Текст статьи --- */
    .blog-text {
        font-size: 18px;
        line-height: 1.5;
    }

    .blog-text p {
        margin: 32px 0;
    }  

    .blog-text u {
        font-size: 20px;
    }

    .blog-text .title-img {
        margin: -24px 0 32px 0;
        font-size: 13px;
    }

    .blog-text p.author {
        margin: 32px 0 -20px 0;
        font-size: 15px;
    }

    .blog-text h1,
    .blog-text h2 {
        font-size: 32px;
        margin: 36px 0 20px;
    }

    .blog-text h3 {
        font-size: 24px;
        margin: 32px 0 16px;
    }

    .blog-text h3.under-title {
        font-size: 20px;
        margin: 32px 0;
    }

    .blog-text .lead {
        font-size: 28px;
        margin: 32px 0;
    }

    .blog-text .lead::before {
        top: 20px;
        left: 32px;
        font-size: 14px;
    }

    .blog-text blockquote {
        font-size: 20px;
        padding: 78px 32px 32px;
        margin: 32px 0;
    }

    .blog-text blockquote::before {
        top: 32px;
        left: 32px;
        width: 28px;
        height: 22px;
    }

    .blog-text ol li {
        margin: 32px;
    }

    .blog-text ol.ol-little-margin li {
        margin: 20px;
    }

    /* --- Таблицы (шрифт, padding) --- */
    .styled-table {
        font-size: 14px;
    }

    .styled-table th,
    .styled-table td {
        padding: 24px 16px;
    }

    /* --- Sidebar: toc-box, sidebar-cta --- */
    .toc-box {
        padding: 20px;
        max-height: calc(100vh - 80px - 16px - 180px);
    }

    .toc-box__title {
        font-size: 18px;
    }

    .toc-box__list a.toc-box__link {
        font-size: 16px;
    }

    .toc-box__item--h3 {
        padding-left: 14px;
    }

    .sidebar-cta {
        padding: 20px;
    }

    .sidebar-cta__title {
        font-size: 18px;
        margin: 0 0 32px;
    }

    .sidebar-cta a.sidebar-cta__btn {
        padding: 11px 18px;
        font-size: 13px;
    }

    /* --- Заголовок «Другие проекты» --- */
    .blog-slider__header {
        margin-bottom: 32px;
    }

    .blog-slider__header h2 {
        font-size: 40px;
    }

    /* --- Блок с формой --- */
    .blog-form-section {
        padding: 64px 0;
    }

    .blog-form-section__title {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 20px;
    }

    .blog-form-section__desc {
        margin-bottom: 90px;
        font-size: 17px;
    }

    .blog-form-section__contacts {
        gap: 32px;
    }

    .blog-form-section__contact-item {
        font-size: 17px;
        gap: 14px;
    }
}

/* ==========================================================================
   РАСКЛАДКА (max-width: 1024px)
   Только колонки, галерея, слайдер, вложенные ответы.
   Типографика — выше, в @media (max-width: 1400px).
   ========================================================================== */
@media (max-width: 1024px) {

    /* --- Галерея: 3 колонки → 2 --- */
    .blog-text .galery {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .blog-text .galery img {
        max-height: 480px;
    }

    /* --- Списки в 3 колонки → 2 --- */
    ul.ul-columns-3 {
        grid-template-columns: 1fr 1fr;
        gap: 8px 24px;
    }

    /* --- Сетка: gap чуть больше, чтобы колонки не «слипались» --- */
    .new-detail_layout {
        gap: 20px;
    }
}

/* ==========================================================================
   ПЕРЕСТРОЙКА В 1 КОЛОНКУ (max-width: 900px)
   Sidebar уходит вниз, sticky выключается.
   Раскладка: галерея 2 колонки, слайдер 2 карточки (уже с 1024).
   Порядок блоков:
     1. Хлебные крошки
     2. new-detail_meta
     3. H1 + превью
     4. blog-text__meta
     5. new-detail_sidebar-sticky (содержание + CTA) — НЕ sticky
     6. blog-text (текст статьи)
     7. комментарии
     8. другие проекты
     9. форма
   ========================================================================== */
@media (max-width: 900px) {

    /* --- Сетка: 1 колонка --- */
    .new-detail_layout {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* --- 2-й layout (текст + sidebar): sidebar ДО текста --- */
    .new-detail_content-section .new-detail_layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .new-detail_content-section .new-detail_sidebar {
        order: 1;
        width: 100%;
    }

    .new-detail_content-section .new-detail_main {
        order: 2;
    }

    /* --- Sidebar больше не sticky --- */
    .new-detail_sidebar {
        height: auto;
    }

    .new-detail_sidebar-sticky {
        position: static;
        padding: 0;
        gap: 20px;
        max-height: none;
        overflow: visible;
    }

    .toc-box {
        max-height: none;
        overflow: visible;
    }

    .toc-box__list {
        overflow-y: visible;
        max-height: none;
    }

    /* --- Пустые сайдбары (hero, comments) — скрыть --- */
    .new-detail_hero .new-detail_sidebar,
    .new-detail_comments-section .new-detail_sidebar {
        display: none;
    }

    .new-detail_comments-section .new-detail_layout {
        display: block;
    }

    /* --- Sidebar-cta — на всю ширину --- */
    .sidebar-cta a.sidebar-cta__btn {
        display: flex;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }
}

/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (max-width: 680px)
   Порядок на мобилке:
     1. Хлебные крошки
     2. new-detail_meta (теги, дата, время)
     3. new-detail_main (h1 + превью)
     4. blog-text__meta
     5. new-detail_sidebar-sticky (содержание + CTA) — НЕ sticky
     6. blog-text (текст статьи)
     7. комментарии
     8. другие проекты
     9. форма
   ========================================================================== */
@media (max-width: 680px) {

    /* --- Отступы секций --- */
    .new-detail > section {
        padding: 40px 0;
    }

    .new-detail > section.new-detail_meta-section {
        padding: 40px 0 0 0;
    }

    .new-detail > section.new-detail_content-section {
        padding: 0 0 40px 0;
    }

    .new-detail_hero {
        padding: 20px 0 40px;
    }

    .new-detail_hero-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: start;
    }

    /* --- Хлебные крошки --- */
    .new-detail_hero .breadcrumbs {
        margin-bottom: 24px;
        font-size: 12px;
    }

    /* --- Мета (теги, дата, время) --- */
    .new-detail_layout {
        grid-template-columns: 1fr;
    }

    .new-detail_meta {
        margin-bottom: 24px;
        gap: 8px;
    }

    .new-detail a.new-detail_tag,
    .new-detail_date,
    .new-detail_time {
        font-size: 11px;
        padding: 6px 10px;
    }

    /* --- Заголовок + превью --- */
    .new-detail_title {
        font-size: 28px;
        line-height: 1.1;
        margin: 0 0 24px 0;
    }

    .new-detail_preview {
        font-size: 15px;
        line-height: 1.4;
    }

    /* --- blog-text__meta --- */
    .blog-text__meta {
        flex-direction: row;
        gap: 12px;
        margin-bottom: 40px;
    }

    .blog-text__meta-info {
        font-size: 14px;
    }

    .blog-text__meta a.blog-text__meta-link {
        font-size: 12px;
        padding: 6px 10px;
    }

    /* --- 2-й layout: sidebar ДО blog-text --- */
    .new-detail_content-section .new-detail_layout {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .new-detail_content-section .new-detail_sidebar {
        order: 1;
        width: 100%;
    }

    .new-detail_content-section .new-detail_main {
        order: 2;
    }

    /* --- Сайдбар больше не sticky --- */
    .new-detail_sidebar-sticky {
        position: static;
        padding: 0;
        gap: 24px;
        max-height: none;
        overflow: visible;
    }

    .toc-box {
        max-height: none;
        overflow: visible;
    }

    .toc-box__list {
        overflow-y: visible;
        max-height: none;
    }

    /* --- Текст статьи --- */
    .blog-text {
        font-size: 16px;
        line-height: 1.5;
    }

    .blog-text p {
        margin: 24px 0;
    }

    .blog-text u {
        font-size: 18px;
    }

    .blog-text .title-img {
        margin: -16px 0 24px 0;
        font-size: 12px;
    }

    .blog-text p.author {
        margin: 24px 0 -16px 0;
        font-size: 14px;
    }

    .blog-text h1,
    .blog-text h2 {
        font-size: 26px;
        margin: 80px 0 40px;
    }

    .blog-text h3 {
        font-size: 20px;
        margin: 24px 0 12px;
    }

    .blog-text h3.under-title {
        font-size: 18px;
        margin: 24px 0;
    }

    .blog-text .lead {
        font-size: 20px;
        padding: 48px 20px 24px;
        margin: 24px 0;
    }

    .blog-text .lead::before {
        top: 16px;
        left: 20px;
        font-size: 12px;
    }

    .blog-text blockquote {
        font-size: 18px;
        padding: 64px 20px 24px;
        margin: 24px 0;
    }

    .blog-text blockquote::before {
        top: 24px;
        left: 20px;
    }

    .blog-text ol li {
        margin: 24px;
    }

    .blog-text ol.ol-little-margin li {
        margin: 16px;
    }

    /* Списки в 2/3 колонки — в одну */
    ul.ul-columns-2,
    ul.ul-columns-3 {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    /* Таблицы — горизонтальный скролл */
    .table-scroll {
        margin: 24px -16px;
        padding: 0 16px;
        width: calc(100% + 32px);
    }

    .styled-table {
        font-size: 14px;
        min-width: 560px;
    }

    .styled-table th,
    .styled-table td {
        padding: 16px 12px;
    }

    /* --- Содержание и CTA --- */
    .toc-box,
    .sidebar-cta {
        padding: 20px;
        border-radius: 16px;
    }

    .toc-box__title,
    .sidebar-cta__title {
        font-size: 18px;
    }

    .toc-box__list {
        margin-top: 16px;
    }

    .toc-box__list a.toc-box__link {
        font-size: 15px;
    }

    .sidebar-cta__title {
        margin-bottom: 40px;
    }

    .sidebar-cta a.sidebar-cta__btn {
        display: flex;
        justify-content: center;
    }

    /* --- Другие проекты --- */
    .blog-slider__header {
        margin-bottom: 24px;
    }

    .blog-slider__header h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    /* --- Форма --- */
    .blog-form-section {
        padding: 40px 0;
    }

    .blog-form-section__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .blog-form-section__title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 16px;
    }

    .blog-form-section__desc {
        margin-bottom: 40px;
        font-size: 16px;
    }

    .blog-form-section__contacts {
        gap: 24px;
    }

    .blog-form-section__contact-item {
        font-size: 16px;
        gap: 8px;
    }

    /* --- Комментарии: убираем пустой сайдбар --- */
    .new-detail_comments-section .new-detail_sidebar {
        display: none;
    }

    .new-detail_comments-section .new-detail_layout {
        display: block;
    }

    /* --------------------------------------------------------------------------
       Универсальная защита от «широкого» контента из визуального редактора
       -------------------------------------------------------------------------- */

    /* 1. Разрешаем потомкам сжиматься меньше контента (grid/flex) */
    .new-detail_main,
    .blog-text {
        min-width: 0;
        max-width: 100%;
    }

    /* 2. Длинные слова/ссылки не растягивают контейнер */
    .blog-text {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .blog-text a {
        overflow-wrap: anywhere;
        word-break: break-all;
    }

    /* 3. Таблицы, pre, iframe, video — не шире контейнера */
    .blog-text > table,
    .blog-text > pre,
    .blog-text > iframe,
    .blog-text > video {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 4. Обёртка .table-scroll — гарантированный скролл */
    .blog-text .table-scroll {
        margin: 24px 0;
        padding: 0;
        width: 100%;
    }

    /* 5. Картинки в таблицах — не ломают таблицу */
    .styled-table img {
        max-width: 100%;
        height: auto;
    }

    /* ============================================================
       .galery в тексте статьи → слайдер-свайп на мобилке
       ============================================================ */

    /* Обёртка-слайдер */
    .blog-text .galery {
        display: flex;
        flex-wrap: nowrap;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 24px -16px;
        padding: 0 16px 8px;
    }

    .blog-text .galery::-webkit-scrollbar {
        display: none;
    }

    /* Каждый слайд — на всю ширину контейнера */
    .blog-text .galery img {
        flex: 0 0 100%;
        scroll-snap-align: start;
        width: 100% !important;
        height: auto !important;
        max-height: 70vh;
        object-fit: contain;
        border-radius: 12px;
        display: block;
        background: rgba(var(--scrollbar-rgb), 0.1);
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.comments/.default/styles.css?179454365016279*/
/* =========================================
   1. СКРЫТИЕ СТАНДАРТНЫХ ТАБОВ БИТРИКСА
   ========================================= */
.bx-catalog-tab-list { display: none !important; }
.bx-catalog-tab-section-container { border: none !important; background: transparent !important; padding: 0 !important; }
.bx-catalog-tab-body-container { border: none !important; background: transparent !important; padding: 0 !important; }

/* =========================================
   2. ЗАГОЛОВОК И ПЛАШКА
   ========================================= */
.blog-comments__header { margin-bottom: 32px; }
.blog-comments__title { font-size: 48px; color: var(--white); margin: 0 0 24px 0; font-weight: 500; }
.blog-comments__title .cyan { color: var(--cyan); }
.blog-comments__desc { font-size: 18px; margin: 0; }

.my-comments-form-wrapper {
    background: linear-gradient(90deg, rgba(var(--scrollbar-rgb), 0.24) 0%, rgba(var(--scrollbar-rgb), 0.16) 100%);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 40px;
}
.my-comments-form-title { font-size: 32px; color: var(--white); margin-bottom: 12px; font-weight: 500; line-height: 1.3; }
.my-comments-form-text { font-size: 14px; color: var(--muted-light); margin-bottom: 40px; line-height: 1.5; }
.my-comments-form-info { margin-bottom: 32px; }

.my-comments-form-info a.my-comments-form-btn, div.blog-comment-buttons input {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px !important;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--btn);
    background: var(--cyan);
    font: inherit;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow .2s ease, opacity .2s ease;
}
.my-comments-form-info a.my-comments-form-btn:hover { box-shadow: 0 2px 30px var(--cyan-btn-border); opacity: 0.95; }

/* =========================================
   3. КОММЕНТАРИИ (ГРУППЫ)
   ========================================= */
.comments-list { display: flex; flex-direction: column; margin-top: 30px; gap: 32px; }

/* Группа (Родитель + его дети) */
.comment-group {
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 16px;
}
.comment-group:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

/* Карточка комментария (Общая) */
.comment-item {
    display: flex;
    gap: 16px;
    position: relative;
    flex-direction: column;
}

.comment-info {
    display: flex;
    gap: 16px;
    position: relative;
    flex-direction: row;
}

/* Аватарка */
.comment-avatar {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--line);
}
.comment-avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar-initials { color: var(--cyan); font-weight: 700; font-size: 18px; text-transform: uppercase; line-height: 1; }

/* Тело комментария */
.comment-body { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; }

/* Шапка (Имя и статус) */
.comment-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-wrap: wrap;
}
.comment-author { font-weight: 500; color: var(--white); font-size: 20px; line-height: 1,2; }
.comment-role { font-size: 14px; color: var(--muted-light); font-weight: 400; line-height: 1,5; }

.my-comments-form-info #form_comment_0 {
    margin-top: 16px;
}

/* Текст */
.comment-text, .blog-textinfo {
    color: var(--muted-light);
    font-size: 20px;
    line-height: 1.4;
    word-wrap: break-word;
    transition: max-height 0.3s ease;
    padding: 8px 0;  
}

/* Когда текст развернут — показываем полностью */
.comment-text.is-expanded {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    text-overflow: clip !important;
}

/* Кнопка "Читать дальше" */
.read-more-toggle {
    display: block;
    cursor: pointer;
    margin-top: 8px;
    color: var(--muted-light);
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Inter Tight', sans-serif;
    transition: color 0.2s ease;
}
.read-more-toggle:hover {
    text-decoration: underline;
}

.comment-text p { margin: 0 0 10px 0; }
.comment-text p:last-child { margin-bottom: 0; }

/* Обрезка текста */
.comment-text.is-collapsed {
    max-height: 120px; /* Примерно 3-4 строки */
    overflow: hidden;
    position: relative;
}
.comment-text.is-collapsed::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 40px;
    background: linear-gradient(to bottom, transparent, var(--bg, #1a1f2b));
    pointer-events: none;
}

/* Кнопки (Ответить, Редактировать и т.д.) */
.comment-actions { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; padding: 8px 0;}
.comment-reply-btn {
    background: none;
    border: 1px solid var(--line);
    padding: 8px 16px;
    border-radius: 8px;
    color: var(--white);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.comment-reply-btn:hover { color: var(--cyan); }

div.blog-comment-fields {
    border-radius: 12px;
}

.blog-comment-edit {
    margin: 8px 0;
}

/* Кнопка "Читать дальше" */
.read-more-btn {
    display: inline-block; cursor: pointer; margin-top: 10px;
    font-family: 'Inter Tight', sans-serif; font-weight: 400;
    font-size: 14px; line-height: 150%; color: var(--cyan);
    transition: color 0.2s ease;
}
.read-more-btn:hover { color: #fff; }

/* =========================================
   4. ВЛОЖЕННЫЕ ОТВЕТЫ (ДЕРЕВО)
   ========================================= */
.replies-toggle-wrapper {
    margin: 0px;
}
.replies-toggle-btn {
    background: none; border: 1px solid var(--line);
    padding: 8px 16px; border-radius: 8px;
    color: var(--white); font-size: 14px; cursor: pointer;
    transition: all 0.2s ease;
}
.replies-toggle-btn:hover { border-color: var(--cyan); color: var(--cyan); }

/* Контейнер с дочерними комментариями */
.replies-container {
    margin-top: 0px;
    margin-left: 72px; /* Выравнивание по тексту родителя */
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Дочерний комментарий (вертикальная черта) */
.comment-child {
    border-left: 1px solid var(--cyan);
    padding-left: 24px;
    position: relative;
}

/* =========================================
   5. ПАГИНАЦИЯ
   ========================================= */
.blog-comment-nav { display: flex; justify-content: center; gap: 8px; margin-top: 32px; }
.blog-comment-nav-item {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 8px;
    background: rgba(255,255,255,0.05); color: var(--white);
    text-decoration: none; transition: all 0.2s ease;
}
.blog-comment-nav-item:hover { background: rgba(0, 174, 239, 0.2); color: var(--cyan); }
.blog-comment-nav-item-sel { background: var(--cyan); color: #000; font-weight: 600; }

.no-comments { text-align: center; color: var(--muted-light); padding: 32px 0; font-size: 18px; }

div.blog-textinfo {
    background: none !important;
    border: solid 1px var(--line) !important;
    font-size: 18px !important;
    padding: 8px !important;
    border-radius: 12px !important;
}

.moderation-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    padding: 12px 16px;
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-left: 4px solid #ffb300;
    border-radius: 8px;
    font-size: 14px;
    color: #6d4c00;
    transition: opacity 0.3s ease;
}
.moderation-notice__icon {
    font-size: 18px;
    flex-shrink: 0;
}
.moderation-notice__text {
    flex: 1;
}
.moderation-notice__close {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #6d4c00;
    cursor: pointer;
    padding: 0 4px;
    opacity: 0.6;
}
.moderation-notice__close:hover {
    opacity: 1;
}

/* ==========================================================================
   ТИПОГРАФИКА (max-width: 1400px) — комментарии
   ========================================================================== */
@media (max-width: 1400px) {

    /* --- Заголовок --- */
    .blog-comments__header {
        margin-bottom: 28px;
    }

    .blog-comments__title {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 24px;
    }

    .blog-comments__desc {
        font-size: 17px;
    }

    /* --- Плашка формы --- */
    .my-comments-form-wrapper {
        padding: 28px;
        margin-bottom: 32px;
    }

    .my-comments-form-title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .my-comments-form-text {
        font-size: 14px;
        margin-bottom: 32px;
    }

    .my-comments-form-info {
        margin-bottom: 28px;
    }

    .my-comments-form-info a.my-comments-form-btn,
    div.blog-comment-buttons input {
        padding: 11px 18px !important;
        font-size: 14px !important;
    }

    /* --- Список --- */
    .comments-list {
        margin-top: 28px;
        gap: 28px;
    }

    .comment-group {
        gap: 14px;
        padding-bottom: 14px;
    }

    /* --- Карточка --- */
    .comment-item {
        gap: 14px;
    }

    .comment-info {
        gap: 14px;
    }

    .comment-avatar {
        width: 48px;
        height: 48px;
    }

    .avatar-initials {
        font-size: 16px;
    }

    .comment-author {
        font-size: 18px;
        line-height: 1.3;
    }

    .comment-role {
        font-size: 13px;
    }

    .comment-text,
    .blog-textinfo {
        font-size: 17px;
        line-height: 1.5;
        padding: 6px 0;
    }

    .comment-text.is-collapsed {
        max-height: 108px;
    }

    .read-more-toggle,
    .read-more-btn {
        font-size: 13px;
    }

    /* --- Кнопки действий --- */
    .comment-actions {
        gap: 12px;
        padding: 6px 0;
    }

    .comment-reply-btn {
        padding: 7px 14px;
        font-size: 13px;
    }

    /* --- Пагинация --- */
    .blog-comment-nav {
        gap: 8px;
        margin-top: 28px;
    }

    .blog-comment-nav-item {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .no-comments {
        font-size: 17px;
        padding: 28px 0;
    }

    /* --- Форма ответа / редактирования --- */
    div.blog-textinfo {
        font-size: 16px !important;
        padding: 10px !important;
    }

    .blog-comment-edit {
        margin: 7px 0;
    }

    div.blog-comment-fields {
        padding: 20px;
        border-radius: 11px;
    }

    /* --- Уведомление о модерации --- */
    .moderation-notice {
        padding: 11px 14px;
        font-size: 13px;
    }

    .moderation-notice__icon {
        font-size: 17px;
    }

    .moderation-notice__close {
        font-size: 19px;
    }
}

/* ==========================================================================
   РАСКЛАДКА (max-width: 1024px) — комментарии
   Вложенные ответы: отступ меньше, чтобы текст не сжимался
   ========================================================================== */
@media (max-width: 1024px) {

    .replies-container {
        margin-left: 56px;
        gap: 20px;
    }

    .comment-child {
        padding-left: 20px;
    }
}

/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (max-width: 680px) — комментарии
   ========================================================================== */
@media (max-width: 680px) {

    /* --- Заголовок и плашка --- */
    .blog-comments__header {
        margin-bottom: 24px;
    }

    .blog-comments__title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 16px;
    }

    .blog-comments__desc {
        font-size: 16px;
        line-height: 1.4;
    }

    .my-comments-form-wrapper {
        padding: 20px;
        border-radius: 12px;
        margin-bottom: 24px;
    }

    .my-comments-form-title {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .my-comments-form-text {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .my-comments-form-info {
        margin-bottom: 24px;
    }

    .my-comments-form-info a.my-comments-form-btn,
    div.blog-comment-buttons input {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 16px !important;
        font-size: 14px !important;
    }

    /* --- Список комментариев --- */
    .comments-list {
        margin-top: 24px;
        gap: 24px;
    }

    .comment-group {
        gap: 12px;
        padding-bottom: 12px;
    }

    /* --- Карточка комментария --- */
    .comment-item {
        gap: 12px;
    }

    .comment-info {
        gap: 12px;
    }

    .comment-avatar {
        width: 40px;
        height: 40px;
    }

    .avatar-initials {
        font-size: 14px;
    }

    .comment-author {
        font-size: 16px;
        line-height: 1.3;
    }

    .comment-role {
        font-size: 14px;
    }

    .comment-text,
    .blog-textinfo {
        font-size: 14px;
        line-height: 1.5;
        padding: 4px 0;
    }

    .comment-text.is-collapsed {
        max-height: 96px;
    }

    .read-more-toggle {
        font-size: 13px;
    }

    .read-more-btn {
        font-size: 13px;
    }

    /* --- Кнопки действий --- */
    .comment-actions {
        gap: 8px;
        padding: 4px 0;
    }

    .comment-reply-btn {
        padding: 6px 12px;
        font-size: 13px;
    }

    /* --- Вложенные ответы --- */
    .replies-container {
        margin-left: 12px;
        gap: 16px;
    }

    .comment-child {
        padding-left: 12px;
    }

    .replies-toggle-btn {
        padding: 6px 12px;
        font-size: 13px !important;
    }

    /* --- Пагинация --- */
    .blog-comment-nav {
        gap: 6px;
        margin-top: 24px;
    }

    .blog-comment-nav-item {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .no-comments {
        font-size: 15px;
        padding: 24px 0;
    }

    /* --- Форма ответа / редактирования --- */
    div.blog-textinfo {
        font-size: 14px !important;
        padding: 12px !important;
        border-radius: 10px !important;
    }

    .blog-comment-edit {
        margin: 6px 0;
    }

    div.blog-comment-fields {
        padding: 16px;
        border-radius: 10px;
    }

    /* --- Уведомление о модерации --- */
    .moderation-notice {
        padding: 10px 12px;
        font-size: 13px;
        gap: 8px;
    }

    .moderation-notice__icon {
        font-size: 16px;
    }

    .moderation-notice__close {
        font-size: 18px;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/blog/templates/.default/style.min.css?179419981330185*/
.blog-posts{display:inline;float:left;margin-right:1%;overflow:hidden;width:79%}.blog-post{margin:0;padding-bottom:2.5em;padding-right:.8em}.blog-post-title{font-size:1.65em;font-weight:var(--ui-font-weight-bold);line-height:1.3em;margin:0;padding:.2em;padding-left:.6em;font-family:Arial}.blog-post-title a{text-decoration:none !important}.blog-post-title a :hover{text-decoration:underline !important}.blog-post-info{padding:.2em .6em .2em}.blog-post-content{padding:.4em .6em .4em;overflow:hidden;border-bottom:1px dotted;line-height:1.4em}.blog-post-meta{font-size:.85em;line-height:1.4em;margin:0;padding:0;padding-top:.3em;padding-bottom:.3em;padding-left:.6em}.blog-post-date{margin:.1em 0;padding:0 0 0 .3em;line-height:1.4em;display:inline}.blog-post-current .blog-post{padding-right:0}.blog-post-edit-link,.blog-post-delete-link,.blog-post-comments-link,.blog-post-views-link,.blog-post-publish-link,.blog-post-hide-link,.blog-post-show-link{background-repeat:no-repeat;padding-left:18px;height:16px;display:inline-block;padding-right:.5em;font-size:1.2em}.blog-post-comments-link{padding-left:15px}.blog-post-show-link{padding-left:19px}.blog-post-tag{padding-top:.4em}.blog-post-tag a{text-decoration:none !important}.blog-post-tag a:hover{text-decoration:underline !important}.blog-post-avatar img{float:right}.blog-post-avatar{padding:.1em .3em .3em .3em}.blog-post-content div[align="left"],.blog-post-content div[align="right"],.blog-post-content div[align="center"],.blog-post-content div[align="justify"]{min-height:1em}div.blog-post-field-text textarea{width:100%}div.blog-post-field-text{padding-bottom:.2em}div.blog-post-field-title input,div.blog-post-field-category input{width:100%}div.blog-post-field-code input{width:40%}div.blog-post-field-user{width:100%}div.blog-post-field-title,div.blog-post-field-category,div.blog-post-field-favorite,div.blog-post-field-date,div.blog-post-field-enable-comments{width:100%}div.blog-post-field-access,div.blog-post-field-seo,div.blog-post-field-category{padding-top:10px}div.blog-post-field-date{padding-top:.5em}div.blog-post-field-favorite div,div.blog-post-field-enable-comments div{display:inline}div.blog-post-field-favorite,div.blog-post-field-enable-comments{padding-bottom:.4em}div.blog-post-field-sep{width:2%;float:left}div.blog-post-image-item{float:left;padding-right:1em;padding-bottom:2em;height:150px}div.blog-post-image-item-border{border:1px solid;height:100px;text-align:center;vertical-align:middle;width:100px}div.blog-post-image-item-input{padding-top:.5em}div.blog-post-image-item-input input{width:100px}div.blog-post-buttons{padding-top:1em;padding-bottom:.4em}div.blog-post-field-category div.blog-post-field-text label,div.blog-post-field-access-title,div.blog-post-field-code div.blog-post-field-text label,div.blog-post-field-seo label{font-weight:var(--ui-font-weight-bold);font-size:1.1em}div.blog-post-bbcode-line{padding-top:.2em}.blog-group-edit{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}.blog-group-delete{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}div.blog-post-edit-form{width:97%;padding:.8em}div.blog-buttons{padding-top:1em}.blog-comment{margin:0;padding-top:.7em}.blog-comment-info{display:block}.blog-comment-content{display:block;overflow:hidden;padding-top:.5em}.blog-comment-meta{font-size:.85em;padding-top:.5em;padding-bottom:.5em}.blog-comment-date{font-size:.85em;display:inline}.blog-comment-author-info{display:inline}.blog-comment-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec}.blog-comment-meta a{text-decoration:none !important}.blog-comment-meta a:hover{text-decoration:underline !important}.blog-comment-link,.blog-comment-delete,.blog-comment-parent,.blog-comment-answer,.blog-comment-edit,.blog-comment-show,.blog-comment-hide{display:inline-block}.blog-add-comment{text-align:center;padding-top:0;padding-bottom:1.5em}.blog-comment-nav{padding-bottom:.6em}div.blog-comment-form{margin-bottom:.7em;margin-top:.7em;width:80%}div.blog-comment-field-text{width:100%}div.blog-comment-field-text textarea{width:99.9%}.blog-comment-field-subject{margin-bottom:15px}div.blog-comment-field-tags{display:none}div.blog-comment-field-tags input{width:80%}div.blog-comment-field-captcha input{width:180px}div.blog-comment-field-settings input{width:1.55em;height:1.55em;margin:0 0 0 -0.25em;vertical-align:middle;font-size:1em}div.blog-comment-field-settings label{vertical-align:middle}div.blog-comment-fields{padding:.8em;zoom:1}div.blog-comment-field-title input,div.blog-comment-field-desc input{width:80%}div.blog-comment-field-user{width:100%;padding-bottom:5px}div.blog-comment-field-author,div.blog-comment-field-email{float:left;width:47%}div.blog-comment-field-text{padding-bottom:.2em}div.blog-comment-field-user-sep{width:5%;float:left}div.blog-comment-field-author input,div.blog-comment-field-email input{width:100%}div.blog-comment-field-bbcode{padding-top:.7em}div.blog-comment-field-captcha-image{padding-top:.4em}div.blog-comment-buttons{margin-top:1em;padding-bottom:.4em}div.blog-comment-buttons input{padding:0 .5em;font-size:1.184em}div.blog-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-menu-box span{white-space:nowrap;display:inline-block}div.blog-settings-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-settings-menu-box span{white-space:nowrap;display:inline-block}.blog-sidebar{display:inline;float:right;overflow:hidden;width:20%}.blog-sidebar ul,.blog-sidebar ul li ul{margin:0;padding:0;list-style:none !important}.blog-sidebar ul li{margin:0;padding:0;list-style:none !important;text-align:left}.blog-sidebar h3{font-size:1em;font-weight:var(--ui-font-weight-bold);letter-spacing:1px;border-bottom:1px solid;padding:0;padding-bottom:.6em;margin:0}.blog-sidebar li ul li{margin:0;padding:0;border:0}.blog-sidebar ul li ul li{text-align:left;margin:0;padding:0}.blog-sidebar ul li ul li a{text-decoration:none;outline:0}.blog-sidebar ul li ul li a:hover{text-decoration:underline}.blog-sidebar ul{padding:1em}.blog-sidebar ul li ul{padding-top:.4em}.blog-sidebar-title a{text-decoration:none}.blog-sidebar-avatar{text-align:center}div.blog-errors{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-errors ul{padding:.3em 0 .3em 2em;margin:0}div.blog-errors ul li{margin:0;padding:0}div.blog-notes{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-notes ul{padding:.3em 0 .3em 2em;margin:0}div.blog-notes ul li{margin:0;padding:0}div.blog-textinfo{border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-textinfo ul{padding:.3em 0 .3em 2em;margin:0}div.blog-textinfo ul li{margin:0;padding:0}div.blog-clear-float{clear:both}table.blog-table-header-left,table.blog-table-header-top{border-collapse:collapse;border:0}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{padding:.5em;vertical-align:top;border-top:1px solid}table.blog-table-header-left th{text-align:right}table.blog-table-header-top th{text-align:center}table.blog-edit-perms-table{border:0}table.blog-edit-perms-table th,table.blog-edit-perms-table td{padding:.2em;vertical-align:top;border:0;border-top:0}table.blog-edit-perms-table th{text-align:center}div.blog-line{background-repeat:no-repeat;height:3px;width:100%}.blog-author{margin:0;padding:0;display:inline;font-weight:var(--ui-font-weight-bold)}.blog-author-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}div.blog-bbcode-line{margin-right:3px;float:left}div.blog-smiles-line,div.blog-more-smiles{float:left;white-space:nowrap;margin-left:5px;font-size:.95em}div.blog-bbcode-closeall{float:right}div.blog-bbcode-line img,div.blog-smiles-line img{border:0}div.blog-bbcode-line a,div.blog-smiles-line a{vertical-align:middle}div.blog-bbcode-line a{width:20px;height:20px;float:left;margin-right:.2em;background-position:center center;background-repeat:no-repeat;display:block}div.blog-bbcode-line a,div.blog-bbcode-line img,div.blog-smiles-line a,div.blog-smiles-line img{outline:0}div.blog-bbcode-line select{float:left;margin-left:3px;padding:0;height:20px}div.blog-bbcode-closeall a{padding-left:1em;vertical-align:middle;float:left}
/*BBCode Icons*/
a.blog-bbcode-bold {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_bold.gif);} a.blog-bbcode-italic {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_italic.gif);} a.blog-bbcode-color {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_color.gif);} a.blog-bbcode-underline{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_underline.gif);} a.blog-bbcode-strike{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_strike.gif);} a.blog-bbcode-url{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_link.gif);} a.blog-bbcode-img-upload{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image.gif);} a.blog-bbcode-img{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image_upload.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-code{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_code.gif);} a.blog-bbcode-quote{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_quote.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-list{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_list.gif);} a.blog-bbcode-cut{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/cut.gif);} div.blog-mainpage{width:100%}div.blog-mainpage-side-left{float:left;width:52%;padding-right:.5em}div.blog-mainpage-side-right{float:right;width:46%}.blog-mainpage-item{margin:0;padding-bottom:.6em;padding-top:.5em}.blog-mainpage-title{margin:0;padding-bottom:.5em;padding-top:.4em;font-weight:var(--ui-font-weight-bold)}.blog-mainpage-content{line-height:1.4em;font-size:.95em;display:block}.blog-mainpage-meta{font-size:.89em;line-height:1.4em;margin:0;padding:0;padding-top:.4em}.blog-mainpage-meta a{text-decoration:none !important}.blog-mainpage-meta a:hover{text-decoration:underline !important}div.blog-mainpage-comment .blog-mainpage-meta{display:inline;padding-left:.4em;font-size:.89em}div.blog-mainpage-comment .blog-mainpage-content{padding-top:.4em}div.blog-mainpage-comment .blog-mainpage-content a{text-decoration:none !important}div.blog-mainpage-comment .blog-mainpage-content a:hover{text-decoration:underline !important}div.blog-mainpage-item .blog-author{font-weight:normal}div.blog-mainpage-comment .blog-mainpage-title{font-weight:normal}div.blog-mainpage-blogs .blog-mainpage-content a{text-decoration:none}div.blog-mainpage-blogs .blog-mainpage-content a:hover{text-decoration:none}.blog-tab{padding:0;margin:0;min-height:31px;height:100%;width:96%;line-height:2.35em;display:block}.blog-tab-left{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:left}.blog-tab-right{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:right}.blog-tab-container{width:100%;display:block}.blog-tab-items{float:right;font-size:.95em;padding-right:.6em;display:inline;white-space:nowrap}.blog-tab-items a{text-decoration:none !important;padding-left:.6em}.blog-tab-items a:hover{text-decoration:underline !important}.blog-tab-title{font-weight:var(--ui-font-weight-bold);padding-left:.5em;float:left;display:inline;overflow:hidden}.blog-tab-title a{text-decoration:none !important}.blog-tab-title a:hover{text-decoration:underline !important}div.blog-tab-content{padding-top:.2em;padding-left:.6em;padding-right:.6em;padding-bottom:1.7em}div.blog-mainpage-search-cloud{padding-top:.4em}.blog-calendar{text-align:center}.blog-calendar table th{font-weight:normal}.blog-rss div{padding-top:.6em}.blog-rss-icon{background-repeat:no-repeat;width:17px;height:17px;display:block;line-height:1em}.blog-group-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}.blog-search-form{padding-top:.6em}.blog-search-form div{padding-bottom:.4em}.blog-mainpage-create-blog{padding-bottom:1em;padding-left:.6em}.blog-rss-subscribe{padding-bottom:1.5em}.blog-rss-subscribe .blog-tab-items{padding-top:.55em}.blog-group-rss{padding-top:1em}table.blogquote,table.blogcode{font-size:1em;margin:.5em 1em;width:80%;border:1px solid}table.blogquote td,table.blogcode td{padding:.95em 1.5em}table.blogcode td{font-family:"Courier New";white-space:pre-wrap}table.blogcode pre{font-family:"Courier New";font-size:12px;margin:0;line-height:15px;white-space:pre-wrap}div.blog-post-quote,div.blog-post-code{padding-top:.6em;padding-bottom:.6em}div.blog-post-quote span,div.blog-post-code span{padding-left:.6em}div.blog-post-quote table.blogquote,div.blog-post-code table.blogcode{margin:0}div.blog-page-navigation{padding-bottom:.8em}div.blog-page-navigation a,span.blog-page-current,span.blog-page-dots{padding-left:.75em;padding-right:.5em;text-decoration:none}div.blog-page-navigation a.blog-page-first,div.blog-page-navigation span.blog-page-first{padding-left:.5em}span.blog-page-current{font-weight:var(--ui-font-weight-bold)}ul.blog-navigation{list-style-position:outside;list-style-type:none;padding:0;margin:0;padding-bottom:1em}ul.blog-navigation li{display:inline}.blog-post-content{border-bottom-color:#ccc}.blog-post-meta,.blog-comment-meta,.blog-comment-nav{color:#969696}.blog-post-tag a,.blog-comment-meta a,.blog-mainpage-meta a{color:#969696 !important}.blog-post-date,.blog-comment-date{color:#767676}div.blog-post-date span.blog-post-time,div.blog-post-date span.blog-post-day{display:none}div.blog-post-edit-form,div.blog-comment-fields{background-color:#f1f1f1}div.blog-post-image-item-border{border-color:#d8d8d8}.blog-sidebar{background-color:#f5f5f5}.blog-sidebar h3{border-bottom-color:#dadada}.blog-bottombar h3{color:#333}.blog-sidebar-title{color:#000 !important}.blog-sidebar-title a{color:#000 !important}div.blog-errors{border:solid 1px #dfbdac;background:#f6dbce}div.blog-notes{border:solid 1px #dad7a7;background:#f6f9d3}div.blog-textinfo{border:solid 1px #d5d5d5;background:#f6f6f6}.blog-required-field{color:red}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{border-top-color:#d5d5d5}div.blog-post-quote>span,div.blog-post-code>span{color:#7d7d7d;display:none}div.blog-post-code table.blogcode{border-color:#e8e8e8;color:#7d7d7d;background-color:#f7f7f7}div.blog-post-quote table.blogquote{border-color:#e8e8e8;color:#555;background:url(/bitrix/components/bitrix/blog/templates/.default/images/quote-gray.png) no-repeat scroll left top #f7f7f7}div.blog-mainpage-comment .blog-mainpage-content a,div.blog-mainpage-blogs .blog-mainpage-content a:hover,div.blog-mainpage-blogs .blog-mainpage-content a,div.blog-mainpage-comment .blog-mainpage-content a:hover{color:#333}.blog-tab,.blog-tab-container{background-color:#ededed}.blog-tab-items{color:#767676}.blog-tab-items a{color:#767676 !important}.blog-tab-title a{color:#000 !important}.blog-comment-cont-white{background-color:#fff;padding:1px}
/*images*/
div.blog-tab-left {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_start.gif);} div.blog-tab-right {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_end.gif);} div.blog-line {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line_gradient.gif);} .blog-rss-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/rss_icon.gif);} div.blog-comment-new .blog-comment-date{background-color:#fff4ca;padding-top:2px;padding-bottom:3px;padding-left:4px;padding-right:4px}div.blog-comment-hidden .blog-comment-cont-white,div.blog-comment-hidden .blog-comment-date{background-color:#ededed}div#special_perms{padding-top:.5em}div.blog-post-meta div.blog-post-info-bottom{display:none}.blog-post-meta span.blog-post-link-counter,.blog-post-meta span.microblog-post-link-counter{padding:0 0 0 .3em}div.blog-post-rating{float:right}div.blog-post-share{position:relative;float:right}img.linked{border:0;cursor:pointer;height:21px;left:2px;position:relative;top:6px;width:11px}div.blog-edit-field-code label.blog-edit-field-caption{font-weight:var(--ui-font-weight-bold)}span#post-code-input{display:none}a#post-code-text{background-color:#fff4ca;border-bottom:dashed 1px;text-decoration:none}div.blog-post-field-code{padding-top:.5em}div.blog-tags-cloud{text-align:center}div.blog-comment-preview div.blog-comment-cont-white{border-top:1px solid red;border-bottom:1px solid red}div.blog-post-edit-micro #lhe_btn_sourcebb,div.blog-post-edit-micro #blog-post-image{display:none}div.blog-post-edit-micro{margin-bottom:2em;width:78%}div.blog-post-edit-micro #blogpost-length{font-weight:var(--ui-font-weight-bold);display:inline}div.blog-post-edit-micro div.blog-post-edit-form{padding:0;background-color:white;width:100%}div.blog-post-edit-micro div.blog-post-buttons{text-align:left;padding-top:.7em;padding-bottom:.1em}div.blog-post-edit-micro #edit-post-text{padding:0;border:1px solid #c2c2c2;border-radius:2px}div.blog-post-edit-micro .lhe-stat-toolbar-cont,div.blog-post-edit-micro .lhe-button,div.blog-post-edit-micro div.lhe-tlbr-smile-cont{border:0}div.blog-post-edit-micro #blog-post-micro-lhe-hide{display:inline-block;float:right}div.blog-post-edit-micro .lhe-button-cont{padding-left:3px}div.blog-post-edit-micro #blog-post-micro-lhe-but{display:inline-block;padding-top:3px}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_image {
	background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_image.gif) !important; background-position:3px 2px !important;background-repeat:no-repeat;cursor:pointer;}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_createlink {
	background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_link.gif) !important; background-position:2px 2px !important;background-repeat:no-repeat;cursor:pointer}div.blog-post-edit-micro .lhe-button-cont #lhe_btn_bloginputvideo{width:17px;height:15px;padding-top:2px;cursor:pointer}div.blog-post-edit-micro .lhe-button-over{background-color:#fff}div.blog-post-edit-micro .blog-post-group-text{color:#999}div.blog-post-edit-micro #blog-post-micro-lhe-hide{position:absolute;top:2px;right:2px}div.blog-post-edit-micro #blog-post-micro-lhe-hide div{display:inline-block;cursor:pointer;width:17px;height:17px;vertical-align:middle;	background: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_close.gif) no-repeat;}div.blog-post-edit-micro .blog-post-field-bbcode{position:relative}div.blog-comment .blog-author{line-height:30px}div.microblog-post .blog-post-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec;padding:0}div.microblog-post .blog-post-info{background:0;padding:0}div.microblog-post .blog-author{line-height:30px}div.microblog-post div.blog-post-content{border:0;padding:0;padding-top:.5em}div.microblog-post{border-bottom:1px solid #e5e5e5;padding:1px;margin-bottom:1.5em}div.microblog-post div.blog-post-meta{padding-top:.5em;padding-bottom:.5em;font-size:.85em;padding-left:0}div.microblog-post div.blog-post-meta a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta a:hover{text-decoration:underline !important}div.microblog-post .blog-post-date{font-size:.85em;color:#969696}

div.blog-comment-line {background-color: #ededed; height:1px; background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line-start.gif); background-repeat: no-repeat; background-position: left;} span.blog-vert-separator{height:7px;width:1px;margin-left:.2em;margin-right:.2em;background-color:#e0e0e0;display:inline-block}div.blog-post-meta-util span{display:inline-block}div.blog-post-meta-util *{text-decoration:none !important}div.microblog-post div.blog-post-date a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta-util a{color:#969696 !important;text-decoration:none !important}.blog-post-meta .bx-rating span,.blog-post-meta-util.bx-rating a{font-size:13px}.blog-post-current-micro .bx-rating span,.blog-post-current-micro .bx-rating a{font-size:11px}.blog-mainpage-meta .bx-rating span{color:#969696}.blog-mainpage-meta span.ilike-light-blog-post *,.blog-mainpage-meta span.ilike-light-microblog *{color:#969696 !important;text-decoration:none !important;font-size:1em}.blog-post-meta-util a span{cursor:pointer}.blog-post-meta-util .ilike-light .bx-ilike-right{font-size:1.2em}.blog-post-meta-util .ilike-light .bx-ilike-text{padding:0;font-size:1.2em}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-right{font-size:11px}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-text{font-size:11px}.blog-comment-nav-item{cursor:pointer}div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel{font-weight:var(--ui-font-weight-bold);text-decoration:none;color:#969696;cursor:default}a.blogPostAutoSave{float:right;display:block;width:18px;height:18px;margin:3px 3px 0 0;position:relative;z-index:2}.blog-post-edit-micro a.blogPostAutoSave{margin-right:10px;margin-left:-12px;margin-top:2px}.blog-notify-bar{width:100%;height:2.5em;line-height:2.5em;	background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-micro-notify-bar{width:100%;height:3em;line-height:1.5em;	background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-notify-close{display:block !important;height:12px !important;margin:3px 6px 0 0;padding:0 !important;position:absolute !important;right:5px !important;top:5px !important;width:12px !important;}
.blog-notify-close a {
    background: url("/bitrix/js/main/core/images/panel/sprite03.png") no-repeat scroll -268px -243px transparent !important; display:block !important;height:12px !important;width:12px !important;cursor:pointer}.blog-notify-text{color:#000 !important;margin:0 !important;text-align:center !important}.blog-notify-text a.blogPostAutoRestore{position:relative;color:red;cursor:pointer;text-decoration:underline;margin-right:9px;margin-top:5px;z-index:2}span.blog-post-group-value{margin-left:.5em;border-bottom:dashed 1px;overflow:hidden;white-space:nowrap;max-width:300px;	}
span.blog-post-group-delete1 {
	background: url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat scroll -21px 8px transparent; cursor:pointer;display:inline-block;height:20px;width:15px;vertical-align:top;margin-left:2px}#blog-post-group-selector{display:inline-block;cursor:pointer}.blog-post-sonet-group{padding-bottom:.5em}.blog-post-edit-micro #blog-post-group-selector{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px}span.blog-post-group-delete{display:inline-block;cursor:pointer;width:13px;height:16px;vertical-align:top;	background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -282px;}div.blog-post-group-selector-text{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px;overflow:hidden;width:350px;white-space:nowrap;text-align:right}.blog-small-button,.blog-small-button-left,.blog-small-button-icon,.blog-small-button-right,.blog-small-button-text{display:inline-block;vertical-align:top;height:27px;cursor:pointer;text-decoration:none !important;outline:0}.blog-small-button{margin:0;background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -551px}.blog-small-button-left{width:4px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -493px;margin-right:8px}.blog-small-button-text{font:normal normal normal 13px/24px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#4f4f4f}.blog-small-button-right{width:6px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -493px;margin-left:8px}.blog-small-button:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -985px}.blog-small-button:hover .blog-small-button-left{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -927px}.blog-small-button:hover .blog-small-button-right{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -927px}.blog-arrow{width:30px;height:17px;	background: url("/bitrix/components/bitrix/blog/templates/.default/images/arrow.png") no-repeat 5px 5px; display:inline-block}.feed-com-files{padding-top:10px}.feed-com-files-title{color:#5c6470;font-size:12px;font-weight:var(--ui-font-weight-bold);float:left;min-width:50px}.feed-com-files-cont{overflow:hidden;padding:1px 0 1px 10px;zoom:1}.feed-com-file-wrap{cursor:pointer;display:inline-block;font-size:12px;line-height:14px;margin:0 12px 12px 0;vertical-align:middle}.feed-com-file-wrap:hover .feed-com-file-name{text-decoration:underline}.feed-con-file-icon {background:url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat -55px -220px; display:inline-block; margin-right:5px; height:16px; vertical-align:middle; width:16px;} .feed-com-file-name{color:#2067b0;display:inline-block;font-weight:var(--ui-font-weight-bold);margin-right:4px;max-width:120px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-com-file-size{color:#5c6470;display:inline-block;font-size:12px;vertical-align:top}.feed-com-files-photo{border:1px solid #eee;border-radius:1px;box-shadow:0 0 1px #eee,inset 0 0 1px #eee;display:inline-block;height:48px;margin:0 8px 8px 0;padding:3px;width:48px}.feed-com-files-cont .feed-com-files-photo{height:69px;width:69px}.feed-file-icon-bmp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-css {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-csv {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-dib {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-doc {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-gif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-htm {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-html {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-jfif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpe {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpeg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-js {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-pdf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -415px !important;} .feed-file-icon-php {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-png {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-ppt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-rar {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .feed-file-icon-rtf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-swf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-tif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-tiff {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-txt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -192px !important;} .feed-file-icon-xls {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xml {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-zip {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .feed-add-photo-block-wrap{margin-top:-17px}.feed-add-photo-block{display:inline-block;margin:17px 17px 0 0;min-height:92px;width:102px;padding-right:21px;position:relative;vertical-align:top}.feed-add-photo-block .feed-add-post-del-but{background-position:6px -19px;background-color:#fff;height:22px;top:1px;z-index:0}.feed-add-img-wrap{background:#fff;border:1px solid #e2e6e6;-moz-box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(137,137,137,0.3);display:block;text-align:center;padding:4px;position:relative;z-index:2}.feed-add-img-title{color:#2067b0;display:block;font-weight:var(--ui-font-weight-bold);font-size:12px;margin-top:3px;overflow:hidden}.feed-add-photo-block .feed-add-close-icon{background-color:#fff;background-position:8px -19px;height:22px;top:1px;right:1px;width:22px}.feed-add-photo-block .feed-add-close-icon:hover{background-position:-57px -60px}.feed-add-post-del-but {
	background: url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat; cursor:pointer;right:0;top:0;height:20px;position:absolute;width:20px}.feed-add-photo-block .feed-add-post-del-but{background-position:6px -19px;background-color:white;height:22px;top:1px;z-index:0}#blog-upload-file,#blog-show-seo{color:#2067b0;border-bottom:dashed 1px #2067b0;text-decoration:none}#blog-post-user-fields-UF_BLOG_POST_DOC .file-selectdialog-switcher{display:none}.blg-cancel-com,.blg-cancel-com:link,.blg-cancel-com:visited,.blg-cancel-com:active{color:#5c6470 !important;font-size:12px;text-decoration:none;padding-left:15px}.blg-cancel-com:hover{text-decoration:underline}#blog-show-seo-fields input,textarea{width:100%}
/* End */


/* Start:/bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17941998131140*/
/*color*/
.body-blog a:link, .body-blog a:visited, .body-blog a:active, .blog-navigation-box li a {color:#33882a;}
.body-blog a:hover {color:#d04747;}

.blog-post-title {background-color: #e7efd3;}
.blog-post-title span, .blog-post-title a:link, .blog-post-title a:visited, .blog-post-title a:active {color: #42783d !important;}

/*images*/
.blog-group-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user_group.gif);}
.blog-author-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user.gif);}
.blog-group-edit, .blog-post-edit-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_edit.gif);}
.blog-group-delete, .blog-post-delete-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_delete.gif);}
.blog-post-comments-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_comment.gif);}
.blog-post-views-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_view.gif); }
.blog-post-publish-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_publish.gif);}
.blog-post-show-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_show.gif);}
.blog-post-hide-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_hide.gif);}

.blog-comment-cont{}
.blog-comment-info {}
.blog-post-info-back {}
.blog-post-info {background-color: #f5f5f5; border-top: 1px solid #fff;}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.comments/.default/themes/blue/style.css?179454365124*/
/* catalog_comments */


/* End */


/* Start:/local/templates/redesign2026v2/components/bitrix/news.list/blog_slider/style.css?17945439176853*/
/* ===== СЛАЙДЕР НОВОСТЕЙ ===== */
.blog-slider__wrapper {
    overflow: hidden;
}

.blog-slider__track {
    display: flex;
    gap: 16px;
    transition: transform 0.4s ease-in-out;
    flex-wrap: nowrap; 
}

.blog-slider__card {
    flex: 0 0 calc(25% - 12px); /* 4 карточки в ряд */
    /*gap: 16px. Если 4 карточки, то между ними 3 промежутка: 16px * 3 = 48px. 
    Делим 48px на 4 карточки = 12px. Значит, каждая карточка должна быть 25% - 12px*/
    display: flex;
    flex-direction: column;
    background: var(--surface-card);
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s;   
}

.blog-slider__card:hover {
    border-color: rgba(var(--cyan-rgb), .44);
    background: var(--card-hover);
}

.blog-slider__image-link {
    display: block;
    text-decoration: none;
}

.blog-slider__image {
    width: calc(100% - 40px); /* 100% минус 20px слева и 20px справа */
    aspect-ratio: 1.38 / 1;
    object-fit: cover;
    display: block;
    margin: 20px 20px 0px; /* Отступ со всех сторон */
    border-radius: 8px; /* Скругление */
}

.blog-slider__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px;
    gap: 12px;
}

.blog-slider__date {
    font-size: 12px;
    color: var(--muted);
}

.blog-slider__title-link {
    text-decoration: none;
    margin-bottom: 52px;
}

.blog-slider__card-title {
    margin: 0;
    color: var(--white);
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    /* Ограничение в 3 строки */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;    
}

.blog-slider__title-link:hover .blog-slider__card-title {
    color: var(--cyan);
}

.blog-slider a.blog-slider__btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-weight: 500;
    color: rgba(var(--scrollbar-rgb), 1);
    font-size: 13px;
    line-height: 1.4;
    padding: 8px 12px;
    border: 1px solid rgba(var(--scrollbar-rgb), 0.1);
    border-radius: 8px;
    background: rgba(var(--scrollbar-rgb), 0.1); 
    width: max-content;
}

.blog-slider__btn::after {
    content: "→";
    transition: transform 0.2s;
}

.blog-slider a.blog-slider__btn:hover {
    color: var(--bg);
    background: var(--cyan);
}

/* Навигация */
.blog-slider__nav {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.blog-slider__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--cyan);
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.blog-slider__arrow:hover {
    background: rgba(var(--cyan-rgb), 0.1);
    border-color: var(--cyan);
}

.blog-slider__arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    color: var(--muted);
}

/* ==========================================================================
   ТИПОГРАФИКА (max-width: 1400px) — слайдер
   ========================================================================== */
@media (max-width: 1400px) {

    .blog-slider__image {
        width: calc(100% - 32px);
        margin: 16px 16px 0;
    }

    .blog-slider__content {
        padding: 16px;
        gap: 10px;
    }

    .blog-slider__date {
        font-size: 12px;
    }

    .blog-slider__card-title {
        font-size: 18px;
        line-height: 1.3;
    }

    .blog-slider__title-link {
        margin-bottom: 40px;
    }

    .blog-slider a.blog-slider__btn {
        font-size: 13px;
        padding: 7px 11px;
    }

    .blog-slider__nav {
        margin-top: 20px;
        gap: 8px;
    }

    .blog-slider__arrow {
        width: 44px;
        height: 44px;
        border-radius: 11px;
    }

    .blog-slider__arrow svg {
        width: 22px;
        height: 22px;
    }
}

/* ==========================================================================
   РАСКЛАДКА (max-width: 1024px) — слайдер
   2 карточки в ряд вместо 4
   ========================================================================== */
@media (max-width: 1024px) {

    /* 2 карточки в ряд: gap 16px, 1 промежуток → 16px / 2 = 8px.
       Каждая карточка: 50% - 8px */
    .blog-slider__card {
        flex: 0 0 calc(50% - 8px);
    }
}


/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ (max-width: 680px) — слайдер
   ========================================================================== */
@media (max-width: 680px) {

    /* Одна карточка на мобилке */
    .blog-slider__card {
        flex: 0 0 100%;
    }

    /* Убираем gap у track — карточка и так на всю ширину,
       gap создаст «щель» между слайдами при скролле */
    .blog-slider__track {
        gap: 16px;
    }

    /* Картинка — на всю ширину карточки */
    .blog-slider__image {
        width: calc(100% - 40px);
        margin: 20px 20px 0;
        aspect-ratio: 1.5 / 1;
    }

    /* Контент — компактнее */
    .blog-slider__content {
        padding: 20px;
        gap: 8px;
    }

    .blog-slider__date {
        font-size: 11px;
    }

    .blog-slider__card-title {
        font-size: 18px;
        line-height: 1.3;
        -webkit-line-clamp: 3;
    }

    /* Отступ под заголовком меньше, чтобы кнопка «Читать» не улетала */
    .blog-slider__title-link {
        margin-bottom: 24px;
    }

    .blog-slider a.blog-slider__btn {
        font-size: 13px;
        padding: 6px 10px;
        display: flex;                    /* было: inline-flex */
        justify-content: center;          /* текст по центру */
        width: 100%;
    }

    /* Стрелки — компактнее */
    .blog-slider__nav {
        margin-top: 16px;
        gap: 6px;
    }

    .blog-slider__arrow {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .blog-slider__arrow svg {
        width: 20px;
        height: 20px;
    }
}
/* End */


/* Start:/local/templates/redesign2026v2/components/bitrix/form.result.new/contacts_form/style.css?17926885327002*/
/* ===== ОБЩИЕ СБРОСЫ И УТИЛИТЫ ===== */
.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    white-space: nowrap;
}

/* ===== КОНТЕЙНЕР ФОРМЫ ===== */
.contacts-form-container {
    min-width: 0;
}

.contacts-form__grid {
    display: grid;
    gap: 8px;
}

/* Ряд для полей (по умолчанию в одну колонку на мобильных) */
.contacts-form__field {
    min-width: 0;
    margin-bottom: 0px;
}

/* ===== ИНПУТЫ И ТЕКСТОВЫЕ ПОЛЯ ===== */
.contacts-form__field input:not([type="hidden"]),
.contacts-form__field input:not([type="checkbox"]),
.contacts-form__field textarea,
.contacts-form__field select {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 12px 20px;
    border: 1px solid var(--border);
    border-radius: 12px;
    color: var(--white);
    background: rgba(var(--cyan-rgb), .06);
    box-shadow: none;
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    transition: border-color .2s ease, background-color .2s ease;
}

.contacts-form__field textarea {
    height: 88px;
    max-height: 160px;
    resize: vertical;
}

/* Цвет плейсхолдера (текст внутри поля) */
.contacts-form__field input::placeholder,
.contacts-form__field textarea::placeholder {
    color: var(--muted-light);
    opacity: 1;
    font-size: 15px;
}

/* Фокус на полях */
.contacts-form__field input:focus,
.contacts-form__field textarea:focus,
.contacts-form__field select:focus {
    border-color: var(--cyan);
    background: rgba(var(--cyan-rgb), .08); /* Чуть светлее при фокусе */
    outline: 0;
}

/* ===== ЧЕКБОКСЫ ===== */
.contacts-form__privacy {
    display: grid;
    gap: 14px;
}

.contacts-form__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
}

/* Кастомный чекбокс */
.contacts-form__checkbox input[type="checkbox"] {
    position: static;
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    flex: 0 0 22px;
    margin: 0;
    appearance: none;
    border: 1px solid var(--border);
    border-radius: 4px;
    background: rgba(var(--cyan-rgb), .06);
    opacity: 1;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}

.contacts-form__checkbox input:checked {
    border-color: var(--cyan);
    background: var(--cyan) url('/local/templates/redesign2026v2/img/success-icon.svg') center / 14px 14px no-repeat;
}

.contacts-form__checkbox input:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 3px;
}

/* Ссылки в чекбоксах */
.contacts-form-container .contacts-form__checkbox a {
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s ease;
}

.contacts-form__checkbox a:hover {
    color: var(--cyan);
}

/* ===== КНОПКА ОТПРАВКИ ===== */
.contacts-form__submit {
    display: inline-flex;
    width: 100%;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    padding: 16px 28px;
    border: 1px solid transparent;
    border-radius: 16px;
    color: var(--btn); /* Темный текст на голубом фоне */
    background: var(--cyan);
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    transition: box-shadow .2s ease, opacity .2s ease;
}

.contacts-form__submit:hover,
.contacts-form__submit:focus-visible {
    box-shadow: 0 2px 30px var(--cyan-btn-border);
    opacity: 0.95;
}

.contacts-form__submit:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 4px;
}

.contacts-form__submit:disabled {
    opacity: .6;
    cursor: wait;
}

/* ===== КАПЧА ===== */
.contacts-form__captcha {
    display: grid;
    gap: 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

.contacts-form__captcha img {
    border-radius: 8px;
    border: 1px solid var(--border);
}

/* ===== ОШИБКИ И УСПЕХ ===== */
.contacts-form__errors {
    grid-column: 1 / -1;
    margin-bottom: 16px;
    padding: 12px;
    background: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255, 0, 0, 0.3);
    border-radius: 8px;
    color: #ffcccc;
    font-size: 14px;
}

.contacts-form__success {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 16px;
    padding: 40px 20px;
    background: var(--surface-card);
    border: 1px solid var(--line);
    border-radius: 16px;
}

.contacts-form__success h3 {
    font-size: 28px;
    margin: 0;
    color: var(--white);
}

.contacts-form__success p {
    color: var(--muted-light);
    margin: 0;
    font-size: 16px;
}

/* ===== АДАПТИВ ===== */

/* Планшеты и десктоп (две колонки для ФИО/Компания и Телефон/Email) */
@media (min-width: 681px) {
    .contacts-form__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    /* Поля, которые должны занимать всю ширину (Сообщение, чекбоксы, кнопка) */
    .contacts-form__field--wide,
    .contacts-form__privacy,
    .contacts-form__captcha,
    .contacts-form__errors {
        grid-column: 1 / -1;
    }

    .contacts-form__submit {
        width: auto; /* На десктопе кнопка не на всю ширину */
        min-width: 240px;
    }
}

/* Большие десктопы (чуть компактнее) */
@media (min-width: 961px) {
    .contacts-form__field input:not([type="hidden"]),
    .contacts-form__field input:not([type="checkbox"]),
    .contacts-form__field textarea,
    .contacts-form__field select {
        min-height: 44px;
        padding: 12px 18px;
        border-radius: 12px;
        font-size: 14px;
    }

    .contacts-form__field textarea {
        height: 88px;
        max-height: 160px;
    }

    .contacts-form__privacy {
        gap: 12px;
    }

    .contacts-form__checkbox {
        gap: 10px;
        font-size: 12px;
    }

    .contacts-form__checkbox input[type="checkbox"] {
        width: 18px;
        height: 18px;
        min-width: 18px;
        flex-basis: 18px;
    }
    
    .site-page button.contacts-form__submit {
        min-height: 44px;
        font-size: 14px;
    }
}
/* End */


/* Start:/local/templates/redesign2026v2/components/bitrix/form.result.new/file-upload.css?17932077372561*/
/* ===== ПРИКРЕПЛЕНИЕ ФАЙЛА ===== */
.monitoring-upload {
    grid-column: 1 / -1;
    min-width: 0;
}

.monitoring-upload .monitoring-upload__dropzone {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 200px;
    padding: 16px 16px;
    border: 2px dashed rgba(var(--cyan-rgb), .4);
    border-radius: 12px;
    background: var(--surface-muted);
    color: var(--white);
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

.monitoring-upload [data-upload-dropzone] input[type="file"][data-upload-input] {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.monitoring-upload__dropzone:hover,
.monitoring-upload__dropzone:focus-within,
.monitoring-upload__dropzone.is-dragging {
    border-color: var(--cyan);
    background: rgba(var(--cyan-rgb), .08);
}

.monitoring-upload__dropzone:focus-within {
    outline: 2px solid var(--cyan);
    outline-offset: 3px;
}

.monitoring-upload__cloud {
    flex-shrink: 0;
    margin-bottom: 12px;
}

.monitoring-upload .monitoring-upload__title {
    font-size: 18px;
    line-height: 1.5;
}

.monitoring-upload .monitoring-upload__choose {
    color: var(--cyan);
    font-weight: 500;
}

.monitoring-upload .monitoring-upload__hint {
    margin-top: 12px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.4;
}

.monitoring-upload__selected {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    color: var(--white);
    font-size: 14px;
}

.monitoring-upload__filename {
    min-width: 0;
    flex: 1;
    overflow-wrap: anywhere;
}

.monitoring-upload__selected img {
    flex-shrink: 0;
}

.monitoring-upload__remove {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: transparent;
    color: var(--muted-light);
    font-size: 24px;
    cursor: pointer;
}

.monitoring-upload__remove:hover,
.monitoring-upload__remove:focus-visible {
    color: var(--cyan);
    border-color: var(--cyan);
}

.monitoring-upload.has-error .monitoring-upload__dropzone {
    border-color: var(--danger);
}

.monitoring-upload__error {
    margin: 8px 0 0;
    color: var(--danger);
    font-size: 13px;
    line-height: 1.4;
}

.monitoring-upload [hidden] {
    display: none;
}

/* End */
/* /local/components/sibirix/blog.detail/templates/.default/styles.css?179458431731189 */
/* /local/templates/.default/components/bitrix/catalog.comments/.default/styles.css?179454365016279 */
/* /bitrix/components/bitrix/blog/templates/.default/style.min.css?179419981330185 */
/* /bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17941998131140 */
/* /local/templates/.default/components/bitrix/catalog.comments/.default/themes/blue/style.css?179454365124 */
/* /local/templates/redesign2026v2/components/bitrix/news.list/blog_slider/style.css?17945439176853 */
/* /local/templates/redesign2026v2/components/bitrix/form.result.new/contacts_form/style.css?17926885327002 */
/* /local/templates/redesign2026v2/components/bitrix/form.result.new/file-upload.css?17932077372561 */