/* Раздел «Статьи», 15.09.2026.
   Только новые блоки: лид, даты, вопрос-ответ, товары по теме, читать дальше.
   Ничего существующего не переопределяет - классы свои, с приставкой stati-. */

.stati-shapka {
	padding: 0 0 1.5rem;
}

.stati-daty {
	font-size: .875rem;
	color: #7a7a7a;
	margin: 1rem 0 0;
}
.stati-daty span {
	margin: 0;
}

.stati-lid-bolshoy {
	font-size: 1.125rem;
	line-height: 1.6;
	margin: 1.5rem 0 0;
	max-width: 46rem;
}

.stati-vstuplenie {
	margin: 0 0 2.5rem;
	line-height: 1.6;
}

/* Между H1 и вводным текстом было 125 точек пустоты: 100 от padding у #news
   плюс отступ самого заголовка. Правило действует только на витрине раздела:
   на странице статьи блока #news нет. */
#news {
	padding-top: 55px;
}

.stati-pusto {
	color: #7a7a7a;
}

/* лид в карточке витрины */
#news .news-wrapper a .stati-lid {
	font-size: .9375rem;
	line-height: 1.5;
	color: #4a4a4a;
}

/* заглушка, когда у статьи нет обложки */
.stati-bez-foto {
	display: block;
	width: 100%;
	height: 100%;
	background: #e6e2d8;
}

.stati-faq,
.stati-tovary,
.stati-eshchyo {
	margin-bottom: 3.5rem;
}
.stati-faq h2,
.stati-tovary h2,
.stati-eshchyo h2 {
	margin-bottom: 1.25rem;
}
.stati-faq-para {
	border-top: 1px solid #e0ddd4;
	padding: 1.25rem 0 0;
	margin: 0 0 1.25rem;
}
.stati-faq-para h3 {
	margin: 0 0 .5rem;
	font-size: 1.0625rem;
}
.stati-faq-para p {
	margin: 0;
	line-height: 1.6;
}

.stati-tovary ul,
.stati-eshchyo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.stati-tovary li,
.stati-eshchyo li {
	padding: .5rem 0;
	border-bottom: 1px solid #e0ddd4;
}
.stati-tovary a,
.stati-eshchyo a {
	text-decoration: underline;
}


/* ---------------------------------------------------------------- фотографии в статье
   Ширину не растягиваем: у снимков на сайте она от 300 до 2048 точек,
   а колонка текста 1100. Растянутый снимок выглядит мыльным, поэтому
   у обычной фотографии потолок 46rem, у вертикальной и у мелкой свой. */
.stati-foto {
	margin: 2rem 0;
	max-width: 46rem;
}
.stati-foto.uzkoe {
	max-width: 24rem;
}
.stati-foto.malenkoe {
	max-width: 20rem;
}
.stati-foto img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.stati-foto figcaption {
	margin: .625rem 0 0;
	font-size: .875rem;
	line-height: 1.5;
	color: #7a7a7a;
}

/* ---------------------------------------------------------------- текст под статьями
   Заполняется в админке: Записи -> Рубрики -> Статьи -> «Текст под статьями». */
.stati-tekst-pod {
	margin: 3rem 0 0;
	padding: 2rem 0 0;
	border-top: 1px solid #e0ddd4;
	line-height: 1.6;
}
.stati-tekst-pod h2,
.stati-tekst-pod h3 {
	margin-top: 0;
}
.stati-tekst-pod p:last-child {
	margin-bottom: 0;
}

@media (max-width: 480px) {
	/* На телефоне у news.css свой отступ 45px, и он короче нашего.
	   Возвращаем его: иначе наше правило выше перебило бы мобильное. */
	#news {
		padding-top: 45px;
	}
	.stati-lid-bolshoy {
		font-size: 1rem;
	}
	.stati-foto {
		margin: 1.5rem 0;
	}
	.stati-tekst-pod {
		margin-top: 2.25rem;
		padding-top: 1.5rem;
	}
	.stati-faq,
	.stati-tovary,
	.stati-eshchyo {
		margin-bottom: 2.25rem;
	}
}