/**
 * Нижний блюр-оверлей (адаптировано из reference-темы: .body-container-blur).
 */

.body-container-blur {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20vh;
	pointer-events: none;
	z-index: 2;
}

.body-container-blur .bc-blur {
	position: absolute;
	inset: 0;
	will-change: auto;
}

.body-container-blur .bc-blur.bc-blur-1 {
	mask-image: linear-gradient(transparent 50%, #000 62.5%, #000 75%, transparent 87.5%);
	-webkit-mask-image: linear-gradient(transparent 50%, #000 62.5%, #000 75%, transparent 87.5%);
	-webkit-backdrop-filter: blur(0.875px);
	backdrop-filter: blur(0.875px);
	z-index: 2;
}

.body-container-blur .bc-blur.bc-blur-2 {
	mask-image: linear-gradient(transparent 62.5%, #000 75%, #000 87.5%, transparent 100%);
	-webkit-mask-image: linear-gradient(transparent 62.5%, #000 75%, #000 87.5%, transparent 100%);
	-webkit-backdrop-filter: blur(1.75px);
	backdrop-filter: blur(1.75px);
	z-index: 3;
}

.body-container-blur .bc-blur.bc-blur-3 {
	mask-image: linear-gradient(transparent 75%, #000 87.5%, #000 100%);
	-webkit-mask-image: linear-gradient(transparent 75%, #000 87.5%, #000 100%);
	-webkit-backdrop-filter: blur(3.5px);
	backdrop-filter: blur(3.5px);
	z-index: 4;
}

@media only screen and (min-width: 576px) {

	.body-container-blur {
		display: block;
	}
}