/* Dr. Cake responsive HERO presentation. Theme files remain untouched. */
body.home.variant-two .hero.drcake-watermark-ready .hero-copy::after {
	display: none !important;
	content: none !important;
}

body.home.variant-two .hero .drcake-hero-watermark {
	position: absolute;
	z-index: 0;
	left: 4.5%;
	bottom: 26px;
	display: block;
	box-sizing: border-box;
	width: 42%;
	overflow: hidden;
	color: rgba(255, 255, 255, .055);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	line-height: .88;
	letter-spacing: -.075em;
	white-space: nowrap;
	pointer-events: none;
}

@media (max-width: 768px) {
	body.home.variant-two .hero {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 38px 14px 20px !important;
		overflow: hidden !important;
		background: #4e0e1d !important;
		isolation: isolate;
	}

	body.home.variant-two .hero::before {
		display: none !important;
		content: none !important;
	}

	body.home.variant-two .hero .drcake-hero-watermark {
		z-index: 0;
		top: 20px;
		left: 8px;
		bottom: auto;
		width: calc(100% - 16px);
		line-height: .9;
	}

	body.home.variant-two .hero-copy {
		display: contents !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 0 !important;
	}

	body.home.variant-two .hero-copy::after,
	body.home.variant-two .hero-copy > .eyebrow,
	body.home.variant-two .hero-copy > .hero-text {
		display: none !important;
		content: none !important;
	}

	body.home.variant-two .hero-copy > h1 {
		z-index: 2;
		grid-row: 1;
		max-width: 100% !important;
		margin: 0 14px !important;
		color: #fff !important;
		font-size: clamp(58px, 18vw, 72px) !important;
		line-height: .82 !important;
		letter-spacing: -.065em !important;
		text-transform: uppercase;
		animation: drcake-mobile-title-in .68s cubic-bezier(.2,.75,.25,1) both;
	}

	body.home.variant-two .hero-copy > h1 span {
		display: block;
		width: max-content;
		max-width: calc(100vw - 56px);
		margin-top: 10px;
		color: #e8b5ae !important;
		font-size: clamp(43px, 13.2vw, 55px) !important;
		line-height: .92 !important;
		letter-spacing: -.055em !important;
		white-space: nowrap;
		text-transform: lowercase;
	}

	body.home.variant-two .hero-actions {
		z-index: 3;
		grid-row: 2;
		display: block !important;
		margin: 28px 14px 22px !important;
	}

	body.home.variant-two .hero-actions .button-light {
		box-sizing: border-box;
		width: auto !important;
		min-height: 56px !important;
		padding: 0 24px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: #c6cc85 !important;
		box-shadow: none !important;
		color: #4e0e1d !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		text-align: center;
		animation: drcake-mobile-status-in .62s .12s cubic-bezier(.2,.75,.25,1) both;
	}

	body.home.variant-two .hero-actions .text-link {
		display: none !important;
	}

	body.home.variant-two .hero-image-wrap {
		z-index: 2;
		grid-row: 3;
		width: 100% !important;
		height: clamp(430px, 122vw, 510px) !important;
		min-height: 0 !important;
		margin: 0 !important;
		border: 1px solid rgba(198, 204, 133, .8) !important;
		border-radius: 34px !important;
		background: #c6cc85 !important;
		box-shadow: 0 20px 48px rgba(26, 3, 9, .24);
		animation: drcake-mobile-image-in .78s .08s cubic-bezier(.2,.75,.25,1) both;
	}

	body.home.variant-two .hero-image-wrap::before {
		display: none !important;
	}

	body.home.variant-two .hero-image-wrap picture,
	body.home.variant-two .hero-image-wrap img {
		display: block;
		width: 100% !important;
		height: 100% !important;
	}

	body.home.variant-two .hero-image-wrap img {
		object-fit: cover !important;
		object-position: center 50% !important;
		transform: none !important;
	}

	body.home.variant-two .hero-sticker {
		display: none !important;
	}

	body.home.variant-two .image-note {
		top: 18px !important;
		right: 14px !important;
		bottom: auto !important;
		left: auto !important;
		box-sizing: border-box;
		max-width: min(76%, 285px) !important;
		padding: 15px 17px !important;
		border-radius: 18px !important;
		background: #e8b5ae !important;
		box-shadow: 0 12px 28px rgba(42, 5, 14, .18) !important;
		color: #111 !important;
		font-size: clamp(11px, 3.1vw, 13px) !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
		animation: drcake-mobile-note-in .62s .35s cubic-bezier(.2,.75,.25,1) both !important;
	}

	body.home.variant-two .hero-meta {
		z-index: 2;
		grid-row: 4;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px !important;
		margin: 14px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		animation: drcake-mobile-meta-in .62s .25s cubic-bezier(.2,.75,.25,1) both;
	}

	body.home.variant-two .hero-meta > div {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0;
		min-height: 104px;
		box-sizing: border-box;
		justify-content: center;
		align-items: flex-start;
		gap: 7px !important;
		padding: 16px 15px;
		border: 1px solid rgba(232, 181, 174, .72);
		border-radius: 20px;
		background: rgba(255, 255, 255, .035);
	}

	body.home.variant-two .hero-meta strong {
		max-width: 100%;
		font-size: clamp(15px, 4.3vw, 18px) !important;
		line-height: 1.15;
		color: #fff !important;
		overflow-wrap: anywhere;
	}

	body.home.variant-two .hero-meta span {
		order: -1;
		max-width: 100%;
		font-size: 12px !important;
		line-height: 1.25;
		color: #e8b5ae !important;
		overflow-wrap: anywhere;
	}

	body.home.variant-two .drcake-sold-out-badge {
		top: 50% !important;
		right: auto !important;
		bottom: auto !important;
		left: 50% !important;
		max-width: calc(100% - 36px) !important;
		padding: .22em .42em .25em !important;
		transform: translate(-50%, -50%) rotate(-4deg) !important;
		border-radius: 12px !important;
		font-size: clamp(30px, 9.5vw, 40px) !important;
		letter-spacing: -.045em !important;
	}
}

@keyframes drcake-mobile-title-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes drcake-mobile-status-in {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes drcake-mobile-image-in {
	from { opacity: 0; transform: scale(1.035) translateY(18px); }
	to { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes drcake-mobile-note-in {
	from { opacity: 0; transform: translateY(-10px) scale(.96); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes drcake-mobile-meta-in {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 370px) {
	body.home.variant-two .hero { padding-inline: 10px !important; }
	body.home.variant-two .hero-copy > h1 { margin-inline: 10px !important; }
	body.home.variant-two .hero-actions { margin-inline: 10px !important; }
	body.home.variant-two .hero-meta > div { padding-inline: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	body.home.variant-two .hero-copy > h1,
	body.home.variant-two .hero-actions .button-light,
	body.home.variant-two .hero-image-wrap,
	body.home.variant-two .image-note,
	body.home.variant-two .hero-meta {
		animation: none !important;
	}
}