/* Блок «Наши клиенты» (отзывы-сканы + логотипы клиентов) — ОБЩИЕ стили для
   главной и лендингов. Вынесено 1:1 из poverka.css (/poverka_vesov/, 2026-07-24)
   28.07.2026; селекторы намеренно НЕ переименованы — пиксель-паритет поверки.
   Подключать ДО poverka.css (каскад: .pv-owl-mfr там переопределяет .pv-owl-logos).
   Инициализация каруселей — clients-block.js по классу-хуку .clients-block. */

/* ---------- «Наши клиенты»: hover карточек + тёмный лайтбокс ---------- */
.item-review { transition: transform .18s ease, box-shadow .18s ease; }
.item-review:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(20, 40, 60, .16) !important; }
.item-review .image img { transition: opacity .18s; }
.item-review:hover .image img { opacity: .92; }
/* полупрозрачность — АЛЬФОЙ ЦВЕТА, не element-opacity: chrome-headless-shell
   не растеризует opacity<1 на этом фиксированном слое (реальные браузеры ок, но
   так надёжно везде и скриншотится приёмкой) */
.pv-fb .fancybox-bg { background: rgba(13, 17, 22, .95) !important; transition: none !important; }
.pv-fb.fancybox-is-open .fancybox-bg { opacity: 1 !important; }
/* aspro красит stage/slide белым — возвращаем прозрачность, иначе тёмного фона не видно */
.pv-fb .fancybox-inner, .pv-fb .fancybox-outer, .pv-fb .fancybox-stage, .pv-fb .fancybox-slide { background: transparent !important; }
.pv-fb .fancybox-caption { font-size: 15px; background: linear-gradient(transparent, rgba(10, 14, 18, .8)) !important; color: #fff !important; border: 0 !important; }
.pv-fb .fancybox-caption a { color: #9fd3e3 !important; }
.pv-fb .fancybox-button { background: rgba(16, 21, 26, .45) !important; }
.pv-fb .fancybox-button svg path { fill: #fff !important; }
.pv-fb .fancybox-button[disabled] { opacity: .3; }
.pv-fb .fancybox-infobar { color: #fff !important; font-size: 14px; mix-blend-mode: normal; }

/* ---------- «Наши клиенты»: owl-карусели (отзывы + логотипы) ---------- */
.pv-owl { position: relative; margin: 4px 0 18px; }
.pv-owl .owl-item .item-review,
.pv-owl .owl-item .item-wrap { display: block; width: 100% !important; max-width: 100% !important; float: none; padding: 0; margin: 0; }
.pv-owl .owl-item .item-review .image,
.pv-owl .owl-item .item-review .image img { max-width: 100% !important; width: auto; }
/* карточки отзывов одной высоты: тянем owl-stage/owl-item флексом */
.pv-owl-reviews .owl-stage { display: flex; }
.pv-owl-reviews .owl-item { display: flex; height: auto; }
.pv-owl-reviews .item-review {
	margin: 6px 2px; background: #fff; width: auto;
	display: flex; flex-direction: column; cursor: pointer;
	border: 1px solid #eaeff3 !important; border-radius: 14px; overflow: hidden;
	box-shadow: 0 2px 10px rgba(20, 40, 60, .05) !important;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pv-owl-reviews .item-review:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 26px rgba(20, 40, 60, .13) !important;
	border-color: #cfe0e8 !important;
}
/* родной контейнер listов табличный — внутри карусели раскладываем блоками */
.pv-owl .owl-item .item-review .row { margin: 0; display: flex; flex-direction: column; flex: 1 1 auto; }
.pv-owl .owl-item .item-review [class*="col-"] { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; padding: 0; float: none; }
.pv-owl-reviews .item-review .image {
	flex: 1 1 auto; display: flex; align-items: center; justify-content: center;
	padding: 12px 12px 6px; min-height: 168px; background: #fafcfd;
}
.pv-owl-reviews .item-review .image img {
	display: block; width: auto; max-width: 100%; max-height: 150px; margin: 0 auto;
	border-radius: 4px;
}
.pv-owl-reviews .item-review .text {
	margin-top: auto; padding: 11px 14px 14px; font-size: 12.5px; line-height: 1.4;
	text-align: center; color: #55606a; border-top: 1px solid #eef2f5;
}
/* карусель логотипов клиентов/производителей */
.pv-owl-logos { margin: 18px 0; }
.pv-owl-logos .owl-stage { display: flex; align-items: center; }
.pv-owl-logos .item-wrap {
	display: flex; align-items: center; justify-content: center;
	height: 64px; padding: 0 4px; background: transparent;
}
.pv-owl-logos .owl-item img {
	max-height: 54px; width: auto; max-width: 190px; margin: 0 auto; object-fit: contain;
	filter: grayscale(100%); opacity: .58;
	transition: filter .25s, opacity .25s, transform .25s;
}
.pv-owl-logos .item-wrap:hover img { filter: grayscale(0); opacity: 1; transform: scale(1.06); }
.pv-owl-logos .pv-logo-link { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; }

.pv-owl .owl-nav button.owl-prev,
.pv-owl .owl-nav button.owl-next {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 38px; height: 38px; border-radius: 50%;
	background: #fff !important; box-shadow: 0 2px 12px rgba(20, 40, 60, .22);
	display: flex; align-items: center; justify-content: center; margin: 0;
}
.pv-owl .owl-nav button.owl-prev { left: -8px; }
.pv-owl .owl-nav button.owl-next { right: -8px; }
.pv-owl .owl-nav button.disabled { opacity: .35; }
.pv-owl-arr { display: block; width: 9px; height: 9px; border-right: 2px solid #159ebb; border-bottom: 2px solid #159ebb; }
.pv-owl-arr-l { transform: rotate(135deg); margin-left: 3px; }
.pv-owl-arr-r { transform: rotate(-45deg); margin-right: 3px; }

/* ---------- мобилка ---------- */
@media (max-width: 767px) {
	.pv-owl-logos { margin: 28px 0; }
}

/* стрелки отзывов вылезают за край на планшете/мобилке (right:-8) → скрываем до
   десктопа; на тач-экранах работает свайп */
@media (max-width: 1199px) {
	.pv-owl-reviews .owl-nav { display: none; }
}