/* iyi finans – Mobil Uygulama Pop-up */
:root { --iyfp-primary: #0842C8; --iyfp-accent: #00D82E; }

.iyfp-overlay {
	position: fixed; inset: 0; z-index: 2147483000;
	display: flex; align-items: center; justify-content: center;
	padding: 20px;
	background: rgba(10, 18, 40, .45);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	opacity: 0; transition: opacity .3s ease;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.iyfp-overlay[hidden] { display: none !important; }
.iyfp-overlay.is-open { opacity: 1; }

.iyfp-overlay .iyfp-card {
	position: relative; box-sizing: border-box;
	width: 100%; max-width: 380px;
	padding: 36px 28px 22px;
	background: #fff; color: #0f172a;
	border-radius: 24px;
	box-shadow: 0 24px 60px -12px rgba(8, 20, 60, .35);
	text-align: center;
	transform: translateY(16px) scale(.97);
	transition: transform .4s cubic-bezier(.2, .9, .3, 1.2);
}
.iyfp-overlay.is-open .iyfp-card { transform: none; }

.iyfp-overlay .iyfp-close {
	position: absolute; top: 14px; right: 14px;
	width: 34px; height: 34px; padding: 0; margin: 0;
	display: grid; place-items: center;
	border: 0; border-radius: 50%;
	background: #f1f4f9; color: #64748b;
	cursor: pointer; transition: background .2s, color .2s;
	box-shadow: none; line-height: 1;
}
.iyfp-overlay .iyfp-close:hover { background: #e6ebf3; color: #0f172a; }

.iyfp-overlay .iyfp-icon {
	width: 84px; height: 84px; margin: 0 auto 16px;
	display: grid; place-items: center;
	border-radius: 22px;
	background: #f4f7fe;
	box-shadow: inset 0 0 0 1px rgba(8, 66, 200, .08);
}
.iyfp-overlay .iyfp-icon img { width: 56px; height: 56px; object-fit: contain; margin: 0; border: 0; box-shadow: none; }

.iyfp-overlay .iyfp-badge {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 10px; margin-bottom: 10px;
	font-size: 12px; font-weight: 600; letter-spacing: .02em;
	color: #067a1d; background: rgba(0, 216, 46, .12);
	border-radius: 999px;
}
.iyfp-overlay .iyfp-dot {
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--iyfp-accent);
	box-shadow: 0 0 0 3px rgba(0, 216, 46, .25);
	animation: iyfp-pulse 1.8s ease-in-out infinite;
}
@keyframes iyfp-pulse { 50% { box-shadow: 0 0 0 6px rgba(0, 216, 46, 0); } }

.iyfp-overlay .iyfp-title {
	margin: 0 0 8px; padding: 0;
	font-family: inherit; font-size: 22px; line-height: 1.25; font-weight: 700;
	letter-spacing: -.02em; color: #0f172a; text-transform: none;
}
.iyfp-overlay .iyfp-text {
	margin: 0 auto 22px; max-width: 290px;
	font-size: 15px; line-height: 1.55; color: #5b6576;
}

.iyfp-btn {
	display: flex; align-items: center; justify-content: center; gap: 10px;
	box-sizing: border-box; width: 100%;
	padding: 15px 20px;
	font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.2;
	color: #fff !important; text-decoration: none !important;
	background: var(--iyfp-primary);
	border: 0; border-radius: 14px;
	box-shadow: 0 8px 20px -6px color-mix(in srgb, var(--iyfp-primary) 60%, transparent);
	transition: transform .15s ease, filter .2s ease, box-shadow .2s ease;
	cursor: pointer;
}
.iyfp-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.iyfp-btn:active { transform: translateY(0) scale(.99); }
.iyfp-btn svg { flex: none; }
.iyfp-btn--inline { display: inline-flex; width: auto; }

/* Tema stillerine karşı koruma: temaların a / a:hover / a:visited
   kuralları butonun rengini ve arka planını ezmesin. */
html body .iyfp-btn,
html body .iyfp-btn:link,
html body .iyfp-btn:visited,
html body .iyfp-btn:hover,
html body .iyfp-btn:focus,
html body .iyfp-btn:active,
html body #iyfp .iyfp-btn,
html body #iyfp .iyfp-btn:hover,
html body #iyfp .iyfp-btn:focus,
html body #iyfp .iyfp-btn:visited {
	background: var(--iyfp-primary, #0842C8) !important;
	background-color: var(--iyfp-primary, #0842C8) !important;
	background-image: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	border-radius: 14px !important;
	text-decoration: none !important;
	text-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	outline-offset: 3px;
}
html body .iyfp-btn span,
html body .iyfp-btn svg {
	display: inline-block !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
html body .iyfp-btn svg { stroke: #fff !important; fill: none !important; width: 18px !important; height: 18px !important; }
html body .iyfp-btn::before,
html body .iyfp-btn::after { content: none !important; display: none !important; }

.iyfp-overlay .iyfp-meta { margin: 12px 0 0; font-size: 12px; color: #94a3b8; }

.iyfp-overlay .iyfp-dismiss {
	margin: 10px 0 0; padding: 8px 12px;
	font-family: inherit; font-size: 14px; font-weight: 500;
	color: #64748b; background: none; border: 0; box-shadow: none;
	cursor: pointer; text-decoration: none;
}
.iyfp-overlay .iyfp-dismiss:hover { color: #0f172a; background: none; }

/* Mobilde alttan açılan kart */
@media (max-width: 560px) {
	.iyfp-overlay { align-items: flex-end; padding: 0; }
	.iyfp-overlay .iyfp-card {
		max-width: none; border-radius: 26px 26px 0 0;
		padding: 34px 22px calc(18px + env(safe-area-inset-bottom));
		transform: translateY(100%);
		transition: transform .45s cubic-bezier(.2, .9, .25, 1);
	}
	.iyfp-overlay .iyfp-card::before {
		content: ""; position: absolute; top: 10px; left: 50%;
		width: 40px; height: 4px; margin-left: -20px;
		border-radius: 4px; background: #e2e8f0;
	}
}

/* Köşe butonu */
.iyfp-fab {
	position: fixed; right: 18px; bottom: 18px; z-index: 2147482999;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 18px; margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 14px; font-weight: 600; line-height: 1;
	color: #fff; background: var(--iyfp-primary);
	border: 0; border-radius: 999px;
	box-shadow: 0 10px 24px -8px rgba(8, 20, 60, .45);
	cursor: pointer;
	transform: translateY(80px); opacity: 0;
	transition: transform .4s ease, opacity .4s ease, filter .2s;
}
.iyfp-fab[hidden] { display: none !important; }
.iyfp-fab.is-visible { transform: none; opacity: 1; }
.iyfp-fab:hover { filter: brightness(1.08); }
html body .iyfp-fab,
html body .iyfp-fab:hover,
html body .iyfp-fab:focus {
	background: var(--iyfp-primary, #0842C8) !important;
	background-image: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	text-shadow: none !important;
}
html body .iyfp-fab span,
html body .iyfp-fab svg { color: #fff !important; -webkit-text-fill-color: #fff !important; stroke: #fff !important; fill: none !important; }
@media (max-width: 560px) {
	.iyfp-fab { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); padding: 11px 16px; }
}

@media (prefers-reduced-motion: reduce) {
	.iyfp-overlay, .iyfp-overlay .iyfp-card, .iyfp-fab { transition: none; }
	.iyfp-overlay .iyfp-dot { animation: none; }
}