/* Start:/local/templates/eshop_bootstrap_v4/front/assets/info/info.css?17663982222647*/
.container {
	max-width: 1275px;
	margin: 0 auto;
	padding: 0 48px;
}

.animate {
	opacity: 0;
	transform: translateY(80px);
	transition: all 0.6s ease-in-out;
}

.info-row {
	display: flex;
	justify-content: space-between;
}

.info-row--text {
	gap: 32px;
}

.info-row--revers {
	flex-direction: row-reverse;
}

.info-row--revers .info-col--text {
	padding-left: 0;
}

.info-col {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.info-col--text {
	padding: 48px;
}

.info-title {
	text-transform: uppercase;
	margin-bottom: 30px;
}

p {
	margin-bottom: 30px;
}

p:last-child {
	margin-bottom: 0;
}

.info-text {
}

.info-text--mobile {
	display: none;
}

.section-hr {
	display: none;
}

.container hr {
	margin: 2.4rem 0;
}

.container .media.cover > * {
	object-fit: contain;
	height: auto;
}

.is-mobile {
	display: none;
}

.is-desktop {
	display: flex;
}
.container--info {
	padding-top: 68px;
}

.container--info .info-row a {
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 1.3px;
	text-decoration: underline;
}

.container--info .info-row h1 {
	font-size: 48px;
	line-height: 100%;
	letter-spacing: 2px;
}

.container--info .info-row h2 {
	font-size: 40px;
	line-height: 44px;
	letter-spacing: 1px;
}

.container--info .info-row h3 {
	font-size: 25px;
	line-height: 28px;
	letter-spacing: 1px;
}

.container--info .info-row h4 {
	font-size: 23px;
	line-height: 25px;
	letter-spacing: 1px;
}

.container--info .info-row h5 {
	font-size: 21px;
	line-height: 23px;
	letter-spacing: 1px;
}

.container--info .info-row h6 {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.container--info .info-row h7 {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: var(--font-heading-family-demi);
}

.container--info .info-row h8 {
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.container--info .info-row h9 {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.5px;
	font-family: var(--font-heading-family-demi);
}

@media screen and (max-width: 1024px) {
	.info-col--text {
		padding: 24px;
	}
}

@media screen and (max-width: 767px) {
	.dw-section--info {
		padding: 0 24px;
	}

	.info-text--desktop {
		display: none;
	}

	.info-text--mobile {
		display: block;
	}

	.is-desktop {
		display: none;
	}

	.section-hr {
		display: block;
		padding: 24px 0;
	}

	.is-mobile {
		display: block;
	}

	.info-col {
		width: 100%;
	}

	.info-row {
		flex-direction: column;
	}

	.info-col--text {
		padding: 24px 0;
	}

	.info-title {
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 10px;
	}
}

/* End */


/* Start:/local/templates/eshop_bootstrap_v4/front/assets/template-article.css?17663982221671*/
.article-template__hero{background-color:transparent;margin-bottom:24px}.article-template__hero img{height:100%;object-fit:cover}.article-template__hero.small{height:250px}.article-template__hero.medium{height:350px}.article-template__hero.large{height:450px}.article-template__comments-fields .field{margin-top:calc(var(--gutter) / 2)}.article-template__content,.article-template__comment-section{margin-left:auto;margin-right:auto}.comment__header{display:flex;align-items:center;width:100%;margin-bottom:10px}.comment__header-media{color:var(--accent-foreground);background-color:var(--accent-background);border-radius:50%;width:3.2rem;height:3.2rem;display:grid;place-content:center;font-size:1.4rem;font-weight:700;margin-right:10px}.comment__body{font-size:1.6rem}.comment__footer{margin-top:10px;opacity:.6}.comment__header-author{font-size:2rem}.article-template.page-width,.article_header.page-width{max-width:65ch;margin:0 auto}.article-template.page-width{padding-bottom:calc(var(--gutter) * 2)}.article-template .rte{max-width:100%}.article-template__comments{padding:var(--gutter);border:solid 1px var(--primary-borders)}.article-template .field{margin-top:calc(var(--gutter) * .6)}.article-template__comments>.article-template__comment+.article-template__comment{margin-top:calc(var(--gutter) * .6);padding-top:calc(var(--gutter) * .6);border-top:solid 1px var(--primary-borders)}@media only screen and (min-width: 768px){.article-template__hero.small{height:350px}.article-template__hero.medium{height:550px}.article-template__hero.large{height:750px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/template-article.css.map?v=30032925760017221361725355452 */

/* End */


/* Start:/local/components/DW/editorial.detail/templates/.default/style.css?17907019278093*/
/* Статья раздела «Актуальное» */

/*
 * .dw-section из вёрстки сайта — это грид «1fr | контент | 1fr» (critical.css).
 * Дочерний элемент попадает в колонку контента только с классом page-width,
 * а во всю ширину — с full-width. Без них блок молча уезжает в левый отступ,
 * поэтому классы проставлены в шаблонах блоков, а не переопределяются здесь.
 *
 * Картинки намеренно не используют классы .media/.cover/.square: там содержимое
 * figure позиционируется абсолютом и требует внешних размеров. У наших блоков
 * размеры заданы здесь, поэтому они переносятся на другие сайты как есть.
 */

/*
 * --- Картинка слева, текст справа ---
 * Шапка статьи и блок «Баннер» в этом виде. Ширина — как у карусели товаров
 * (page-width), поэтому картинке хватает 1000 px по ширине.
 * Картинка кадрируется в 3:2, текст по вертикали по центру на сером поле.
 */
.editorial-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 100%;
    color: inherit;
    text-decoration: none;
    background: #f5f5f5;
}

.editorial-split--image {
    grid-template-columns: 1fr;
    background: none;
}

.editorial-split__figure {
    width: 100%;
    margin: 0;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.editorial-split--image .editorial-split__figure {
    aspect-ratio: auto;
}

.editorial-split__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.editorial-split__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 48px 64px;
}

.editorial-split__content .editorial-article__lead,
.editorial-split__content .editorial-banner__text {
    margin: 0;
}

.editorial-hero {
    padding-top: 24px;
}

/*
 * --- Баннер во всю ширину ---
 * Тянется на всю ширину, но не выше экрана — иначе на широком мониторе
 * картинка растягивается до артефактов.
 */
.editorial-banner__figure {
    position: relative;
    width: 100%;
    max-height: 60vh;
    margin: 0;
    overflow: hidden;
}

.editorial-banner__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* подложка под белый текст: без неё заголовок теряется на светлой картинке */
.editorial-banner__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 96px var(--gutter, 24px) 32px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to top, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.editorial-banner__content .btn {
    pointer-events: auto;
}

.editorial-article__header {
    padding-top: 40px;
    text-align: center;
}

.editorial-article__lead {
    margin-top: 12px;
    color: #6b6b6b;
}

/* --- Текст --- */
.editorial-text .rte > *:first-child {
    margin-top: 0;
}

/*
 * Форматирование из визуального редактора.
 * reset.css темы снимает с тегов всё («all: unset»), поэтому жирный, курсив,
 * цитаты и списки из редактора на сайте выглядят обычным текстом. Возвращаем
 * их только внутри текста статьи.
 *
 * Жирный — отдельным начертанием FuturaPTDemi, как в остальной теме: у FuturaPT
 * подключён один вес, и font-weight сам по себе ничего не меняет.
 * Курсив — наклоном того же шрифта: DWCaslonItalic из reset.css на сайте не подключён.
 */
.editorial-article :is(.rte, .info-text, .editorial-banner__text) :is(b, strong) {
    font-family: var(--font-heading-family-demi);
}

.editorial-article :is(.rte, .info-text, .editorial-banner__text) :is(i, em) {
    font-family: inherit;
    font-style: italic;
}

.editorial-article :is(.rte, .info-text, .editorial-banner__text) :is(u, ins) {
    text-decoration: underline;
}

.editorial-article :is(.rte, .info-text, .editorial-banner__text) :is(s, strike, del) {
    text-decoration: line-through;
}

.editorial-article :is(.rte, .info-text, .editorial-banner__text) sup {
    vertical-align: super;
    font-size: .75em;
}

.editorial-article :is(.rte, .info-text, .editorial-banner__text) sub {
    vertical-align: sub;
    font-size: .75em;
}

.editorial-article :is(.rte, .info-text) a:not(.btn) {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.editorial-article :is(.rte, .info-text) :is(h2, h3, h4) {
    display: block;
    margin: 1.2em 0 .5em;
    font-family: var(--font-heading-family-demi);
    line-height: 1.3;
}

.editorial-article :is(.rte, .info-text) h2 {
    font-size: 1.5em;
}

.editorial-article :is(.rte, .info-text) h3 {
    font-size: 1.25em;
}

.editorial-article :is(.rte, .info-text) h4 {
    font-size: 1.1em;
}

.editorial-article :is(.rte, .info-text) :is(p, ul, ol, blockquote) {
    margin-bottom: 1em;
}

.editorial-article :is(.rte, .info-text) > :last-child {
    margin-bottom: 0;
}

/* кнопка «Отступ» в редакторе оборачивает абзац в blockquote */
.editorial-article :is(.rte, .info-text) blockquote {
    display: block;
    margin-left: 24px;
}

.editorial-article :is(.rte, .info-text) ul {
    list-style: disc;
    padding-left: 20px;
}

.editorial-article :is(.rte, .info-text) ol {
    list-style: decimal;
    padding-left: 20px;
}

.editorial-article :is(.rte, .info-text) li {
    display: list-item;
}

/* «во всю ширину»: full-width тянет блок до краёв грида, поля возвращаем сами */
.editorial-text--wide {
    padding-left: var(--gutter, 24px);
    padding-right: var(--gutter, 24px);
}

.editorial-text .rte img {
    max-width: 100%;
    height: auto;
}

/*
 * --- Картинка + текст ---
 * Картинка вписывается в колонку по ширине и сохраняет свои пропорции:
 * видно её целиком, без кадрирования и без пустых полей, которые появились бы
 * при фиксированных пропорциях блока.
 */
.editorial-media__figure {
    width: 100%;
    margin: 0;
}

.editorial-media__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* --- Баннер-блок --- */
.editorial-banner__inner {
    position: relative;
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
}

.editorial-banner__figure {
    aspect-ratio: 16 / 7;
}

.editorial-banner__text {
    margin: 8px 0 16px;
}

/* --- Низ статьи --- */
.editorial-article__back {
    padding-top: 24px;
    padding-bottom: 64px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .editorial-banner__figure {
        max-height: none;
        aspect-ratio: 4 / 3;
    }

    .editorial-banner__content {
        padding: 64px var(--gutter, 16px) 20px;
    }

    .editorial-split {
        grid-template-columns: 1fr;
    }

    .editorial-split__content {
        padding: 24px var(--gutter, 16px) 32px;
    }

    .editorial-hero {
        padding-top: 0;
    }

    .editorial-article__header {
        padding-top: 24px;
    }

    .editorial-article__back {
        padding-bottom: 40px;
    }
}

/* End */
/* /local/templates/eshop_bootstrap_v4/front/assets/info/info.css?17663982222647 */
/* /local/templates/eshop_bootstrap_v4/front/assets/template-article.css?17663982221671 */
/* /local/components/DW/editorial.detail/templates/.default/style.css?17907019278093 */