body {
	overflow-x: hidden;
}

.ddm-event-contents {
	margin: 0;
	padding: 0 !important;
	background: #fffbdd;
}

.ddm-event-contents .featured_top,
.ddm-event-contents .event_content,
.ddm-event-contents .ddm-event-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: #fffbdd;
}

.ddm-event {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: #fffbdd;
}

.ddm-event__canvas {
	position: relative;
	width: 100%;
	aspect-ratio: 1200 / 5860;
	overflow: hidden;
	background: #fffbdd;
}

.ddm-event__background {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: fill;
	pointer-events: none;
}

/* Coordinates use the 1200 × 5860 background canvas as the percentage base. */
.ddm-event__video-area {
	position: absolute;
	top: 9.249147%;
	left: 10.083333%;
	z-index: 1;
	display: block;
	width: 79.5%;
	height: 11.416382%;
	overflow: hidden;
	border-radius: 4.2% / 6%;
	background: #006d44;
}

/* Keep the full 16:9 video between the awning and shipping banner. */
.ddm-event__video-frame {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 96.2%;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 16 / 9;
	transform: translateX(-50%);
}

.ddm-event__video-embed {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #006d44;
}

.ddm-event__layer {
	position: absolute;
	z-index: 2;
	display: block;
	max-width: none;
	object-fit: fill;
	pointer-events: none;
}

/* Filenames are w h x y; these percentages mirror the event coordinate helper. */
.ddm-event__layer--awning {
	top: 8.020478%;
	left: 7.166667%;
	width: 85.5%;
	height: 3.788396%;
}

.ddm-event__layer--basket {
	top: 17.098976%;
	left: 0.75%;
	width: 27.416667%;
	height: 4.761092%;
	z-index: 4;
}

.ddm-event__layer--shipping {
	top: 20.665529%;
	left: 0;
	width: 100%;
	height: 2.559727%;
	z-index: 3;
}

/* Keep the presenter export at its intrinsic 402 × 516 ratio and source y-coordinate. */
.ddm-event__layer--presenter {
	top: 12.747440%;
	left: 66.5%;
	width: 33.5%;
	height: 8.805461%;
	z-index: 2;
}

.ddm-event__link {
	position: absolute;
	top: 25%;
	left: 0;
	z-index: 3;
	display: block;
	width: 100%;
	height: 75%;
}

.ddm-event__link:focus-visible {
	outline: 2px solid #006d44;
	outline-offset: -2px;
}