/* ------------------------------------------------------------------
   custom.css — правки поверх шаблона vina_rikito.
   Helix3 подключает этот файл автоматически (core/helix3.php),
   поэтому обновление шаблона его не затрёт.
   Создан 14.09.2026.
   ------------------------------------------------------------------ */

/* Меню категорий в левой колонке.
   В шаблоне блок задуман как выпадающий поверх страницы (position:absolute):
   при выводе на всех страницах он перекрывал текст на «Контактах» и баннер
   «Акция» на главной. Возвращаем в обычный поток. */
#sp-left .vina-category-vm {
	z-index: auto;
	margin-bottom: 30px;
}

#sp-left .vina-category-vm .sp-module-title,
#sp-left .vina-category-vm .sp-module-content {
	position: static;
	width: auto;
	top: auto;
	left: auto;
}

/* Заголовок блока: фон берётся из пресета, а пресеты на сайте не заданы —
   задаём цвет явно, иначе белый текст на белом фоне. */
#sp-left .vina-category-vm .sp-module-title {
	background: #1c6fa8;
	border-radius: 4px 4px 0 0;
}

/* Названия разделов приходят из базы уже в нужном регистре,
   принудительный capitalize превращал их в «Запорная Трубопроводная Арматура». */
body .vina-category-vm div.vina-treeview-virtuemart .treeview li a,
body .vina-category-vm div.vina-treeview-virtuemart .treeview li .more-view {
	text-transform: none;
}

/* Копия меню каталога для главной: та же колонка слева от слайдера.
   Здесь блок тоже должен быть в обычном потоке, а не поверх страницы. */
#sp-banner-slider .vina-category-vm {
	z-index: auto;
	margin-bottom: 30px;
}

#sp-banner-slider .vina-category-vm .sp-module-title,
#sp-banner-slider .vina-category-vm .sp-module-content {
	position: static;
	width: auto;
	top: auto;
	left: auto;
}

#sp-banner-slider .vina-category-vm .sp-module-title {
	background: #1c6fa8;
	border-radius: 4px 4px 0 0;
}

/* Заголовок блока приходит из настроек модуля — принудительный capitalize
   превращал «Каталог товаров» в «Каталог Товаров». */
body .vina-category-vm .sp-module-title {
	text-transform: none;
}

/* Кнопка «Заказать звонок» в шапке, под номером телефона. */
.vmreq-header-call{margin:6px 0 0}
.vmreq-header-call .vmreq-btn{padding:6px 12px;font-size:13px}

/* Подсказка на карточке товара-родителя вместо заблокированной кнопки. */
.vmreq-choose{margin:4px 0 12px;font-size:14px;color:#666;line-height:1.45}

/* Кнопка «Купить в 1 клик» рядом с «В корзину». */
.vmreq-oneclick{margin-left:8px;vertical-align:middle}

/* Кнопки покупки в списке товаров.
   Раньше они всплывали поверх картинки при наведении — на телефоне это не работало
   вовсе. Теперь блок всегда виден под ценой. Поле количества здесь скрыто:
   в списке оно только мешает, количество удобнее менять в корзине. */
.product-actions{margin-top:10px}
.product-actions .addtocart-area{margin:0}
.product-actions .quantity-box{display:none}
.product-actions .addtocart-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.product-actions .vmreq-btn{padding:7px 12px;font-size:13px}
.product-actions .vmreq-askprice{font-size:15px;margin:0;width:100%;text-align:center}
.product-actions .vmreq-nostock{font-size:14px;margin:0;width:100%;text-align:center}
.product-actions .vmreq-choose{font-size:12px;margin:0;width:100%;text-align:center}
.product-actions .vmreq-oneclick{margin-left:0}

/* Таблица на странице контактов была свёрстана с шириной 1527px и уезжала
   за экран на телефоне. Ширину сняли, а на всякий случай даём горизонтальную
   прокрутку внутри обёртки, чтобы страница целиком не ехала вбок. */
.contacts-table-wrap{overflow-x:auto}
.contacts-table-wrap table{width:100%;max-width:100%}
.contacts-table-wrap td{padding:6px 10px 6px 0;vertical-align:top}

/* Карта на странице контактов задана атрибутами width/height — делаем резиновой. */
.item-page iframe[src*="yandex"],
.item-page iframe[src*="google"]{max-width:100%;width:100%;border:0}

/* Пометка про НДС рядом с ценой и короткий список характеристик на карточке. */
.price-note{margin:4px 0 0;font-size:13px;color:#777}
.product-facts{list-style:none;margin:14px 0 0;padding:0;font-size:14px;line-height:1.7}
.product-facts li{display:flex;gap:8px}
.product-facts .pf-label{color:#777;min-width:120px}
.product-facts .pf-value{color:#222;font-weight:600}

/* Кнопка «В корзину» на карточке товара.
   В шаблоне правило .product-details-inner … input.addtocart-button задаёт
   background сокращённой записью с картинкой-иконкой, и это сбрасывает синий
   фон, заданный выше: получалась белая надпись на белом фоне — кнопки не видно.
   Возвращаем цвет фона, иконку оставляем. */
/* Кнопка «В корзину» на карточке товара.
   Селекторы начинаются с body намеренно: Helix3 подключает custom.css раньше
   template.css, поэтому при равной специфичности выигрывал бы шаблон.

   Суть поломки та же, что с логотипом и меню: цвет кнопки шаблон брал из
   пресета оформления, а параметры пресетов были затёрты при взломе. В итоге
   правило .productdetails-view.productdetails span.addtocart-button input
   задавало background:transparent и color:#fff — белая надпись на пустом фоне,
   кнопки не видно. Задаём фон явно. */
body .productdetails-view.productdetails span.addtocart-button,
body .product-details-inner span.addtocart-button{
	background:#0077B3;
	border-color:#00669a;
}

body .productdetails-view.productdetails span.addtocart-button:hover,
body .product-details-inner span.addtocart-button:hover{
	background:#00669a;
}

body .productdetails-view.productdetails span.addtocart-button input.addtocart-button,
body .product-details-inner span.addtocart-button input.addtocart-button{
	color:#fff;
	text-transform:none;
	cursor:pointer;
}

/* Названия товаров и разделов приходят из базы в правильном регистре —
   принудительный capitalize превращал «Рукавицы Х/Б с брезентовым наладонником»
   в «Рукавицы Х/Б С Брезентовым Наладонником». */
body .productdetails-view.productdetails .product-name,
body .productdetails-view.productdetails .product-name h1,
body .product-name,
body .product-name h1,
body h2.product-name a,
body .category-title{
	text-transform:none;
}


/* ==================================================================
   Правки по замечаниям 14.09.2026.
   Напоминание: Helix3 подключает custom.css РАНЬШЕ template.css,
   поэтому селекторы начинаются с body — иначе шаблон перебьёт.
   ================================================================== */

/* --- Верхнее меню на всю ширину блока --- */
body #sp-menu .sp-megamenu-wrapper{width:100%}
body ul.sp-megamenu-parent{display:flex;width:100%;float:none;margin:0;padding:0}
body ul.sp-megamenu-parent > li.sp-menu-item{flex:1 1 0;float:none;text-align:center}
body ul.sp-megamenu-parent > li.sp-menu-item > a{display:block;width:100%;padding:0 10px}

/* Корзина: убираем избыточную высоту, подпись и сумму выравниваем */
body #sp-header-right .vmCartModule .top-cart-title{display:flex;align-items:center}
body #sp-header-right .vmCartModule .shopping_cart{display:flex;align-items:center;gap:10px}
body #sp-header-right .vmCartModule .total{line-height:1.25;text-align:left}

/* --- Левое меню каталога --- */
/* Убираем «−» перед пунктами: он ничего не означал и мешал читать. */
body .vina-category-vm div.vina-treeview-virtuemart .treeview li a:before,
body .vina-category-vm div.vina-treeview-virtuemart .treeview li .more-view:before{
	content:none;
	display:none;
}
body .vina-category-vm div.vina-treeview-virtuemart .treeview li a{
	padding-left:14px;
	padding-right:34px;
	display:block;
}
/* Стрелка раскрытия — строго по центру строки, а не прижата к низу. */
body .vina-category-vm div.vina-treeview-virtuemart .treeview .hitarea{
	position:absolute;
	top:0;
	bottom:auto;
	right:0;
	left:auto;
	width:32px;
	height:38px;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
body .vina-category-vm div.vina-treeview-virtuemart .treeview li{
	position:relative;
	list-style:none;
}
body .vina-category-vm div.vina-treeview-virtuemart .treeview li .sub-menu li a{padding-left:26px}
body .vina-category-vm div.vina-treeview-virtuemart .treeview li .sub-menu li .sub-menu li a{padding-left:38px}


/* --- Листинг каталога: строка покупки --- */
/* Выбор варианта в списке не нужен — он есть на карточке товара. */
body .product-actions .product-fields{display:none}
body .product-actions .quantity-box{display:none}
body .product-actions .addtocart-area,
body .product-actions .addtocart-area form{margin:0}
body .product-actions .addtocart-bar{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
	justify-content:center;
}
body .product-actions span.addtocart-button{float:none;margin:0}
body .product-actions span.addtocart-button input.addtocart-button{
	padding:8px 16px 8px 38px;
	font-size:14px;
	line-height:20px;
	height:auto;
}
body .product-actions .vmreq-btn{margin:0;padding:8px 14px;font-size:14px;line-height:20px}

/* ==================================================================
   Выравнивание шапки, крошек и карточек — 14.09.2026.
   ================================================================== */

/* --- Шапка --- */
/* Логотип шаблон выводил двумя картинками: обычной и «ретиновой». Правило,
   которое прячет вторую, лежало в пресете оформления — в тех самых параметрах,
   что затёрли при взломе, — поэтому логотип дублировался и раздувал шапку. */
body #sp-logo .sp-retina-logo{display:none !important}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
       only screen and (min-resolution:1.5dppx){
	body #sp-logo .sp-default-logo.hidden-xs{display:none !important}
	body #sp-logo .sp-retina-logo.hidden-xs{display:block !important}
}
body #sp-header .logo{padding:14px 0;min-height:0}
body #sp-header .logo h3{margin:0;line-height:0}
body #sp-logo img{max-height:74px;width:auto}

/* Поиск: раньше это была строка текста без рамки — поле не читалось как поле. */
body .vina-search .sp-vmsearch form{
	float:none;display:flex;width:100%;margin:0;
	border:1px solid #d5d5d5;background:#fff;
}
body .vina-search .sp-vmsearch .search-input-wrapper{float:none;flex:1 1 auto;width:auto;min-width:0}
body .vina-search .sp-vmsearch .search-input-wrapper .sp-vmsearch-box{
	float:none;width:100%;margin:0;
}
body .vina-search .sp-vmsearch .search-button-wrapper{
	margin:0;position:static;bottom:auto;background:#0077B3;
}
body .vina-search .sp-vmsearch .search-button-wrapper .search-button{color:#fff}
body .vina-search .sp-vmsearch .search-button-wrapper .search-button i{color:#fff}

/* Шапка одной сеткой: логотип, контакты и корзина в один ряд, строка поиска
   под ними во всю ширину. Ниже 992px шаблон раскладывает шапку в столбик сам —
   там эта сетка не нужна и только мешала бы. */
@media (min-width:992px){
	body #sp-header{padding:16px 0 14px}
	body #sp-header > .container > .row{
		display:grid;
		grid-template-columns:auto 1fr auto;
		grid-template-areas:"logo contacts cart" "search search search";
		align-items:center;
		column-gap:24px;
		row-gap:14px;
	}
	body #sp-logo{grid-area:logo;float:none;width:auto;padding:0 15px;display:flex;align-items:center}
	body #sp-header .logo{margin:0;display:block;padding:0}

	/* Правая колонка перестаёт быть колонкой: её модули становятся ячейками
	   общей сетки шапки, поэтому всё в ряду выравнивается разом. */
	body #sp-header-right{display:contents}
	body #sp-header-right > .sp-column{display:contents}
	body #sp-header-right .sp-module{margin:0;float:none;width:auto}
	body #sp-header-right .sp-module.vina-header-support{grid-area:contacts;min-width:0}
	body #sp-header-right .sp-module.vina-search{grid-area:search;margin:0 15px;width:auto;float:none}
	body #sp-header-right .sp-module:last-child{grid-area:cart;padding-right:15px}

	/* Контакты: значок и текст на одной линии, три блока одной высоты. */
	body .support-client{margin:0}
	body .support-client > .row{display:flex;flex-wrap:wrap;align-items:center;margin:0}
	body .support-client > .row > div{padding:0 12px;flex:1 1 0;min-width:0}
	body .support-client .box-container{display:flex;align-items:center;gap:12px;text-align:left}
	body .support-client .box-container:before{
		float:none;margin:0;flex:0 0 44px;
		width:44px;height:44px;line-height:40px;font-size:20px;
	}
	body .support-client .box-container .box-inner{margin:0;padding:0;min-width:0}
	body .support-client .box-container h2{font-size:14px;line-height:18px;margin:0 0 2px}
	body .support-client .box-container p{font-size:14px;line-height:20px}
	body .vmreq-header-call{margin:4px 0 0}
	body .vmreq-header-call .vmreq-btn{padding:4px 10px;font-size:12px}

	/* Корзина: одной высоты со строкой поиска. */
	body #sp-header-right .vmCartModule{float:none;margin:0}
	body #sp-header-right .vmCartModule .top-cart-title{
		margin:0;padding:0 14px 0 0;align-items:center;
	}
}

/* --- Хлебные крошки --- */
/* Класс vina-breadcrumbs висит и на пустой обёртке модуля, и на самом списке.
   Оформляем только список: иначе пустая обёртка забирала 20px и сдвигала
   крошки вниз относительно меню каталога в левой колонке. */
body div.sp-module.vina-breadcrumbs{padding:0;display:block}
body ul.breadcrumb.vina-breadcrumbs{
	display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;
	margin:0;
}
body ul.breadcrumb.vina-breadcrumbs li{display:flex;align-items:center;float:none;gap:6px}
body ul.breadcrumb.vina-breadcrumbs .divider{display:inline-flex;align-items:center;height:auto;line-height:1;margin:0}
body ul.breadcrumb.vina-breadcrumbs .divider img{vertical-align:middle;display:block}
body ul.breadcrumb.vina-breadcrumbs li.active > span.divider.icon-location{display:none}

/* --- Кнопка «В корзину» на карточке: надпись и значок одной группой по центру --- */
body .productdetails-view.productdetails span.addtocart-button{
	display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;
	gap:10px;padding:0 20px;min-width:170px;height:38px;
}
body .productdetails-view.productdetails span.addtocart-button:before{
	position:static;width:auto;line-height:1;top:auto;right:auto;font-size:15px;
}
body .productdetails-view.productdetails span.addtocart-button input.addtocart-button{
	height:auto;line-height:20px;padding:0;
}

/* --- Список товаров: ряд карточек одной высоты --- */
body .vm-product-row{display:flex;flex-wrap:wrap}
body .vm-product{display:flex;float:none}
body .vm-product .item{display:flex;flex-direction:column;width:100%}
body .vm-product .item .box-des,
body .vm-product .item .box-des .text-block{display:flex;flex-direction:column;flex:1 1 auto}
body .vm-product .item .box-des h2.product-name{min-height:0}
body .vm-product .item .price-box{margin-top:auto}

/* Картинки товаров разного размера — задаём одинаковое окно,
   чтобы названия и цены в ряду начинались на одной линии. */
body .vm-product .item .image-block{
	display:flex;align-items:center;justify-content:center;
	overflow:hidden;
}
body .vm-product .item .image-block .product-image,
body .vm-product .item .image-block .pro-image{display:block;max-height:100%}
body .vm-product .item .image-block img{width:auto}

/* Обе кнопки карточки — одной ширины, в столбик. */
body .product-actions .addtocart-bar{flex-direction:column;align-items:stretch}
body .product-actions span.addtocart-button{width:100%;display:block;text-align:center}
body .product-actions span.addtocart-button input.addtocart-button{width:100%;padding:8px 16px}
body .product-actions .vmreq-btn{width:100%}



/* ==================================================================
   Правки по списку от 15.09.2026: поиск, плитки разделов и товаров,
   подпись цены, постраничная навигация, слайдер производителей.
   ================================================================== */

/* --- Строка поиска в шапке: тоньше, кнопка во всю высоту поля --- */
body .vina-search .sp-vmsearch form{align-items:stretch}
body .vina-search .sp-vmsearch .search-button-wrapper{
	height:auto;align-self:stretch;
	line-height:0;display:flex;align-items:center;justify-content:center;
}
body .vina-search .sp-vmsearch .search-button-wrapper .search-button{
	width:100%;height:100%;padding:0;line-height:0;
}

/* --- Плитки подразделов --- */
/* Ширину плиткам задаём сами: в настройках VirtueMart стоит 10 разделов в ряд
   (класс .width10 = 10%), картинки в такую колонку не помещались и вылезали. */
body .category-view > .row{
	display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;
}
body .category-view > .row > .category{float:none;width:auto;padding:0;margin:0;border:0}
body .category-view > .row > .clear,
body .category-view .horizontal-separator{display:none}
/* .row в бутстрапе чистит обтекание псевдоэлементами; в grid и flex они
   становятся полноценными ячейками и сдвигают плитки. */
body .category-view > .row:before,
body .category-view > .row:after,
body .vm-product-row:before,
body .vm-product-row:after{display:none}
body .category-view .category .spacer{height:100%;margin:0;padding:0;border:0}
@media (max-width:991px){
	body .category-view > .row{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:575px){
	body .category-view > .row{grid-template-columns:repeat(2,1fr);gap:12px}
}
body .subcat-tile{
	display:flex;flex-direction:column;height:100%;
	border:1px solid #e3e6e9;border-radius:3px;background:#fff;
	padding:12px;text-decoration:none;transition:border-color .15s,box-shadow .15s;
}
body .subcat-tile:hover{border-color:#0077B3;box-shadow:0 1px 6px rgba(0,0,0,.08)}
body .subcat-tile .subcat-image{
	display:flex;align-items:center;justify-content:center;
	height:150px;overflow:hidden;
}
body .subcat-tile .subcat-image img{max-height:150px;max-width:100%;width:auto}
body .subcat-tile .subcat-name{
	margin:12px 0 0;padding:0;border:0;
	font-size:14px;line-height:1.35;font-weight:600;text-align:center;
	text-transform:none;color:#0077B3;
}
body .subcat-tile:hover .subcat-name{color:#00537d}

/* --- Сортировка по правому краю --- */
body .orderby-displaynumber{display:flex;justify-content:flex-end;align-items:center}
body .orderby-displaynumber .vm-order-list{float:none}
body .orderby-displaynumber .orderlistcontainer{display:flex;align-items:center;gap:8px}

/* --- Карточка товара в списке: рамка --- */
body .vm-product .item{
	border:1px solid #e3e6e9;border-radius:3px;background:#fff;
	padding:12px;transition:border-color .15s,box-shadow .15s;
}
body .vm-product .item:hover{border-color:#0077B3;box-shadow:0 1px 6px rgba(0,0,0,.08)}
body .vm-product.vertical-separator{border:0;background:none}
body .vm-product .item .image-block{height:190px}
body .vm-product .item .image-block img{max-height:190px}

/* Подпись «Цена:» и сумма в одну строку. */
body .price-box .product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
body .price-box .price-label{color:#777;font-size:13px}
body .price-box .vm-price-desc:empty{display:none}

/* --- Постраничная навигация --- */
body .pagination li a{
	width:auto;min-width:32px;height:32px;padding:0 10px;line-height:30px;
}
body .pagination li a:hover{background:#0077B3;border-color:#0077B3 !important;color:#fff !important}
body .pagination li.active a{background:#0077B3;border-color:#0077B3 !important;color:#fff !important;cursor:default}
body .pagination li.disabled a{opacity:.5;cursor:default}

/* --- Слайдер производителей --- */
/* До запуска карусели логотипы выкладывались в столбик и страница подпрыгивала,
   когда скрипт собирал их в строку. Задаём высоту ряда сразу — карусель потом
   проставит свою инлайновым стилем. Обрезку вешаем на сам список, а не на обёртку:
   в обёртке лежат стрелки перелистывания, они вынесены выше её границы. */
body .vina-manufacturers-virtuemart ul{
	margin:0;padding:0;list-style:none;height:130px;overflow:hidden;
}
/* Ширину плитки задаём сами. Карусель ширину не выравнивает: она берёт её из
   содержимого, а логотипы у всех разные, поэтому у правого края всегда оставался
   обрезанный наполовину логотип. Плитка вместе с отступами модуля (15px с каждой
   стороны) укладывается в ширину контейнера целое число раз. */
body .vina-manufacturers-virtuemart ul li.item{
	width:160px;height:130px;
	display:flex;align-items:center;justify-content:center;
}
@media (min-width:992px) and (max-width:1199px){
	body .vina-manufacturers-virtuemart ul li.item{width:158px}
}
@media (min-width:768px) and (max-width:991px){
	body .vina-manufacturers-virtuemart ul li.item{width:150px}
}
@media (max-width:767px){
	body .vina-manufacturers-virtuemart ul li.item{width:130px}
}
body .vina-manufacturers-virtuemart ul li.item a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
}
body .vina-manufacturers-virtuemart ul li.item img{
	max-height:100px;max-width:100%;width:auto;height:auto;
}

/* Первый пункт крошек — пустой, в нём был только значок-«булавка». */
body ul.breadcrumb.vina-breadcrumbs > li:first-child{display:none}

/* После переноса крошек в правую колонку обёртка модуля приносит с собой
   отступ сверху 30px от Helix; он выпадает наружу колонки и опускает её
   относительно меню каталога слева. Верхний отступ снимаем, нижний оставляем —
   это и есть просвет между крошками и H1. */
body #sp-component > .sp-column > div.sp-module.vina-breadcrumbs{margin-top:0}
body .vmCartModule .total{font-size:13px}

/* ==================================================================
   Типографика и правки по списку от 16.09.2026.
   ================================================================== */

/* ==================================================================
   ТИПОГРАФИКА
   Шаблон не подключал ни одного шрифта: в паре мест объявлены Oswald и
   Open Sans, но файлов нет, остальное доставалось бутстрапу с его
   Helvetica Neue. Размеры были расставлены вразнобой — 11, 12, 13, 13.5,
   14, 18, 20, 24px с межстрочными от 15 до 40px.

   Приводим к одному семейству и короткой шкале:
     12px — мелкие подписи
     13px — второстепенный текст
     15px — основной текст, пункты меню, поля и кнопки
     17px — подписи блоков
     20px — крупные подписи блоков
     26px — H1
   Межстрочный: 1.5 для текста, 1.3 для заголовков.
   ================================================================== */

body,
body input, body select, body textarea, body button,
body .sp-megamenu-parent > li > a,
body h1, body h2, body h3, body h4, body h5, body h6{
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
/* Oswald и Open Sans в шаблоне объявлены, но не подключены — семейство
   всё равно подставлялось случайное, поэтому просто наследуем общее. */
body .vina-feature .vina-camera-slider .camera_caption.camera_caption_2 .banner7-des .slide-line-1,
body .vina-feature .vina-camera-slider .camera_caption.camera_caption_2 .banner7-des .slide-line-2,
body .vina-popup .vina-popup-newsletter h3,
body .vina-popup .vina-popup-newsletter .acymailing_introtext,
body .vina-popup .acymailing_form input.inputbox,
body .vina-popup .acymailing_form input.subbutton{font-family:inherit}

body{font-size:15px;line-height:1.5;color:#333}
body p{margin:0 0 12px}
body h1, body h2, body h3, body h4{line-height:1.3;margin:0 0 12px;font-weight:700}
body h1{font-size:26px}
body h2{font-size:20px}
body h3{font-size:17px}
body h4{font-size:15px}
body small, body .small{font-size:13px}

/* --- Шапка: контакты --- */
/* Подписи были h2, стали div — возвращаем им прежний вид. */
body .support-client .box-container .box-title{
	font-size:13px;line-height:1.35;margin:0 0 2px;
	font-weight:700;text-transform:uppercase;color:#404040;letter-spacing:.02em;
}
body .support-client .box-container p{font-size:15px;line-height:1.35;margin:0}
body .support-client .box-container{color:#777}

/* --- Логотип --- */
/* Обёртка логотипа была h3, стала span. */
body #sp-header .logo .logo-mark{display:block;line-height:0;margin:0;font-size:0}

/* --- Строка поиска: ещё ниже --- */
/* У модуля поиска свой файл стилей, и он подключается после custom.css:
   там у поля и кнопки стоит min-height:52px — без его перекрытия поле
   не становится ниже, какую высоту ни задай. */
body .vina-search .sp-vmsearch .search-input-wrapper .sp-vmsearch-box{
	height:34px;min-height:34px;line-height:18px;padding:8px 12px;font-size:15px;
}
body .vina-search .sp-vmsearch .search-button-wrapper{flex:0 0 38px;width:38px;min-height:0}
body .vina-search .sp-vmsearch .search-button-wrapper .search-button{
	height:34px;min-height:34px;line-height:34px;
}
body .vina-search .sp-vmsearch .search-button-wrapper .search-button i{font-size:14px;line-height:34px}

/* --- Корзина в шапке --- */
body #sp-header-right .vmCartModule .top-cart-title{height:36px;display:flex;color:#fff}
body #sp-header-right .vmCartModule .top-cart-title:hover{color:#fff}
body #sp-header-right .vmCartModule .top-cart-title i{width:36px;height:36px;line-height:36px;font-size:16px}
body .vmCartModule .top-cart-title .total{font-size:13px;line-height:1.2;margin:0;text-transform:none}
body .vmCartModule .top-cart-title .total strong{font-size:13px;font-weight:700}

/* --- Верхнее меню --- */
body ul.sp-megamenu-parent > li.sp-menu-item > a{font-size:14px;line-height:44px}
body #sp-menu .sp-megamenu-wrapper ul.sp-megamenu-parent > li > a{height:44px}

/* Отступ под полосой меню — одинаковый на всех страницах. */
body #sp-category-menu{margin-bottom:22px}
body #sp-banner-slider .vina-category-vm{margin-top:0}

/* --- Левое меню каталога --- */
body #sp-left .vina-category-vm .sp-module-title,
body #sp-banner-slider .vina-category-vm .sp-module-title{font-size:17px;line-height:1.3;padding:11px 14px;margin:0}
body .vina-category-vm div.vina-treeview-virtuemart .treeview li a,
body .vina-category-vm div.vina-treeview-virtuemart .treeview li .more-view{
	font-size:15px;line-height:1.4;padding-top:9px;padding-bottom:9px;
}
body .vina-category-vm div.vina-treeview-virtuemart .treeview .hitarea{height:100%}

/* --- Хлебные крошки: компактнее --- */
body #sp-component > .sp-column > div.sp-module.vina-breadcrumbs{margin-bottom:16px}
body ul.breadcrumb.vina-breadcrumbs{padding:7px 12px;font-size:13px;line-height:1.4}
body ul.breadcrumb.vina-breadcrumbs li,
body ul.breadcrumb.vina-breadcrumbs li a,
body ul.breadcrumb.vina-breadcrumbs li span{font-size:13px;line-height:1.4}
body ul.breadcrumb.vina-breadcrumbs .divider img{width:9px;height:auto}

/* --- Заголовки страниц и блоков --- */
body h1.category-title,
body .productdetails-view.productdetails .product-name h1{font-size:26px;line-height:1.25;margin:0 0 16px}
body .sp-module > .sp-module-title{font-size:20px;line-height:1.3}
body #sp-bottom .sp-module > .sp-module-title{font-size:17px}

/* --- Плитки разделов и карточки товаров --- */
body .subcat-tile .subcat-name{font-size:15px;line-height:1.35;margin:10px 0 0;font-weight:600}
body .vm-product .item .product-name{font-size:14px;line-height:1.35;margin:0 0 8px;font-weight:600}
body .vm-product .item .product-name a{font-size:14px;line-height:1.35}
body .price-box .price-label{font-size:13px}
body .price-box .PricesalesPrice{font-size:17px;font-weight:700}
body .product-actions span.addtocart-button input.addtocart-button,
body .product-actions .vmreq-btn{font-size:14px;line-height:20px}

/* --- Карточка товара --- */
body .productdetails-view.productdetails .product-price .PricesalesPrice{font-size:22px}
body .price-note{font-size:13px}
body .product-facts{font-size:15px;line-height:1.6}
body #vina-tab-block .nav-pills > li > a{font-size:14px}
body .productdetails-view.productdetails span.addtocart-button input.addtocart-button{font-size:14px}

/* --- Подвал --- */
body #sp-bottom, body #sp-bottom a, body #sp-bottom li{font-size:14px;line-height:1.6}

/* --- Постраничная навигация --- */
body .pagination li a{font-size:13px}
body .page-count{font-size:13px}

/* --- Окно «товар добавлен в корзину» --- */
/* Обе ссылки были белыми по белому: цвет фона брался из пресета оформления,
   а пресеты затёрли при взломе. */
/* Окно fancybox подгоняется по содержимому и выходило узким — подписи кнопок
   переносились. Шаблон и так рассчитан на 500px (#fancybox-wrap сдвинут
   на -250px), задаём эту ширину явно. */
#fancybox-wrap{width:500px !important;max-width:94vw !important}
#fancybox-outer{width:100% !important}
#fancybox-content{width:100% !important;box-sizing:border-box}
#fancybox-content h4{margin:18px 0 6px}
body #fancybox-content .continue_link,
body #fancybox-content .showcart,
#fancybox-content .continue_link,
#fancybox-content .showcart{
	text-transform:none;
	font-size:14px;
	line-height:20px;
	padding:9px 12px;
	border-radius:3px;
	width:48%;
	box-sizing:border-box;
}
#fancybox-content .continue_link{
	background:#fff;color:#0077B3;border:1px solid #0077B3;
}
#fancybox-content br{display:none}
#fancybox-content .continue_link:hover{background:#f2f8fc;color:#00537d}
#fancybox-content .showcart{
	background:#0077B3;color:#fff;border:1px solid #0077B3;
}
#fancybox-content .showcart:hover{background:#00537d;color:#fff}
#fancybox-content h4{font-size:15px;font-weight:400;line-height:1.5}

/* Выпадающий список корзины не должен уезжать за экран, когда товаров много. */
body .vmCartModule .top-cart-content{max-height:70vh;overflow-y:auto;padding:12px 12px 16px}
body .vmCartModule .top-cart-content .product_row{padding:7px 0;font-size:13px}
body .vmCartModule .top-cart .total{margin:10px 0;padding:10px 8px;font-size:14px}

/* --- Корзина и оформление заказа --- */
/* Названия товаров приходят из базы в нужном регистре, принудительный
   capitalize делал из «Кран шаровый разъемный п/п» — «Кран Шаровый Разъемный П/П». */
body .cart-view .product-name,
body .cart-view .product-name a,
body #ProOPC .product-name,
body #ProOPC .product-name a,
body .cart-product-description,
body .cart-product-description a,
body td.col-name,
body td.col-name a,
body #ProOPC .proopc-product-name a,
body #ProOPC .col-name a,
body #ProOPC .cart-product-description a{text-transform:none}
body #ProOPC *{font-family:inherit}
body .cart-view, body #ProOPC{font-size:15px;line-height:1.5}

/* Кнопки оформления заказа были серыми — цвет тоже брался из затёртого пресета. */
body .cart-view input.vm-button-correct,
body .cart-view button.vm-button-correct,
body #ProOPC input.vm-button-correct,
body #ProOPC button.vm-button-correct,
body #ProOPC .proopc-button,
body #ProOPC button[type="submit"],
body .cart-view button[type="submit"]{
	background:#0077B3;border:1px solid #0077B3;color:#fff;
	font-size:15px;text-transform:none;
}
body .cart-view input.vm-button-correct:hover,
body .cart-view button.vm-button-correct:hover,
body #ProOPC input.vm-button-correct:hover,
body #ProOPC button.vm-button-correct:hover,
body #ProOPC .proopc-button:hover,
body #ProOPC button[type="submit"]:hover,
body .cart-view button[type="submit"]:hover{background:#00537d;border-color:#00537d;color:#fff}

/* Подписи блоков приходят из настроек модулей уже в нужном регистре,
   принудительный capitalize делал «Лидеры Продаж» и «Новые Поступления». */
body .sp-module > .sp-module-title,
body .sp-module > .sp-module-title span{text-transform:none}

/* Главная: слайдер начинался на 30px ниже меню каталога слева — верхний отступ
   был задан у обёртки слайдера в шаблоне и выпадал наружу колонки. */
body #sp-feature > .sp-column > .sp-module:first-child{margin-top:0}
body .vina-feature .vina-camera-slider-wrapper{margin-top:0}

/* «Продолжить покупки» в окне корзины теперь кнопка, а не ссылка. */
#fancybox-content button.continue_link{
	display:block;cursor:pointer;font:inherit;
	-webkit-appearance:none;appearance:none;
}