

/* Start:/bitrix/templates/main/styles.css?17894109765916*/
/* Базовые стили для контента */
.alert-primary { background: #cfe2ff; border: 1px solid #9ec5fe; padding: 16px; border-radius: 8px; }
.alert-success { background: #d1e7dd; border: 1px solid #badbcc; padding: 16px; border-radius: 8px; }
.alert-warning { background: #fff3cd; border: 1px solid #ffe69c; padding: 16px; border-radius: 8px; }
.alert-danger { background: #f8d7da; border: 1px solid #f5c2c7; padding: 16px; border-radius: 8px; }
.card { border: 1px solid #ddd; border-radius: 8px; padding: 16px; }

/* Скрыть блок Яндекс.Поделиться */
.ya-share2 {
    display: none !important;
}

/* Ограничение ширины окна редактирования включаемой области */
.bx-core-adm-dialog {
    max-width: 90vw !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content {
    max-width: 90vw !important;
    overflow-x: auto !important;
}

.bx-core-adm-dialog .bx-core-adm-dialog-content iframe {
    max-width: 100% !important;
}
/* Shared article search: blog and knowledge base */
.article-search { margin: 0 0 28px; max-width: 760px; }
.article-search__label { display: block; margin-bottom: 9px; color: #334155; font-size: 15px; font-weight: 600; }
.article-search__row { display: flex; align-items: stretch; gap: 10px; }
.article-search .article-search__input { display: block; flex: 1 1 auto; min-width: 0; width: 100%; height: 48px; box-sizing: border-box; margin: 0; padding: 11px 15px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #1e293b; font: inherit; font-size: 16px; box-shadow: none; }
.article-search__button { margin: 0; flex: 0 0 auto; padding: 11px 24px; border: 1px solid #0876cc; border-radius: 10px; background: #0876cc; color: #fff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.article-search .article-search__input:focus-visible, .article-search__button:focus-visible { outline: 2px solid #0891ff; outline-offset: 3px; }
.article-search__hint { margin: 8px 0 0; color: #64748b; font-size: 13px; line-height: 1.5; }
.article-search-page { padding: 40px 0 64px; background: #f8fafc; }
.article-search-page h1 { margin: 0 0 24px; color: #1e293b; font-size: 38px; font-weight: 800; line-height: 1.25; }
.article-search-page__back { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 28px; }
.article-search-page .article-search-page__count { margin: 0 0 18px; font-size: 22px; line-height: 1.4; }
.article-search-results { max-width: 960px; display: grid; gap: 14px; }
.article-search-result { margin: 0; padding: 22px 24px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.article-search-result__section { display: block; color: #64748b; font-size: 12px; font-weight: 600; margin-bottom: 8px; }
.article-search-result h3 { margin: 0 0 10px; font-size: 21px; line-height: 1.4; }
.article-search-result h3 a { color: #1e293b; }
.article-search-result p { margin: 0; font-size: 15px; line-height: 1.65; color: #475569; overflow-wrap: anywhere; }
@media (max-width: 767px) {
    .article-search-page { padding: 30px 0 48px; }
    .article-search-page h1 { font-size: 28px; }
    .article-search__button { padding: 10px 16px; }
    .article-search-result { padding: 18px; }
    .article-search-result h3 { font-size: 19px; }
}
@media (max-width: 380px) { .article-search__row { flex-direction: column; } }

/* Compact search beside catalog headings */
.knowledge-modern__hero .article-hero__row, .blog-modern__hero .article-hero__row { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.article-hero__row .article-search--compact { flex: 0 0 280px; width: 280px; max-width: 100%; margin: 0; text-align: left; }
.article-search--compact .article-search__row { align-items: center; gap: 0; padding: 3px; background: #fff; border: 1px solid #dce4ee; border-radius: 24px; }
.article-search--compact .article-search__input { height: 36px; padding: 7px 12px; border: 0; background: transparent; border-radius: 10px; font-size: 14px; }
.article-search--compact .article-search__input::placeholder { color: #7b899c; opacity: 1; }
.article-search--compact .article-search__button { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-height: 36px; margin: 0; padding: 7px 10px; border-radius: 0 20px 20px 0; background: #222730; border-color: #222730; }
.article-search--compact .article-search__row:focus-within { border-color: #222730; }
.article-search--compact .article-search__input:focus, .article-search--compact .article-search__input:focus-visible { outline: none; box-shadow: none; }
.article-search--compact .article-search__button:focus-visible { outline: 2px solid #222730; outline-offset: 3px; }
.knowledge-modern__hero .article-hero__row h1 { margin: 0; }
.knowledge-modern__hero .article-hero__row { margin-bottom: 18px; }
.knowledge-modern__hero { text-align: left; }
.knowledge-modern__hero > p { max-width: 900px; margin-left: 0; }
@media (max-width: 991px) {
 .knowledge-modern__hero .article-hero__row, .blog-modern__hero .article-hero__row { gap: 22px; }
 .article-hero__row .article-search--compact { flex-basis: 250px; width: 250px; }
}
@media (max-width: 767px) {
 .knowledge-modern__hero .article-hero__row, .blog-modern__hero .article-hero__row { flex-direction: column; align-items: stretch; gap: 18px; }
 .article-hero__row .article-search--compact { flex: 0 1 auto; width: 100%; max-width: 320px; }
 .knowledge-modern__hero .article-hero__row h1, .blog-modern__hero .article-hero__row h1 { font-size: 28px; }
 .article-search--compact .article-search__input { height: 38px; font-size: 16px; }
 .article-search--compact .article-search__button { min-height: 38px; width: 44px; }
 .article-search--compact .article-search__row { flex-direction: row; }
}

.article-search--compact .article-search__button svg { width: 19px; height: 19px; }

/* End */
/* /bitrix/templates/main/styles.css?17894109765916 */
