/* Мобильная модалка фильтрации */
@media (max-width: 967px) {
	.filter-wrap-popup {
		position: fixed;
		inset: 0;
		z-index: 100;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding:
			max(12px, env(safe-area-inset-top))
			max(12px, env(safe-area-inset-right))
			max(12px, env(safe-area-inset-bottom))
			max(12px, env(safe-area-inset-left));
		background: rgb(22 22 24 / 50%);
		visibility: hidden;
		opacity: 0;
		overflow: hidden;
		transition: opacity 0.25s ease, visibility 0.25s ease;
	}

	.filter-wrap-popup.active {
		visibility: visible;
		opacity: 1;
	}

	.filter-wrap-popup .filter-form.filter-body-popup,
	.filter-wrap-popup .filter-body-popup.filter-form {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 0;
		height: var(--filter-modal-height, 72dvh);
		max-height: var(--filter-modal-height, 72dvh);
		margin: 0;
		padding: 0;
		border-radius: 16px;
		background: var(--white);
		box-sizing: border-box;
		overflow: hidden;
	}

	.filter-wrap-popup .filter-mobile-header {
		flex: 0 0 auto;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 8px 8px 4px;
		background: var(--white);
		border-radius: 16px 16px 0 0;
	}

	.filter-wrap-popup .filter-mobile-header .close-filter-popup {
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: static !important;
		top: auto !important;
		right: auto !important;
		width: 36px;
		height: 36px;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--dark);
		cursor: pointer;
		opacity: 0.85;
	}

	.filter-wrap-popup .filter-mobile-scroll {
		flex: 1 1 auto;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		padding: 8px 16px 0;
	}

	.filter-wrap-popup .filter-mobile-scroll .filter-sticky-btn {
		position: relative;
		top: auto;
		bottom: auto;
		margin: 24px 0 0;
		padding: 0 0 20px;
		background: transparent;
		border-top: 0;
	}

	.filter-wrap-popup .filter-mobile-scroll .filter-search-results {
		max-height: none;
		height: auto;
		overflow: visible;
		padding-right: 0;
	}

	.filter-wrap-popup .filter-mobile-scroll .custom-checkbox,
	.filter-wrap-popup .filter-mobile-scroll .radio-name {
		min-width: 0;
		word-break: break-word;
	}
}