/* Хром ленты-слайдера главной: стрелки навигации. Сама дорожка (flex+snap,
 * ширина карточек) описана в reviews.css / blog.css, т.к. перебивает их сетки. */
.kvsl-nav { display: inline-flex; align-items: center; gap: 10px; }
.kvsl-arr {
	width: 40px; height: 40px; flex: none;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid #E4E7F2; background: #fff; border-radius: 50%;
	color: #192D51; font-size: 22px; line-height: 1; cursor: pointer;
	font-family: 'Onest', system-ui, sans-serif;
	transition: background .15s, border-color .15s, opacity .15s;
}
.kvsl-arr:hover { border-color: #6275DD; background: #F2F3FB; }
.kvsl-arr:disabled { opacity: .35; cursor: default; }
/* Контента мало (не переполняет) — стрелки не нужны. */
.kvsl--static .kvsl-arr { display: none; }
/* На мобильных листаем свайпом — стрелки прячем. */
@media (max-width: 620px) {
	.kvsl-arr { display: none; }
}