.family-month-2026-04 {
	overflow: hidden;
	--family-month-hover-glow: rgba(255, 237, 124, 0.95);
	--family-month-hover-glow-soft: rgba(255, 171, 76, 0.72);
}

.family-month-2026-04 > section {
	font-size: 0;
	line-height: 0;
}

.family-month-2026-04 > section > img,
.family-month-2026-04 > section > picture > img {
	display: block;
	width: 100%;
	height: auto;
}

.family-month-2026-04 .section-01 .obj-coupon {
	/* Derived from filename metadata: 351x328 at (96,702) on a 1200x2275 canvas. */
	top: 30.9%;
	left: 8%;
	width: 29.3%;
	height: 14.4%;
	z-index: 2;
}

.family-month-2026-04 .section-01 .obj-gift {
	/* Derived from filename metadata: 195x195 at (947,906) on a 1200x2275 canvas. */
	top: 39.8%;
	left: 78.9%;
	width: 16.3%;
	height: 8.6%;
	z-index: 3;
}

.family-month-2026-04 .section-02 .cover-back {
	/* Derived from filename metadata: 823x762 at (186,683) on a 1200x1876 canvas. */
	top: 36.4%;
	left: 15.5%;
	width: 68.6%;
	height: 40.6%;
	z-index: 1;
	pointer-events: none;
}

.family-month-2026-04 .section-02 .coupon-link {
	/* Derived from filename metadata: 766x540 at (218,773) on a 1200x1876 canvas. */
	top: 41.2%;
	left: 18.0%;
	width: 62.8%;
	height: 27.8%;
	z-index: 2;
}

.family-month-2026-04 .section-02 .coupon-link .coupon {
	display: block;
	width: 100%;
	height: 100%;
}

.family-month-2026-04 .section-02 .flowers {
	/* Match the envelope back width (823px) while keeping the original center alignment. */
	top: 52%;
	left: 15.5%;
	width: 68.6%;
	height: 25.8%;
	z-index: 3;
	pointer-events: none;
}

.family-month-2026-04 .section-02 .coupon-link,
.family-month-2026-04 .section-02 .btn-download,
.family-month-2026-04 .section-03 .section-03-link,
.family-month-2026-04 .section-04 .section-04-link,
.family-month-2026-04 .button-grid a {
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	border-radius: 24px;
	-webkit-tap-highlight-color: transparent;
	transition: filter 0.15s ease;
}

.family-month-2026-04 .section-02 .btn-download img {
	display: block;
	width: 100%;
	height: 100%;
}

.family-month-2026-04 .section-02 .btn-download {
	/* Derived from filename metadata: 697x151 at (256,1488) on a 1200x1876 canvas. */
	top: 79.3%;
	left: 21.3%;
	width: 58.1%;
	height: 8.1%;
	z-index: 4;
}

.family-month-2026-04 .section-02 .coupon-link:hover,
.family-month-2026-04 .section-02 .coupon-link:focus,
.family-month-2026-04 .section-02 .coupon-link:focus-visible,
.family-month-2026-04 .section-02 .btn-download:hover,
.family-month-2026-04 .section-02 .btn-download:focus,
.family-month-2026-04 .section-02 .btn-download:focus-visible {
	filter: drop-shadow(0 0 10px var(--family-month-hover-glow)) drop-shadow(0 0 22px var(--family-month-hover-glow-soft));
}

@keyframes family-month-coupon-float {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-2.2%);
	}
}

.family-month-2026-04 .button-grid {
	position: absolute;
	z-index: 2;
}

.family-month-2026-04 .section-03 .section-03-link {
	z-index: 2;
	border-radius: 28px;
	overflow: hidden;
}

.family-month-2026-04 .section-03 .section-03-link img,
.family-month-2026-04 .section-04 .section-04-link img {
	display: block;
	width: 100%;
	height: 100%;
}

.family-month-2026-04 .section-03 .section-03-link--01 {
	top: 29.5%;
	left: 6.6%;
	width: 43.7%;
	height: 31.4%;
}

.family-month-2026-04 .section-03 .section-03-link--02 {
	top: 29.6%;
	left: 49.7%;
	width: 43.7%;
	height: 31.4%;
}

.family-month-2026-04 .section-03 .section-03-link--03 {
	top: 62.4%;
	left: 7.3%;
	width: 42.3%;
	height: 30.7%;
}

.family-month-2026-04 .section-03 .section-03-link--04 {
	top: 62.5%;
	left: 50.3%;
	width: 42.3%;
	height: 30.7%;
}

.family-month-2026-04 .section-04 .section-04-link {
	z-index: 2;
	border-radius: 28px;
	overflow: hidden;
}

.family-month-2026-04 .section-04 .section-04-link--01 {
	top: 33.7%;
	left: 7.3%;
	width: 42.3%;
	height: 34.7%;
}

.family-month-2026-04 .section-04 .section-04-link--02 {
	top: 33.8%;
	left: 50.4%;
	width: 42.3%;
	height: 34.7%;
}

.family-month-2026-04 .section-04 .section-04-link--03 {
	top: 70.5%;
	left: 7.2%;
	width: 85.6%;
	height: 20.3%;
}

@media (max-width: 767px) {
	.family-month-2026-04 .section-02 .coupon-link,
	.family-month-2026-04 .section-02 .btn-download,
	.family-month-2026-04 .section-03 .section-03-link,
	.family-month-2026-04 .section-04 .section-04-link,
	.family-month-2026-04 .button-grid a {
		border-radius: 16px;
	}

	.family-month-2026-04 .section-03 .section-03-link,
	.family-month-2026-04 .section-04 .section-04-link {
		border-radius: 18px;
	}
}