/* Start:/local/templates/meade2020/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17897925331828*/
.actions-detail{
	margin: 42px auto 0;
    max-width: 1276px;
    width: 100%;
}

.left_action{
	width: 296px:
	margin-right: 30px;
	float: left;
}

.left_action img{
	max-width: 100%;
	margin-bottom: 15px;
}

.right_action{
	padding-left: 326px;
}

.actions-detail h2{
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.035em;
text-transform: uppercase;	
margin-bottom: 36px;
}

.actions-detail .button{
	margin-top: 36px;
	padding: 8px 25px;
	font-weight: 600;
font-size: 14px;
line-height: 100%;
/* identical to box height, or 14px */

letter-spacing: 0.02em;
text-transform: none;
clear: both;

}
.actions-detail img{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.actions-detail .date{
	margin-top: -10px;
    margin-bottom: 20px;
    font-size: 13px;
    font-style: italic;
}

/* Колонка под картинку (KON-86).

   Разметка досталась блогу от акций: там в .left_action стоит картинка акции,
   а в блоге колонка пустая. На компьютере она остаётся отступом слева, а
   уже 1295px общий main.css раздувает её до 415px и 262px (половина ширины),
   и текст статьи вместе с товарной полкой сжимался до 262-377px. Здесь пустую
   колонку убираем, текст идёт во всю ширину. Селекторы длиннее, чем
   в main.css, - иначе порядок подключения стилей решал бы, чьё правило
   победит. */
@media (max-width: 1294px) {
	.actions-detail .left_action {
		display: none;
	}

	.actions-detail .right_action {
		float: none;
		width: auto;
		margin-right: 0;
		padding-left: 0;
	}
}

/* End */


/* Start:/include/article_shelf.css?17897932625592*/
/* Товарная полка внутри текста статьи или новости (#PRO-52).
   Разметку печатает MeadeArticleShelf::render (local/php_interface/include/article_shelf.php),
   карточки — тот же catalog.section/top_list, что в блоках главной, вместе
   с обёрткой .woocommerce.columns-4. Листает их include/article_shelf.js.

   Полка встаёт прямо в поток текста, поэтому сбрасываем типографику статьи:
   вокруг работают отступы абзацев и межстрочный интервал материала. */

.article-shelf {
    margin: 40px 0;
    line-height: normal;
}

.article-shelf__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.article-shelf__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.article-shelf__all-link {
    flex: none;
    white-space: nowrap;
}

.article-shelf__tools {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
}

.article-shelf__nav {
    display: flex;
    gap: 12px;
}

/* Стрелки — кружок с шевроном в цветах карточки: рамка как у карточки,
   под курсором — цвет кнопки «В корзину». Шеврон нарисован рамками, цвет
   меняется одним свойством. */
.article-shelf__arrow {
    position: relative;
    flex: none;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.article-shelf__arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #120f36;
    border-right: 1px solid #120f36;
    transform: translate(-65%, -50%) rotate(45deg);
}

.article-shelf__prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.article-shelf__arrow:hover {
    border-color: #28a0a0;
}

.article-shelf__arrow:hover::before {
    border-color: #28a0a0;
}

/* дошли до края — стрелка в эту сторону гаснет */
.article-shelf__arrow:disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}

/* все карточки и так помещаются — стрелки не нужны */
.article-shelf--static .article-shelf__nav {
    display: none;
}

/* Листалка (KON-86).

   Число карточек договорено одно для всех сайтов: на компьютере 4, на
   планшете 3, на телефоне 2,5 — половинка у края показывает, что дальше есть
   ещё. Карточки — те же, что в сетке главной, но идут в одну строку и
   листаются: пальцем или колесом сама лента, стрелками — article_shelf.js.
   Он же подбирает число карточек по ширине полки, а не окна
   (--article-shelf-per-view); брейкпоинты ниже — запас на случай, если
   скрипт не загрузился. Флоаты и ширины сетки top_list здесь отменяем. */
.article-shelf {
    --article-shelf-per-view: 4;
}

/* flex-flow явно: main.css ставит .products перенос строк (row wrap) */
.article-shelf .products {
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.article-shelf .products::-webkit-scrollbar {
    display: none;
}

.article-shelf .products .product {
    flex: 0 0 calc(100% / var(--article-shelf-per-view));
    width: auto;
    max-width: none;
    margin: 0;
    /* без этого карточка не уже своего содержимого, и у узкой полки
       вместо трёх карточек помещалось две с половиной */
    min-width: 0;
    float: none;
    box-sizing: border-box;
    scroll-snap-align: start;
}

/* Рамка карточки — во всю высоту ряда: в сетке главной высоты выравнивает
   sameHeight из main.js, а на полку он не заходит, и карточка с коротким
   названием была ниже соседних. */
.article-shelf .products .product-item-container {
    height: 100%;
    box-sizing: border-box;
}

/* Цена и кнопка в одну строку не влезают в узкую карточку (планшет,
   телефон) и наезжали друг на друга — тогда кнопка уходит под цену. */
.article-shelf .products .product_footer {
    flex-wrap: wrap;
    row-gap: 8px;
}

@media (max-width: 991px) {
    .article-shelf {
        --article-shelf-per-view: 3;
    }
}

@media (max-width: 767px) {
    .article-shelf {
        margin: 28px 0;
    }

    .article-shelf__head {
        flex-wrap: wrap;
        gap: 8px;
    }

    .article-shelf__title {
        font-size: 18px;
    }

    .article-shelf {
        --article-shelf-per-view: 2.5;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?16860496662530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/meade2020/components/bitrix/catalog.item/.default/style.css?1723641280259*/
.ucenka{
    position: absolute;
    left: 15px;
    bottom: 170px;
    background: #ff931e;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 8px;
    font-size: 13px;
    color: white;
    letter-spacing: -1px;
    z-index: 10;
}
/* End */
/* /local/templates/meade2020/components/bitrix/news/blog/bitrix/news.detail/.default/style.css?17897925331828 */
/* /include/article_shelf.css?17897932625592 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?16860496662530 */
/* /local/templates/meade2020/components/bitrix/catalog.item/.default/style.css?1723641280259 */