.background-separator,
.background-separator-preview {
    position: relative;
    width: 100%;
    overflow: hidden;
	bottom: -1px;
}

@media screen and (max-width: 1000px) {
	.background-separator,
	.background-separator-preview {
		height: 65px !Important;
	}
}

.background-separator[data-position="bottom"],
.background-separator-preview[data-position="bottom"] {
	bottom: unset;
	top: -1px;
}

/* Ukrywamy stare tło, używamy pseudo-elementu jako maski */
.background-separator-bg,
.background-separator-preview .background-separator-bg {
    display: none;
}

/* Pseudo-element z tłem i maską SVG — zawsze 100% szerokości */
.background-separator::before,
.background-separator-preview::before {
    content: "";
    position: absolute;
	left: 0;
	width: calc(50% - 200px);
	height: 100%;
    background: #131818;
}
	
.background-separator::after,
.background-separator-preview::after {
    content: "";
    position: absolute;
    inset: 0;
	width: 100%;
	height: 100%;
	background-image: url(bgCut.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto 100%;
}

/* Pozycja góra/dół — odwrócenie pionowe maski */
.background-separator[data-position="top"]::before,
.background-separator-preview[data-position="top"]::before {
    transform: none;
}

.background-separator[data-position="bottom"]::after,
.background-separator-preview[data-position="bottom"]::after {
    transform: scale(-1);
}
.background-separator[data-position="bottom"]::before,
.background-separator-preview[data-position="bottom"]::before {
	left: unset;
	right: 0;
}