.fashion-orakel-wrapper-602fff62 {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fashion-orakel-titel-602fff62 {
	position: absolute;
	z-index: 10;
	pointer-events: none;
	transition: all 0.3s ease;
}

.fashion-orakel-smoke-602fff62 {
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	filter: blur(50px);
	opacity: 0.6;
	animation: orakel-smoke-anim-602fff62 12s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate;
}

@keyframes orakel-smoke-anim-602fff62 {
	0% { transform: scale(1) translate(0, 0) rotate(0deg); opacity: 0.4; }
	33% { transform: scale(1.2) translate(30px, -20px) rotate(15deg); opacity: 0.7; }
	66% { transform: scale(0.9) translate(-20px, 30px) rotate(-10deg); opacity: 0.5; }
	100% { transform: scale(1.1) translate(10px, -10px) rotate(5deg); opacity: 0.6; }
}

.fashion-orakel-container-602fff62 {
	position: relative;
	margin: 0 auto;
	width: fit-content;
}

.fashion-orakel-spiegel-wrap-602fff62 {
	position: relative;
	width: 100%;
	overflow: visible;
	transition: filter 0.5s ease;
}


/* Layers Base */
.fashion-orakel-result-img-schoen-602fff62,
.fashion-orakel-result-img-haesslich-602fff62,
.fashion-orakel-liquid-glass-602fff62 {
	position: absolute;
	object-fit: contain;
	display: block;
	top: 0;
	left: 0;
	height: auto;
}

.fashion-orakel-rahmen-img-602fff62 {
	position: absolute;
	object-fit: contain;
	display: block;
}

/* Layer 1: Resultat (Hinterste Ebene) */
.fashion-orakel-layer-1-602fff62 {
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

/* Layer 2: Liquid Glass (Vor Resultat, hinter Rahmen) */
.fashion-orakel-layer-2-602fff62 {
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

/* Layer 3: Rahmen (Vor Liquid Glass) */
.fashion-orakel-layer-3-602fff62 {
	z-index: 3;
	position: relative; /* Für Container Höhe */
	width: 100%;
	height: auto;
	pointer-events: none; /* Let button clicks pass through if frame overlays it */
}

/* Layer 4: Tuch Overlay Wrapper (Vorderste Ebene, über dem ganzen Widget) */

.fashion-orakel-tuch-wrapper-602fff62 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	transform: translateY(-100%);
	transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	pointer-events: none; /* Let clicks pass unless visible */
}

.fashion-orakel-tuch-wrapper-602fff62.is-visible {
	transform: translateY(0%);
	pointer-events: auto; /* Block clicks while down */
}
.fashion-orakel-tuch-img-602fff62 {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* Schlaf-Text auf dem Tuch */
.fashion-orakel-schlaf-text-602fff62 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 101;
	text-align: center;
	pointer-events: none;
}


.fashion-orakel-btn-wrapper-above-602fff62,
.fashion-orakel-antwort-above-602fff62 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.fashion-orakel-antwort-above-602fff62 {
	z-index: 15;
}

.fashion-orakel-btn-wrapper-below-602fff62 {
	position: relative;
	z-index: 20;
}

.fashion-orakel-btn-602fff62 {
	border: none;
	background: none;
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease;
	display: inline-block;
	position: relative;
	z-index: 20; /* Ensure button is above images */
	pointer-events: auto; /* ensure clickability */
}

.fashion-orakel-antwort-text-602fff62 {
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.fashion-orakel-antwort-text-602fff62.is-visible {
	opacity: 1;
}

.fashion-orakel-below-box-602fff62 {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 20px;
	position: relative;
}

.fashion-orakel-antwort-below-602fff62 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 15;
	/* Removed flow margin/min-height since it is absolute now */
}