/* ==========================================================
   Banner SVG Decorations
   Conditional decorative SVGs triggered by banner classes
   ========================================================== */

/* Base decoration container */
.banner-svg-decoration {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	overflow: visible;
}

/* Loveheart SVG Decoration */
.banner-svg-decoration.loveheart svg {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
}

/* Responsive adjustments */
@media screen and (max-width: 1024px) {
	.banner-svg-decoration.loveheart svg {
		opacity: 0.7;
	}
}

@media screen and (max-width: 575px) {
	.banner-svg-decoration.loveheart {
		display: none;
	}
}