/**
 * Мобильные (max-width: 767.98px):
 * — полоса справа при свайпе: overflow-x + overscroll-behavior-x на html/body, .wrapper;
 * — Fancybox + .popup: компактная модалка и без лишнего горизонтального зазора.
 * На ПК глобальная ширина модалки не трогается (лимит .popup из style.min.css).
 */

/* Компенсация скроллбара Fancybox: width:auto + margin иногда даёт выход за 100% */
html.with-fancybox body.hide-scrollbar {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

html.with-fancybox {
	overflow-x: hidden;
	max-width: 100%;
}

.fancybox__container {
	overflow-x: hidden;
}

.fancybox__carousel {
	overflow-x: hidden;
}

/**
 * Полоса справа при свайпе влево на всех страницах — горизонтальный вылет
 * (off-canvas меню, редкие блоки шире экрана). Только мобильная ширина.
 */
@media (max-width: 767.98px) {
	html {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
		overscroll-behavior-x: none;
	}

	body {
		overflow-x: hidden;
		width: 100%;
		max-width: 100%;
		position: relative;
		overscroll-behavior-x: none;
	}

	.wrapper {
		overflow-x: hidden;
		max-width: 100%;
	}

	.fancybox__slide {
		overflow-x: hidden;
		margin-right: 0 !important;
		padding-left: 2px;
		padding-right: 2px;
	}

	.fancybox__content {
		box-sizing: border-box;
		max-width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.popup {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}