/* Мобильные правки вёрстки (07.11.2026). Подключается последним в index.php.
   Десктоп не затрагивается: всё, кроме изображений, — внутри max-width:767px. */

/* Изображения в контенте не шире колонки. :where() обнуляет специфичность, поэтому
   намеренные кадрирования (например, .posad__author-photo img 400px в круге
   с overflow:hidden) свои размеры сохраняют. */
:where(#content, #top_content, #bottom_content, #bottom_middle, #top_middle) img{max-width:100%; height:auto;}

@media screen and (max-width:767px){
	/* Главная, hero: подпись «Пн–Пт …» под телефоном шла в одну строку (nowrap)
	   и распирала колонку текста до ~430px — текст и кнопка обрезались справа. */
	#center #top .hero .hero__text{flex:1 1 auto; width:auto; max-width:100%; min-width:0; box-sizing:border-box;}
	#center #top .hero .hero__cta button{max-width:100%;}
	#center #top .hero .hero__phone,
	#center #top .hero .hero__phone small{white-space:normal;}

	/* Страницы услуг: телефон с подписью в одну строку вылезал за экран. */
	.svc .svc__phone{max-width:100%; white-space:normal;}
	.svc .svc__phone small{white-space:normal;}

	/* Кнопки: базовое правило template.css задаёт width:365px. */
	button, ._btn{max-width:100%;}
	#footer .f-btn{max-width:100%; box-sizing:border-box;}

	/* Таблицы из редактора без обёртки — горизонтальная прокрутка внутри колонки.
	   Таблица цен (.pricing__table) на мобильном и так перестраивается в карточки,
	   .posad__table уже лежит в .posad__table-wrap с прокруткой. */
	#content table:not(.pricing__table):not(.posad__table),
	.posad table:not(.pricing__table):not(.posad__table){display:block; max-width:100%;
		overflow-x:auto; -webkit-overflow-scrolling:touch;}
}

@media screen and (max-width:480px){
	.svc .svc__phone{font-size:19px;}
}