.flxl-oneri {
	--flxl-bg: #ffffff;
	--flxl-fg: #1d1f2a;
	--flxl-muted: #5b5f6e;
	--flxl-accent: var(--wp--preset--color--primary, #1F2937);
	--flxl-accent-fg: #ffffff;
	--flxl-border: rgba(0, 0, 0, .08);
	position: fixed;
	z-index: 99990;
	left: 50%;
	top: max(12px, env(safe-area-inset-top));
	width: min(560px, calc(100% - 32px));
	transform: translate(-50%, -24px);
	opacity: 0;
	transition: transform .25s ease, opacity .25s ease;
	box-sizing: border-box;
	padding: 16px 44px 16px 18px;
	border-radius: 14px;
	border: 1px solid var(--flxl-border);
	background: var(--flxl-bg);
	color: var(--flxl-fg);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
	font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.flxl-oneri.is-open {
	transform: translate(-50%, 0);
	opacity: 1;
}
.flxl-oneri p {
	margin: 0 0 12px;
	font-weight: 600;
}
.flxl-oneri__row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.flxl-oneri__go,
.flxl-oneri__stay {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px;
	border-radius: 999px;
	font: inherit;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
.flxl-oneri__go {
	background: var(--flxl-accent);
	color: var(--flxl-accent-fg);
	border: 0;
}
.flxl-oneri__go:hover,
.flxl-oneri__go:focus-visible {
	filter: brightness(1.08);
	color: var(--flxl-accent-fg);
}
.flxl-oneri__stay {
	background: transparent;
	color: var(--flxl-fg);
	border: 1px solid var(--flxl-border);
}
.flxl-oneri__x {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--flxl-muted);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.flxl-oneri__x:hover {
	background: rgba(0, 0, 0, .06);
}
/* Koyu mod: tema koyu modu açıksa (FluxWP: body.flx-dark + cihaz koyu). */
@media (prefers-color-scheme: dark) {
	body.flx-dark .flxl-oneri {
		--flxl-bg: #15171e;
		--flxl-fg: #eeeff4;
		--flxl-muted: #a7aaba;
		--flxl-accent: color-mix(in srgb, var(--wp--preset--color--primary, #1F2937) 70%, #fff);
		--flxl-accent-fg: #0d0e13;
		--flxl-border: rgba(255, 255, 255, .12);
	}
}
@media (prefers-reduced-motion: reduce) {
	.flxl-oneri {
		transition: none;
	}
}
body.admin-bar .flxl-oneri {
	top: 46px;
}
@media (min-width: 783px) {
	body.admin-bar .flxl-oneri {
		top: 44px;
	}
}