/**
 * Mishtam — section backgrounds (soft texture + light overlay)
 *
 * Product cards are the hero — backgrounds stay subtle, even left-to-right.
 */

.ms-has-bg {
	position: relative;
	overflow: hidden;
}

.ms-section-bg {
	position: absolute;
	inset: -8px;
	z-index: 0;
	pointer-events: none;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.42;
	filter: blur(2px);
	transform: scale(1.03);
}

.ms-showcase .ms-section-bg::after,
.ms-front-page .ms-bestsellers .ms-section-bg::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* Section fallback + themed veil */
.ms-showcase--cakes {
	background-color: #fff8fb;
}

.ms-showcase--cakes .ms-section-bg::after {
	background: rgba(255, 250, 252, 0.84);
}

.ms-front-page .ms-bestsellers {
	background-color: #fffcf7;
}

.ms-front-page .ms-bestsellers .ms-section-bg::after {
	background: rgba(255, 252, 247, 0.84);
}

.ms-showcase--flowers {
	background-color: #fff9fb;
}

.ms-showcase--flowers .ms-section-bg::after {
	background: rgba(255, 251, 253, 0.84);
}

.ms-showcase--chocolates {
	background-color: #fcfaf7;
}

.ms-showcase--chocolates .ms-section-bg::after {
	background: rgba(252, 248, 244, 0.84);
}

.ms-section-bg--cakes {
	background-image: url('../images/backgrounds/ms-bg-cakes.jpg');
}

.ms-section-bg--bestsellers {
	background-image: url('../images/backgrounds/ms-bg-bestsellers.jpg');
}

.ms-section-bg--flowers {
	background-image: url('../images/backgrounds/ms-bg-flowers.jpg');
}

.ms-section-bg--chocolates {
	background-image: url('../images/backgrounds/ms-bg-chocolates.jpg');
}

.ms-section-bg--celebration {
	background-image: url('../images/backgrounds/ms-bg-celebration.jpg');
	opacity: 0.35;
}

.ms-section-bg--soft {
	background-image: url('../images/backgrounds/ms-bg-soft.jpg');
	opacity: 0.35;
}

.ms-section-bg--full::after,
.ms-section-bg--soft::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.8);
}

.ms-has-bg > .ms-container,
.ms-has-bg > .ms-container--wide {
	position: relative;
	z-index: 1;
}

.ms-showcase.ms-has-bg .ms-orb,
.ms-front-page .ms-bestsellers .ms-orb {
	display: none;
}

@media (max-width: 767px) {
	.ms-section-bg {
		opacity: 0.32;
		filter: blur(3px);
	}

	.ms-showcase .ms-section-bg::after,
	.ms-front-page .ms-bestsellers .ms-section-bg::after {
		background: rgba(255, 255, 255, 0.88);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ms-section-bg {
		animation: none !important;
	}
}

@media (min-width: 768px) {
	@supports (background-image: url('../images/backgrounds/ms-bg-cakes.webp')) {
		.ms-section-bg--cakes {
			background-image: url('../images/backgrounds/ms-bg-cakes.webp');
		}

		.ms-section-bg--bestsellers {
			background-image: url('../images/backgrounds/ms-bg-bestsellers.webp');
		}

		.ms-section-bg--flowers {
			background-image: url('../images/backgrounds/ms-bg-flowers.webp');
		}

		.ms-section-bg--chocolates {
			background-image: url('../images/backgrounds/ms-bg-chocolates.webp');
		}
	}
}