/* ==========================================================
   Content Media SVG Decorations
   ========================================================== */

/* Base decoration container - shared properties only */
.content-media-section .section-svg-decoration {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
	overflow: visible;
}

/* Ensure section has relative positioning */
.content-media-section.svg-leafheart,
.content-media-section.svg-football {
	position: relative;
}

/* Ensure content sits above decoration */
.content-media-section.svg-leafheart .container,
.content-media-section.svg-football .container {
	position: relative;
	z-index: 1;
}

/* ==========================================================
   Leafheart SVG - edit position here
   ========================================================== */
.content-media-section .section-svg-decoration.leafheart {
	top: 28px;
	left: 147px;
}

.section-svg-decoration.leafheart svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-height: 100%;
}

/* ==========================================================
   Football SVG - edit position here
   ========================================================== */
.content-media-section .section-svg-decoration.football {
	top: 0;
	left: 0;
}

.section-svg-decoration.football svg {
	position: absolute;
	bottom: -6px;
	width: 100vw;
	height: auto;
}

/* ==========================================================
   Responsive adjustments
   ========================================================== */
@media screen and (max-width: 1024px) {
	.section-svg-decoration.leafheart svg,
	.section-svg-decoration.football svg {
		opacity: 0.7;
	}
}

@media screen and (max-width: 575px) {
	.section-svg-decoration.leafheart,
	.section-svg-decoration.football {
		display: none;
	}
}