

/* Start:/local/templates/main/components/bitrix/news/pulse/style.css?17605163271759*/
/*fancy-box*/
.fancybox-button.fancybox-button--arrow_right {
    right: 0;
}
.fancybox-toolbar button:not(.fancybox-button--close) {
    display: none!important;
}

.fancybox-button svg {
    width: 30px;
    height: 30px;
}
/*fancy-box*/
.default-ui ul ul>li:before {
    left: 0;
    top: 11px;
    width: 10px;
    height: 3px;
     border-radius: 0;
    background: #5c5c5c;
}

.event-detail-footer--mb {
    margin-bottom: 80px;
}

.descr-gallery {
    display: grid;
    margin-bottom: 39px;
    width: 100%;
    grid-gap: 10px;
    grid-template-columns: repeat(4, 1fr)
}

.descr-gallery__image {
    position: relative;
    height: 200px
}

.descr-gallery__img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.descr-gallery figure .descr-gallery__image {
    display: block
}

.descr-gallery figcaption {
    display: none
}

.gallery-item {
    display: block;
    height: 600px;
    position: relative;
    margin-bottom: 39px;
    width: 450px;
}
.gallery-item__img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin-bottom: 0 !important;
}
@media (min-width: 578px) {
    .gallery-item {
        height: 500px;
        width: 570px;
    }
}
@media (max-width: 578px) {
    .gallery-item {
        height: auto;
        width: auto;
    }
    .gallery-item__img {
        position: relative;
    }
    }
@media (max-width: 991px) {
    .descr-gallery {
        grid-template-columns: repeat(2, 1fr)
    }
}
@media (max-width: 576px) {
    .descr-gallery__image {
        height: 157px
    }
}

@media (max-width: 420px) {
    .descr-gallery__image {
        height: 130px
    }
    }


/* End */


/* Start:/local/templates/main/components/bitrix/news/pulse/bitrix/news.detail/.default/style.css?179207719414815*/
.default-ui a, .default-ui a:link, .default-ui a:visited {color: #0060cd;}  .article-container {margin: 0;line-height: 1.6;color: #333;max-width: 1024px;}  .recommendation p {margin: 0;}  .responsive-image {max-width: 100%;height: auto;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}  .important-notice {background-color: #f8f4e5;padding: 15px;border-left: 4px solid #e74c3c;margin: 25px 0;}  .notice-title {color: #e74c3c;margin: 0;padding: 0;font-size: 22px;}  .lead-text {font-size: 18px;font-weight: 500;}  .holiday-list {font-size: 17px;margin: 20px 0 20px 30px;padding: 0;}  .holiday-list li {margin-bottom: 10px;}  .alternative-options {background-color: #f9f9f9;padding: 15px;border-radius: 8px;margin: 0 0 25px ;}  .marketplaces {display: flex;gap: 15px;margin-top: 10px;}  .marketplace-badge {background-color: #3498db;color: white;padding: 5px 15px;border-radius: 20px;font-weight: bold;}  .recommendation {background-color: #e8f4fc;padding: 15px;border-radius: 8px;margin: 20px 0;}  .support-block {margin: 30px 0;font-style: italic;}  .article-footer {text-align: right;margin-top: 40px;border-top: 1px solid #eee;padding-top: 15px;}  .signature {font-size: 16px;color: #7f8c8d;}  .marketplaces a {color: #fff !important;}  .news-detail__description p {font-size: 16px;margin: 15px 0 !important;}  @media only screen and (max-width: 576px) {  .marketplaces {flex-direction: column;}  }

@font-face {font-family: 'GothamPro'; src: url(/local/templates/main/assets/fonts/GothamPro-Medium.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap;}
/* Блог BrowXenna: редакционные статьи (канон wiki/operations/browxenna-blog-articles.md). Всё внутри .blog-detail__editorial */
html:has(.blog-detail__editorial) {scroll-behavior: smooth;}
.blog-detail__editorial {color: #2d2d2d;}
.blog-detail__editorial > :first-child {margin-top: 0;}
.blog-detail__editorial p {margin: 0 0 16px; line-height: 1.6;}
.blog-detail__editorial a, .blog-detail__editorial a:link, .blog-detail__editorial a:visited {color: #896752; text-decoration: underline; text-underline-offset: 3px; font-weight: 400;}
.blog-detail__editorial a:hover, .blog-detail__editorial a:focus-visible {color: #5c5c5c;}
.blog-detail__editorial a:focus-visible, .blog-detail__editorial summary:focus-visible, .blog-detail__table-wrap:focus-visible {outline: 2px solid #896752; outline-offset: 4px;}
.default-ui .blog-detail__editorial h2 {margin: 40px 0 16px; padding: 0; font-size: 24px; line-height: 1.35; scroll-margin-top: 100px;}
.default-ui .blog-detail__editorial h3 {margin: 32px 0 12px; padding: 0; border: 0; font-size: 20px; line-height: 1.4; font-weight: 500; scroll-margin-top: 100px;}
.default-ui .blog-detail__editorial h2 + h3 {margin-top: 0;}
.default-ui .blog-detail__editorial h2 + ul, .default-ui .blog-detail__editorial h2 + ol, .blog-detail__editorial h2 + .blog-detail__table-wrap {margin-top: 0;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list), .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) {margin: 16px 0 24px; padding: 0; max-width: none; list-style: none;}
.default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) {counter-reset: blog-li;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li, .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li {position: relative; margin: 0 0 12px; padding: 0 0 0 28px; line-height: 1.6;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li:last-child, .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li:last-child {margin-bottom: 0;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li::before {content: ""; position: absolute; left: 4px; top: 0.7em; width: 8px; height: 8px; border-radius: 50%; background: #896752;}
.default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li::before {content: counter(blog-li) "."; counter-increment: blog-li; position: absolute; left: 0; top: 0; color: #896752; font-weight: 700;}

/* Оглавление */
.blog-detail__toc {margin: 28px 0 8px; border: 1px solid #c9c9c9; border-radius: 8px; background: #fff;}
.blog-detail__toc-summary {display: flex; align-items: baseline; gap: 16px; padding: 16px 24px; cursor: pointer; list-style: none;}
.blog-detail__toc-summary::-webkit-details-marker {display: none;}
.blog-detail__toc-summary::after {content: "+"; flex: none; margin-left: auto; align-self: center; color: #896752; font-size: 24px; line-height: 1;}
.blog-detail__toc[open] > .blog-detail__toc-summary::after {content: "−";}
.default-ui .blog-detail__editorial .blog-detail__toc-title {margin: 0; padding: 0; font-size: 20px; line-height: 1.3; scroll-margin-top: 0;}
.blog-detail__toc-count {color: #5c5c5c; font-size: 14px;}
.blog-detail__toc-list {margin: 0; padding: 0 24px 20px 48px;}
.blog-detail__toc-list li {margin: 0 0 8px; padding-left: 4px;}
.blog-detail__toc-list a, .blog-detail__toc-list a:link, .blog-detail__toc-list a:visited {color: #2d2d2d; text-decoration: none;}
.blog-detail__toc-list a:hover, .blog-detail__toc-list a:focus-visible {color: #896752; text-decoration: underline;}

/* Таблицы */
.blog-detail__table-wrap {margin: 24px 0; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.blog-detail__table {width: 100%; min-width: 560px; table-layout: fixed; border-collapse: separate; border-spacing: 0; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; background: #fff;}
.blog-detail__table th, .blog-detail__table td {position: static; overflow-wrap: break-word; padding: 16px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: left; vertical-align: top; line-height: 1.6; background: #fff;}
.blog-detail__table th {background: #f7f5f5; font-weight: 700;}
.blog-detail__table td:first-child {font-weight: 700;}
.blog-detail__table tbody tr:nth-child(even) td {background: #fafafa;}

/* FAQ */
.blog-detail__faq-item {border: 1px solid #c9c9c9; border-bottom-width: 0; background: #fff;}
.blog-detail__faq-item:first-of-type {border-radius: 8px 8px 0 0;}
.blog-detail__faq-item:last-of-type {border-bottom-width: 1px; border-radius: 0 0 8px 8px;}
.blog-detail__faq-item[open] {background: #f7f5f5;}
.blog-detail__faq-question {display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 20px 24px; cursor: pointer; list-style: none;}
.blog-detail__faq-question::-webkit-details-marker {display: none;}
.blog-detail__faq-question::after {content: "+"; flex: none; color: #896752; font-size: 24px; line-height: 1;}
.blog-detail__faq-item[open] > .blog-detail__faq-question::after {content: "−";}
.blog-detail__editorial .blog-detail__faq-question h3 {margin: 0; padding: 0; border: 0; font-size: 20px; line-height: 1.35; font-weight: 500; scroll-margin-top: 100px;}
.blog-detail__faq-answer {padding: 0 24px 24px;}
.blog-detail__faq-answer p:last-child {margin-bottom: 0;}

/* Изображения */
.blog-detail__figure {width: 100%; margin: 24px 0 32px; padding: 20px; border: 1px solid #c9c9c9; border-radius: 8px; background: #fff;}
.blog-detail__figure img {display: block; width: 100%; height: auto; max-height: 480px; object-fit: contain; object-position: center;}
.blog-detail__figure--cover img {height: 400px;}
.blog-detail__figure--product img {height: 240px;}
.blog-detail__figure figcaption {margin-top: 12px; color: #5c5c5c; font-size: 14px; line-height: 1.5; text-align: center;}
.default-ui .blog-detail__editorial .blog-detail__image-link {display: block; text-decoration: none; cursor: zoom-in;}
.default-ui .blog-detail__editorial .blog-detail__product-caption-link,
.fancybox-caption .blog-detail__product-caption-link {color: #896752; text-decoration: underline; text-underline-offset: 3px;}
.default-ui .blog-detail__editorial .blog-detail__product-caption-link:hover,
.fancybox-caption .blog-detail__product-caption-link:hover {color: #5c5c5c;}
.fancybox-container.blog-detail__lightbox .fancybox-caption {position: absolute; top: auto; right: 0; bottom: 0; left: 0; z-index: 11; padding: 12px 20px; box-sizing: border-box; background: rgba(0, 0, 0, .75); color: #fff; font-size: 14px; line-height: 1.5; text-align: center;}
.blog-detail__lightbox .fancybox-caption .blog-detail__product-caption-link {color: #e1c5b4;}
.blog-detail__lightbox .fancybox-caption .blog-detail__product-caption-link:hover {color: #fff;}

@media (max-width: 767px) {
    .default-ui .blog-detail__editorial h2 {margin-top: 32px; font-size: 20px;}
    .default-ui .blog-detail__editorial .blog-detail__toc-title {margin: 0; font-size: 18px;}
    .default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li, .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li {margin-bottom: 8px;}
    .blog-detail__toc-summary {flex-wrap: wrap; padding: 14px 16px;}
    .blog-detail__toc-summary {display: grid; grid-template-columns: 1fr auto; row-gap: 4px;}
    .blog-detail__toc-count {grid-column: 1; grid-row: 2;}
    .blog-detail__toc-summary::after {grid-column: 2; grid-row: 1 / span 2;}
    .blog-detail__toc-list {padding: 0 16px 16px 40px;}
    .blog-detail__table th, .blog-detail__table td {padding: 10px 8px; line-height: 1.5; overflow-wrap: break-word;}
    .blog-detail__faq-question {padding: 16px;}
    .blog-detail__editorial .blog-detail__faq-question h3 {font-size: 18px;}
    .blog-detail__faq-answer {padding: 0 16px 20px;}
    .blog-detail__figure {margin: 16px 0 24px;}
}
@media (prefers-reduced-motion: reduce) {
    html:has(.blog-detail__editorial) {scroll-behavior: auto;}
}

/* Читаемость статьи: ширина строки, кегль текста, плотность оглавления.
   Префикс .default-ui нужен, чтобы перекрыть общие правила сайта (.default-ui p {margin-bottom: 25px}, .default-ui ol > li {padding-bottom: 20px}). */
.default-ui .blog-detail__editorial {max-width: 760px;}
.default-ui .blog-detail__editorial p {margin: 0 0 16px; font-size: 17px; line-height: 1.7;}
.default-ui .blog-detail__editorial > p:first-child, .default-ui .blog-detail__editorial > .blog-detail__figure--cover + p {font-size: 19px; line-height: 1.6; color: #2d2d2d;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li, .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li {font-size: 17px; line-height: 1.7;}
.default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li::before {top: 0.75em;}
.default-ui .blog-detail__editorial .blog-detail__toc-list {counter-reset: li;}
.default-ui .blog-detail__editorial .blog-detail__toc-list > li {margin: 0 0 10px; padding: 0 0 0 32px; line-height: 1.5;}
.default-ui .blog-detail__editorial .blog-detail__toc-list > li:last-child {margin-bottom: 0;}
.default-ui .blog-detail__editorial .blog-detail__toc-list > li::before {color: #896752; font-weight: 500;}
.default-ui .blog-detail__editorial .blog-detail__table {font-size: 15px;}
.default-ui .blog-detail__editorial .blog-detail__faq {margin-top: 40px;}
@media (max-width: 767px) {
    .default-ui .blog-detail__editorial p, .default-ui .blog-detail__editorial ul:not(.blog-detail__toc-list) > li, .default-ui .blog-detail__editorial ol:not(.blog-detail__toc-list) > li {font-size: 16px; line-height: 1.65;}
    .default-ui .blog-detail__editorial > p:first-child, .default-ui .blog-detail__editorial > .blog-detail__figure--cover + p {font-size: 17px;}
    .default-ui .blog-detail__editorial .blog-detail__table {font-size: 14px;}
    .default-ui .blog-detail__editorial .blog-detail__toc-list > li {margin-bottom: 8px; padding-left: 28px;}
}

@media (max-width: 767px) {
    .blog-detail__figure--cover img {height: auto; max-height: 360px;}
    .blog-detail__figure {padding: 16px;}
    .blog-detail__figure--product img {height: 220px;}
}

/* У линейки снимается только пустое поле исходника; весь инструмент остаётся видимым. */
.blog-detail__figure--wide-product img {object-fit: cover;}
/* На узком экране учитываем место, которое занимает полоса прокрутки. */
body:has(.blog-detail__editorial) {
    min-width: 0;
}
.default-ui .blog-detail__editorial .blog-detail__figure,
.default-ui .blog-detail__editorial .blog-detail__table td {
    box-sizing: border-box;
}

/* Первый экран редакционных статей, полный кадр на каждой ширине. */
.blog-hero {position: relative; margin-bottom: 32px; color: #2d2d2d; background: #f7f5f5;}
.blog-hero--dark {color: #fff; background: #292724;}
.blog-hero__image-link, .blog-hero__image-link picture {display: block;}
.blog-hero__image-link img {display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain;}
.blog-hero__content {box-sizing: border-box; padding-top: 24px; padding-bottom: 24px;}
.blog-hero__meta {display: flex; flex-wrap: wrap; align-items: center; gap: 12px;}
.blog-hero__meta .news-detail-top__category {margin: 0;}
.blog-hero__title.h2 {margin: 16px 0 0; padding: 0; font-size: 26px; line-height: 1.2; text-transform: none; overflow-wrap: break-word;}
@media (min-width: 768px) {
    .blog-hero {margin-bottom: 48px;}
    .blog-hero__image-link img {aspect-ratio: 3 / 1;}
    .blog-hero__content {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding-top: 24px; padding-bottom: 24px; pointer-events: none;}
    .blog-hero__title.h2 {max-width: 55%; font-size: clamp(24px, 2.1vw, 40px);}
}

.page-width.blog-detail__heading {margin-bottom: 24px;}
@media (min-width: 768px) {
    .page-width.blog-detail__heading {margin-bottom: 32px;}
}

/* Фото без полей, с сохранением пропорций и важных деталей. */
.default-ui .blog-detail__editorial .blog-detail__figure--photo {padding: 0; overflow: hidden; border: 1px solid #c9c9c9; border-radius: 8px; background: transparent;}
.default-ui .blog-detail__editorial .blog-detail__figure--photo img {display: block; float: none; width: 100%; height: auto; max-height: none; margin: 0; border-radius: 0; object-fit: cover; object-position: center;}
.default-ui .blog-detail__editorial .blog-detail__figure--photo figcaption {margin: 0; padding: 12px 16px 16px; background: #fff;}
.default-ui .blog-detail__editorial .blog-detail__figure--contain img {object-fit: contain;}

.default-ui .blog-detail__editorial .blog-detail__figure--photo-portrait img {aspect-ratio: 4 / 5;}

/* End */
/* /local/templates/main/components/bitrix/news/pulse/style.css?17605163271759 */
/* /local/templates/main/components/bitrix/news/pulse/bitrix/news.detail/.default/style.css?179207719414815 */
