/* Мобильная версия ooo-vester.ru (23.10.2026): только для узких экранов, компьютерная раскладка не меняется. */
@media (max-width: 820px) {
	body{min-width:0;}
	img{max-width:100%;height:auto;}

	/* раскладка: снять центрирование 804px, одна колонка */
	div#head-line,div#head,div#header,div#head-wrap,div#header-wrap,div#all{padding-left:0;}
	div#head-line div,div#head-inner,div#header div,div#main,div#foot{width:auto;margin-left:0;}
	div#head-wrap div,div#header-wrap div{width:auto;margin-left:0;}
	div#main{padding:20px 10px 30px;}

	/* верхняя строка: телефон и поиск */
	div#head-line div{height:auto;overflow:visible;padding:6px 10px;}
	div#head-line div>span{float:none !important;display:block;font-size:18px !important;line-height:26px !important;}
	div#head-line form{float:none;padding:4px 0 2px;}
	div#head-line span input{width:100%;}

	/* шапка внутренних страниц: логотип и меню */
	div#header{height:auto;padding-bottom:10px;}
	#h1HeaderLogo{float:none;display:block;position:static;margin:8px auto 4px;width:250px;max-width:90%;background-size:contain;}
	div#header ul{position:static;width:auto;float:none;padding:0 10px;}
	div#header li{float:none;display:inline-block;width:auto;margin:0 14px 8px 0;}

	/* шапка главной: большой логотип и меню-плашка */
	div#head-inner{height:auto;padding:10px;overflow:hidden;}
	div#head-inner span.tel2{display:block;text-align:center;font-size:22px;margin-left:0;}
	div#head-inner>span+span{float:none !important;right:0 !important;margin:6px auto 0 !important;width:150px;height:191px;background-size:contain !important;}
	div#head-inner>span+span a{width:150px !important;height:191px !important;}
	div#menu{position:static;width:auto;max-width:360px;margin:10px auto;}
	div#head ul{width:auto;margin:0 6px;}

	/* колонки */
	div#production,div#cont,div#content,div#sidebar{float:none;width:auto;margin:0 0 20px 0;min-height:0;}
	div#production{display:none;}
	div#cont div.inner{width:auto;margin-left:0;padding:8px 12px 20px;}
	div.inner{padding:12px 12px 0;}
	div.nav{padding:8px 12px 0;}

	/* заголовок раздела: длинные названия переносятся */
	div.ttl,div.ttl .h1RightMenu,div.ttl .h1RightMenu span{height:auto;min-height:30px;}
	div.ttl .h1RightMenu span span{padding:0 30px 0 12px;white-space:normal;}

	/* содержимое */
	.pic{float:none;display:block;margin:0 auto 16px;}
	div.catalog img{max-width:100% !important;height:auto !important;}
	div.inner table{display:block;max-width:100%;overflow-x:auto;}
	div.catalog table,div.catalog td{width:auto !important;}
	#LeftColumn,#LeftColumnGall,#CenterColumn,#CenterColumnGall{float:none;width:auto;}
	img.img_left{margin-right:16px;}
	div.inner [style*="width"]{max-width:100% !important;box-sizing:border-box;}
	div.inner{overflow-wrap:anywhere;}
	div.inner pre{white-space:pre-wrap;}
	div.inner div.line,div.inner div[class^="items"]{width:auto !important;max-width:100%;white-space:normal;box-sizing:border-box;}
	ul.cs-list li{width:100%;float:none;}
	ul.sp-list img{max-width:35%;}
	ol.search-list{width:auto;}
	div.filter{line-height:24px;}

	/* форма заявки */
	form.form table,form.form tbody,form.form tr,form.form th,form.form td{display:block;width:auto;}
	form.form th{padding:8px 0 2px;white-space:normal;}
	form.form td{padding:2px 0;}
	form.form input,form.form select,form.form textarea{width:100%;box-sizing:border-box;}
	form.form td.code input{width:55%;}
	form.form td img{position:static;vertical-align:middle;margin-left:6px;}

	/* подвал */
	div#foot{height:auto;padding:10px;line-height:20px;}
	div#foot span{float:none;padding:6px 0 60px;}
	div#foot table,div#foot tbody,div#foot tr,div#foot td{display:block;width:auto;}
	div#foot ul{margin:6px 0;padding-left:0;}
}