/* Start:/local/templates/sirius/styles.css?17875989581811*/
/* Стили содержимого страниц.
 *
 * Этот файл Битрикс подключает и на публичной части, и в визуальном редакторе,
 * поэтому здесь живёт всё, что встречается внутри текста страниц: таблицы,
 * картинки с обтеканием, фотогалереи. Вёрстка самого шаблона — шапка, подвал,
 * сетка, каталог — остаётся в css/style.css, редактору она не нужна.
 */

/* Таблицы прайсов и справочной информации. */
.thetable{width: 100%;margin-bottom: 15px;}
.thetable th {background: #B33434;color: #fff;}
.thetable th, .thetable td {border: 1px solid #B33434;padding: 5px 10px;text-align: center;vertical-align:center;}
.thetable tr:nth-child(odd) td {background: #fffbfb;}
.thetable.price-table tr td:last-child {color:#cc0000;}
.thetable.sprav-table tr td {padding:5px;}

/* Картинки внутри текста. По умолчанию блочные по центру, на широком экране
   обтекаются текстом. */
.img-r,.img-l {display:block;margin:0 auto 15px;max-width:100%;height:auto;}

@media (min-width: 576px)
{
	.img-r {float:right;margin:0 0 10px 15px;}
	.img-l {float:left;margin:0 15px 10px 0;}
}

/* Фотографии на странице «О компании». */
.about__foto {display: flex;margin-left: -5px;margin-right: -5px;margin-bottom: 1rem;}
.about__foto a {padding-left:5px;padding-right:5px;}

/* Фотографии магазина на странице «Доставка». */
.contacts-photo {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
}

/* End */


/* Start:/local/templates/sirius/template_styles.css?17875989591481*/
/* Стили шаблона лежат в css/style.css — он подключается явно в header.php,
   чтобы сохранить порядок загрузки, заданный на старом сайте.
   Здесь только то, чего в исходной теме не было. */

/* Подвал прижат к низу окна. На старом сайте это не требовалось: контента
   всегда хватало на полный экран. Элементы после footer внутри #page-wrap
   на раскладку не влияют — все они скрыты или спозиционированы фиксированно. */
html,
body {
	height: 100%;
}

#page-wrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#page-wrap > .container {
	flex: 1 0 auto;
}

#page-wrap > footer {
	flex-shrink: 0;
}

/* На узких экранах сайдбар уходит под контент (в разметке <main> идёт первым),
   и они стыкуются вплотную: текст страницы упирается в рамку блока каталога.
   Тема mobile-first, поэтому отступ задаём по умолчанию и снимаем там,
   где колонки снова встают рядом. */
.content {
	margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
	.content {
		margin-bottom: 0;
	}
}

/* End */
/* /local/templates/sirius/styles.css?17875989581811 */
/* /local/templates/sirius/template_styles.css?17875989591481 */