/* ============================================================
 * Eform İskenderun LP — page styles
 * Class names mirror design canvas at
 * .planning/design/iskenderun-lp/design-output/iskenderun-masaj-salonu.html
 * so CSS extracted from the design works 1:1 with server render.
 *
 * Scoped to .eform-isk-lp body class (set by template-redirect.php).
 * ============================================================ */

/* ── Theme tokens ─────────────────────────────────────────── */
.eform-isk-lp .elp-page {
	--bg:        #F4EDE0;
	--surface:   #FBF7EE;
	--surface-2: #ECE3D2;
	--ink:       #231811;
	--ink-soft:  #6B5B4D;
	--rule:      #DDD0BA;
	--clay:      #B85A3F;
	--clay-deep: #8E4226;
	--wa:        #25D366;
	--wa-deep:   #128C7E;
	--radius:    14px;
	--radius-lg: 24px;
	--container: 1180px;
	--gutter:    clamp(16px, 4vw, 32px);
	--display:   'Instrument Serif', Georgia, serif;
	--body:      'Manrope', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

	/* Motion tokens — impeccable/animate spec.
	   ease-out-quart = smooth, ease-out-quint = snappier, ease-out-expo =
	   confident. Use expo for hero/entrance moments, quart for hovers,
	   quint for state changes. NO bounce/elastic (dated). */
	--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
	--ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Motion: entrance + scroll reveal (impeccable/animate) ─
   - Hero pieces fade up 8px → 0 on page load, staggered 100-150ms.
   - Below-fold sections reveal on intersection (60% in viewport).
   - All animation = transform + opacity only (compositor-safe, 60fps).
   - prefers-reduced-motion: collapse to instant (no transform/opacity transitions). */
.eform-isk-lp .elp-reveal {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 600ms var(--ease-out-expo), transform 600ms var(--ease-out-expo);
	will-change: transform, opacity;
}
.eform-isk-lp .elp-reveal.is-in {
	opacity: 1;
	transform: none;
}
.eform-isk-lp .elp-reveal[data-delay="100"] { transition-delay: 100ms; }
.eform-isk-lp .elp-reveal[data-delay="200"] { transition-delay: 200ms; }
.eform-isk-lp .elp-reveal[data-delay="300"] { transition-delay: 300ms; }
.eform-isk-lp .elp-reveal[data-delay="400"] { transition-delay: 400ms; }
.eform-isk-lp .elp-reveal[data-delay="500"] { transition-delay: 500ms; }
.eform-isk-lp .elp-reveal[data-delay="600"] { transition-delay: 600ms; }

/* Hero price sticker entrance — the signature "hero moment". Lands last,
   slightly later than copy, with a snap. Pre-state = scaled-down + flat;
   end-state = the canonical -3deg tilt. */
.eform-isk-lp .hero-price {
	opacity: 0;
	transform: rotate(0deg) scale(0.85);
	transition: opacity 700ms var(--ease-out-expo) 600ms,
	            transform 700ms var(--ease-out-expo) 600ms;
}
.eform-isk-lp .hero-price.is-in {
	opacity: 1;
	transform: rotate(-3deg) scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.eform-isk-lp .elp-reveal,
	.eform-isk-lp .elp-reveal.is-in,
	.eform-isk-lp .hero-price,
	.eform-isk-lp .hero-price.is-in {
		opacity: 1;
		transform: none;
		transition: none;
	}
	.eform-isk-lp .hero-price.is-in { transform: rotate(-3deg); }
	.eform-isk-lp * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.eform-isk-lp .elp-page,
.eform-isk-lp .elp-page * {
	box-sizing: border-box;
}
.eform-isk-lp .elp-page {
	font-family: var(--body);
	color: var(--ink);
	background: var(--bg);
	font-size: 16px;
	line-height: 1.55;
	padding-bottom: 96px;
}
.eform-isk-lp .elp-page img { max-width: 100%; height: auto; display: block; }
.eform-isk-lp .elp-page a { color: inherit; text-decoration: none; }
.eform-isk-lp .elp-page button { font: inherit; cursor: pointer; }
.eform-isk-lp .elp-page p { text-wrap: pretty; margin: 0 0 1em; }
.eform-isk-lp .elp-page ul,
.eform-isk-lp .elp-page ol { list-style: none; padding: 0; margin: 0; }
.eform-isk-lp .elp-page address { font-style: normal; }

/* ── Container ────────────────────────────────────────────── */
.eform-isk-lp .elp-container {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 var(--gutter);
}

/* ── Typography ──────────────────────────────────────────── */
.eform-isk-lp .display {
	font-family: var(--display);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.04;
	margin: 0;
}
.eform-isk-lp .display em {
	font-style: italic;
	color: var(--clay);
}
.eform-isk-lp h1.display { font-size: clamp(40px, 7.5vw, 72px); }
.eform-isk-lp h2.display { font-size: clamp(28px, 4.6vw, 48px); margin-bottom: 14px; }
.eform-isk-lp h3 { font-family: var(--body); font-weight: 600; font-size: 18px; margin: 0 0 6px; letter-spacing: -0.005em; }

.eform-isk-lp .eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--clay);
}
.eform-isk-lp .eyebrow::before { content: "— "; opacity: .55; }

.eform-isk-lp .lede {
	font-size: clamp(15px, 1.4vw, 18px);
	color: var(--ink-soft);
	line-height: 1.6;
	max-width: 65ch;
}

.eform-isk-lp .section-head {
	max-width: 760px;
	margin: 0 0 32px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ── Section spacing ─────────────────────────────────────── */
.eform-isk-lp section {
	padding: clamp(48px, 6vw, 88px) 0;
}
.eform-isk-lp section + section:not(.elp-paket):not(.elp-final) {
	border-top: 1px solid var(--rule);
}

/* ── Buttons ─────────────────────────────────────────────── */
.eform-isk-lp .cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.eform-isk-lp .btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 15px;
	min-height: 52px;
	border: 1px solid transparent;
	transition: transform .15s ease, background .15s ease, color .15s ease;
	text-decoration: none;
	line-height: 1;
}
.eform-isk-lp .btn svg { width: 18px; height: 18px; flex: none; }
.eform-isk-lp .btn .num { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }

.eform-isk-lp .btn--call {
	background: var(--clay);
	color: #fff;
	box-shadow: 0 12px 24px -14px rgba(184,90,63,0.65);
}
.eform-isk-lp .btn--call:hover { transform: translateY(-1px); background: var(--clay-deep); }
.eform-isk-lp .btn--wa {
	background: var(--wa);
	color: #fff;
}
.eform-isk-lp .btn--wa:hover { transform: translateY(-1px); background: #1ebd5b; }

/* ═══════════════════ Section 1: Hero ═══════════════════ */
.eform-isk-lp .elp-hero { padding: clamp(28px, 5vw, 56px) 0 clamp(40px, 6vw, 80px); }
.eform-isk-lp .hero-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(24px, 4vw, 48px);
}
@media (min-width: 920px) {
	.eform-isk-lp .hero-grid { grid-template-columns: 1.05fr 1fr; align-items: stretch; }
}
.eform-isk-lp .hero-copy {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 0;
	min-width: 0; /* prevent grid track from collapsing children */
}

/* Bootstrap reserves the `.badge` class globally — it forces inline-block,
   absolute positioning, padding etc. that collides with our hero brand mark.
   Use BEM-style modifiers (.hero-logo__badge / .hero-logo__name) to escape
   the Bootstrap rule entirely. */
.eform-isk-lp .hero-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 4px 0;
	padding: 0;
	max-width: max-content;
	position: static;
}
.eform-isk-lp .hero-logo .hero-logo__badge {
	width: 40px;
	height: 40px;
	min-width: 40px;
	flex: 0 0 40px;
	border-radius: 50%;
	background: var(--ink);
	color: var(--surface);
	display: grid;
	place-items: center;
	font-family: var(--display);
	font-size: 20px;
	line-height: 1;
	position: static;
}
.eform-isk-lp .hero-logo .hero-logo__name {
	font-weight: 700;
	letter-spacing: 0.04em;
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: visible;
	position: static;
}
.eform-isk-lp .hero-logo .hero-logo__name span { color: var(--clay); }

.eform-isk-lp .hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	color: var(--ink-soft);
	font-size: 13.5px;
}
.eform-isk-lp .hero-meta span { display: inline-flex; align-items: center; gap: 8px; }
.eform-isk-lp .hero-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--clay); }

.eform-isk-lp .hero-media {
	position: relative;
	border-radius: var(--radius-lg);
	background: var(--surface-2);
	aspect-ratio: 4/5;
	overflow: visible; /* allow price sticker to overlap */
}
@media (min-width: 920px) {
	/* Desktop: floor at 540 px so the image column matches typical copy column
	   height. Aspect 4/5 still drives the WIDTH when content is shorter. */
	.eform-isk-lp .hero-media { min-height: 540px; }
}
.eform-isk-lp .hero-media img {
	width: 100%; height: 100%;
	object-fit: cover;
	border-radius: var(--radius-lg);
	box-shadow: 0 30px 60px -30px rgba(35,24,17,0.35);
}

/* Hero price sticker — overlapping the hero photo's bottom-RIGHT corner,
   tilted clay-bg. The page's conversion anchor. */
.eform-isk-lp .hero-price {
	position: absolute;
	bottom: -22px;
	right: -16px;
	left: auto;
	display: grid;
	gap: 4px;
	background: var(--clay);
	color: #fff;
	padding: 18px 26px;
	border-radius: var(--radius);
	transform: rotate(-3deg);
	box-shadow:
		0 18px 36px -12px rgba(184,90,63,0.55),
		0 2px 0 rgba(0,0,0,0.04);
	z-index: 2;
	max-width: 260px;
}
.eform-isk-lp .hero-price__lbl {
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.86);
	font-weight: 700;
}
.eform-isk-lp .hero-price__num {
	font-family: var(--display);
	font-size: 52px;
	line-height: 1;
	color: #fff;
	letter-spacing: -0.02em;
}
.eform-isk-lp .hero-price__num .curr {
	font-size: 28px;
	margin-left: 4px;
	color: rgba(255,255,255,0.82);
}
.eform-isk-lp .hero-price__sub {
	font-size: 12px;
	line-height: 1.4;
	color: rgba(255,255,255,0.82);
}
@media (max-width: 600px) {
	.eform-isk-lp .hero-price {
		bottom: -12px;
		right: 12px;
		left: auto;
		padding: 14px 20px;
	}
	.eform-isk-lp .hero-price__num { font-size: 44px; }
}

/* ═══════════════════ Section 2: Trust band ═══════════════════ */
.eform-isk-lp .elp-trust { padding: clamp(28px, 4vw, 56px) 0; background: var(--surface); }
.eform-isk-lp .trust-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}
@media (min-width: 720px) {
	.eform-isk-lp .trust-row { grid-template-columns: repeat(4, 1fr); }
}
.eform-isk-lp .trust-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 6px;
	padding: 8px;
	color: var(--ink);
}
.eform-isk-lp .trust-item .ico {
	width: 44px; height: 44px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--bg);
	color: var(--clay);
	margin-bottom: 4px;
}
.eform-isk-lp .trust-item .ico svg { width: 22px; height: 22px; }
.eform-isk-lp .trust-item .num {
	font-family: var(--display);
	font-size: 26px;
	line-height: 1;
	color: var(--ink);
}
.eform-isk-lp .trust-item .lbl { font-size: 12.5px; color: var(--ink-soft); margin-top: 3px; }
.eform-isk-lp .trust-item.linklike { cursor: pointer; }
.eform-isk-lp .trust-item.linklike:hover .num { color: var(--clay); }

/* ═══════════════════ Section 3: Konum ═══════════════════ */
.eform-isk-lp .konum-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	margin-bottom: 18px;
}
@media (min-width: 920px) {
	.eform-isk-lp .konum-grid { grid-template-columns: 1.1fr 1fr; gap: 48px; }
}

/* LEFT — address card */
.eform-isk-lp .address-card {
	background: var(--surface);
	border: 1px solid var(--rule);
	border-radius: var(--radius-lg);
	padding: 28px;
}
.eform-isk-lp .address-card .pin {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--clay);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	margin-bottom: 10px;
}
.eform-isk-lp .address-card .pin svg { width: 14px; height: 14px; }

.eform-isk-lp .address-card .addr {
	font-family: var(--display);
	font-weight: 400;
	font-size: clamp(22px, 2.6vw, 28px);
	line-height: 1.2;
	margin: 0 0 18px;
	color: var(--ink);
}

.eform-isk-lp .address-card .dir-list {
	list-style: none;
	padding: 0;
	margin: 18px 0 0;
	border-top: 1px solid var(--rule);
}
.eform-isk-lp .address-card .dir-list li {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--rule);
	font-size: 14.5px;
	align-items: baseline;
}
.eform-isk-lp .address-card .dir-list li:last-child { border-bottom: 0; }
.eform-isk-lp .address-card .dir-list .from {
	color: var(--clay);
	font-weight: 600;
	font-size: 12.5px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.eform-isk-lp .address-card .dir-list .to {
	color: var(--ink-soft);
	line-height: 1.5;
}

.eform-isk-lp .access-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}
.eform-isk-lp .access-chips span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--bg);
	border: 1px solid var(--rule);
	border-radius: 999px;
	padding: 8px 12px;
	font-size: 13px;
	color: var(--ink);
}
.eform-isk-lp .access-chips svg { width: 14px; height: 14px; color: var(--clay); }

/* RIGHT — map wrap with overlay + pulse */
.eform-isk-lp .map-wrap {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid var(--rule);
	aspect-ratio: 4/5;
	min-height: 380px;
	background: var(--surface-2);
}
@media (min-width: 920px) {
	.eform-isk-lp .map-wrap { aspect-ratio: auto; height: 100%; min-height: 480px; }
}
.eform-isk-lp .map-wrap iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.eform-isk-lp .map-overlay {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	background: rgba(255,255,255,0.96);
	backdrop-filter: blur(8px);
	border-radius: 12px;
	padding: 12px 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--rule);
	box-shadow: 0 14px 30px -16px rgba(0,0,0,.18);
	font-size: 13px;
}
.eform-isk-lp .map-overlay .pulse {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--clay);
	box-shadow: 0 0 0 0 rgba(184,90,63,.6);
	animation: elp-pulse 2.2s infinite;
	flex: none;
}
@keyframes elp-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(184,90,63,.55); }
	70%  { box-shadow: 0 0 0 14px rgba(184,90,63,0); }
	100% { box-shadow: 0 0 0 0 rgba(184,90,63,0); }
}
.eform-isk-lp .map-overlay strong { font-weight: 700; color: var(--ink); }
.eform-isk-lp .map-overlay a {
	color: var(--clay);
	font-weight: 600;
	margin-left: auto;
}

.eform-isk-lp .konum-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 18px;
}
.eform-isk-lp .konum-gallery figure {
	margin: 0;
	aspect-ratio: 1/1;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--surface-2);
}
.eform-isk-lp .konum-gallery img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.eform-isk-lp .konum-gallery figure:hover img { transform: scale(1.05); }

/* ═══════════════════ Section 4: Paket (DARK) ═══════════════════ */
.eform-isk-lp .elp-paket {
	background: var(--ink);
	color: var(--surface);
}
.eform-isk-lp .elp-paket .eyebrow { color: #E8B79A; }
.eform-isk-lp .elp-paket h2.display { color: var(--surface); }
.eform-isk-lp .elp-paket .section-head p { color: rgba(251,247,238,0.7); }

.eform-isk-lp .paket-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	align-items: center;
}
@media (min-width: 920px) {
	.eform-isk-lp .paket-grid { grid-template-columns: 1.1fr 1fr; gap: 64px; }
}

.eform-isk-lp .includes-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px 24px;
}
@media (min-width: 600px) {
	.eform-isk-lp .includes-list { grid-template-columns: repeat(2, 1fr); }
}
.eform-isk-lp .includes-list li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-size: 15px;
}
.eform-isk-lp .includes-list .ico {
	width: 38px; height: 38px; flex: none;
	border-radius: 50%;
	background: rgba(184,90,63,0.18);
	color: #E8B79A;
	display: grid;
	place-items: center;
}
.eform-isk-lp .includes-list .ico svg { width: 20px; height: 20px; }
.eform-isk-lp .includes-list .meta { font-size: 12px; color: rgba(251,247,238,0.55); margin-top: 2px; }
.eform-isk-lp .includes-list .name { font-weight: 600; }

.eform-isk-lp .price-card {
	background: var(--surface);
	color: var(--ink);
	border-radius: var(--radius-lg);
	padding: 32px;
	text-align: center;
	position: relative;
}
.eform-isk-lp .price-card .ribbon {
	position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
	background: var(--clay); color: #fff;
	font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
	padding: 6px 14px; border-radius: 999px;
}
.eform-isk-lp .price-card .pop {
	font-size: 13px;
	color: var(--ink-soft);
	margin-top: 4px;
	margin-bottom: 6px;
}
.eform-isk-lp .price-card .big {
	font-family: var(--display);
	font-size: clamp(72px, 12vw, 112px);
	line-height: 1;
	letter-spacing: -0.04em;
	margin: 0 0 12px;
	color: var(--ink);
}
.eform-isk-lp .price-card .big .curr {
	font-size: 32px;
	color: var(--clay);
	margin-left: 4px;
}
.eform-isk-lp .price-card .dur {
	font-size: 13.5px;
	color: var(--ink-soft);
	margin-bottom: 18px;
}
.eform-isk-lp .price-card .cta-row {
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
.eform-isk-lp .price-card .cta-row .btn {
	padding: 12px 18px;
	font-size: 14px;
	min-height: 46px;
	flex: 1 1 auto;
}
.eform-isk-lp .price-card .note {
	font-size: 12px;
	color: var(--ink-soft);
	border-top: 1px solid var(--rule);
	padding-top: 14px;
	margin-top: 18px;
}

/* ═══════════════════ Section 5: Why ═══════════════════ */
.eform-isk-lp .why-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}
@media (min-width: 640px) { .eform-isk-lp .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .eform-isk-lp .why-grid { grid-template-columns: repeat(3, 1fr); } }
.eform-isk-lp .why-card {
	background: var(--surface);
	border: 1px solid var(--rule);
	border-radius: var(--radius-lg);
	padding: 28px 26px;
	transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.eform-isk-lp .why-card:hover {
	transform: translateY(-2px);
	border-color: var(--clay);
}
.eform-isk-lp .why-card .num {
	font-family: var(--display);
	font-size: 28px;
	color: var(--clay);
	line-height: 1;
	margin-bottom: 16px;
	display: flex;
	align-items: baseline;
	gap: 8px;
}
.eform-isk-lp .why-card .num::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--rule);
	align-self: center;
	margin-left: 6px;
}
.eform-isk-lp .why-card h3 {
	font-family: var(--display);
	font-weight: 500;
	font-size: 22px;
	letter-spacing: -0.005em;
	margin: 0 0 8px;
}
.eform-isk-lp .why-card p { color: var(--ink-soft); font-size: 14.5px; margin: 0; line-height: 1.55; }

/* ═══════════════════ Section 6: Yorumlar ═══════════════════ */
.eform-isk-lp .elp-yorumlar {
	background: var(--surface);
}
.eform-isk-lp .elp-yorumlar .yorumlar-top {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: end;
	margin-bottom: 28px;
}
@media (min-width: 920px) {
	.eform-isk-lp .elp-yorumlar .yorumlar-top { grid-template-columns: 1fr auto; }
}
.eform-isk-lp .elp-yorumlar .yorumlar-top .section-head { margin: 0; }
.eform-isk-lp .elp-yorumlar .yorumlar-agg-wrap { min-width: 280px; }

/* Compact aggregate card override — design has small box top-right,
   no distribution bars, no "Google'da gör" CTA. */
.eform-isk-lp .elp-yorumlar .rc-agg {
	background: var(--bg);
	border: 1px solid var(--rule);
	border-radius: var(--radius-lg);
	padding: 22px 26px;
	display: grid;
	grid-template-columns: auto auto;
	gap: 24px;
	align-items: center;
	box-shadow: 0 12px 30px -20px rgba(35,24,17,0.2);
}
.eform-isk-lp .elp-yorumlar .rc-agg-bars,
.eform-isk-lp .elp-yorumlar .rc-agg-cta { display: none; }
.eform-isk-lp .elp-yorumlar .rc-agg-score {
	padding-right: 0;
	border-right: 0;
	text-align: left;
}
.eform-isk-lp .elp-yorumlar .rc-agg-score .num { font-size: 48px; }
.eform-isk-lp .elp-yorumlar .rc-agg-score .of { display: none; }
.eform-isk-lp .elp-yorumlar .rc-agg-info { gap: 4px; }
.eform-isk-lp .elp-yorumlar .rc-agg-info .ttl { font-size: 15px; font-weight: 700; }
.eform-isk-lp .elp-yorumlar .rc-agg-info .sub { font-size: 13px; }

.eform-isk-lp .elp-yorumlar .yorumlar-note {
	margin-top: 24px;
	font-size: 13px;
	color: var(--ink-soft);
	font-style: italic;
	max-width: 760px;
}

/* LP-scoped review card overrides — design wants serif body in cards,
   simpler reply/footer treatment than the generic eform-reviews component.
   Card body line-clamped + min-height locked so slides don't reflow the
   section height when text length varies between reviews. */
.eform-isk-lp .elp-yorumlar .rc {
	background: var(--bg);
	min-height: 280px;
}
.eform-isk-lp .elp-yorumlar .rc-body {
	font-family: var(--display);
	font-size: 19px;
	line-height: 1.4;
	color: var(--ink);
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.eform-isk-lp .elp-yorumlar .rc-body .quote {
	font-family: var(--display);
	color: var(--clay);
	font-size: 28px;
	line-height: 0;
	margin-right: 4px;
	vertical-align: -0.2em;
}

/* Reviews carousel — JS injects, only when totalPages > 1:
   - Prev/next side-arrows (absolute-positioned at vertical center of grid edges)
   - Dot pager (desktop only; mobile hides + uses touch swipe instead)
   Auto-rotates every 7 s; permanently stops on first user interaction
   (click/hover/focus/touch). Keyboard ← / → when section is in viewport. */
.eform-isk-lp .elp-yorumlar .yorumlar-carousel {
	position: relative;
}
.eform-isk-lp .elp-yorumlar .eform-reviews-grid {
	transition: opacity 280ms ease;
}
.eform-isk-lp .elp-yorumlar .eform-reviews-grid.is-fading {
	opacity: 0;
}
.eform-isk-lp .elp-yorumlar .yorumlar-carousel.has-arrows {
	padding: 0 56px;
}

/* Side arrow buttons — absolute-positioned at carousel edges, vertical-center.
   Pointer-events on the buttons only; the carousel wrap itself still scrolls
   normally. */
.eform-isk-lp .elp-yorumlar .yorumlar-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid var(--rule);
	background: var(--surface);
	color: var(--ink);
	display: grid;
	place-items: center;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
	padding: 0;
	z-index: 2;
	box-shadow: 0 10px 24px -14px rgba(35,24,17,0.25);
}
.eform-isk-lp .elp-yorumlar .yorumlar-prev { left: 0; }
.eform-isk-lp .elp-yorumlar .yorumlar-next { right: 0; }
.eform-isk-lp .elp-yorumlar .yorumlar-btn svg { width: 20px; height: 20px; }
.eform-isk-lp .elp-yorumlar .yorumlar-btn:hover {
	background: var(--clay);
	color: #fff;
	border-color: var(--clay);
	transform: translateY(-50%) scale(1.05);
}
.eform-isk-lp .elp-yorumlar .yorumlar-prev:hover { transform: translateY(-50%) translateX(-2px) scale(1.05); }
.eform-isk-lp .elp-yorumlar .yorumlar-next:hover { transform: translateY(-50%) translateX(2px) scale(1.05); }
.eform-isk-lp .elp-yorumlar .yorumlar-btn:focus-visible {
	outline: 2px solid var(--clay);
	outline-offset: 3px;
}

/* Dot pager (desktop only, hidden ≤767px in favor of swipe). */
.eform-isk-lp .elp-yorumlar .yorumlar-dots {
	margin-top: 24px;
	display: flex;
	gap: 10px;
	justify-content: center;
}
.eform-isk-lp .elp-yorumlar .yorumlar-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--rule);
	border: 0;
	padding: 0;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.eform-isk-lp .elp-yorumlar .yorumlar-dot[aria-current="true"] {
	background: var(--clay);
	transform: scale(1.35);
}
.eform-isk-lp .elp-yorumlar .yorumlar-dot:focus-visible {
	outline: 2px solid var(--clay);
	outline-offset: 3px;
}

/* Mobile (≤767px): hide arrows + dots, rely on touch swipe.
   Carousel padding clears so grid uses full width. */
@media (max-width: 767px) {
	.eform-isk-lp .elp-yorumlar .yorumlar-carousel.has-arrows { padding: 0; }
	.eform-isk-lp .elp-yorumlar .yorumlar-btn,
	.eform-isk-lp .elp-yorumlar .yorumlar-dots { display: none; }
	.eform-isk-lp .elp-yorumlar .eform-reviews-grid {
		touch-action: pan-y; /* allow vertical scroll, horizontal swipe captured by JS */
	}
}

/* ═══════════════════ Section 7: SSS ═══════════════════ */
.eform-isk-lp .faq-list {
	border-top: 1px solid var(--rule);
	max-width: 880px;
}
.eform-isk-lp details.faq {
	border-bottom: 1px solid var(--rule);
	padding: 4px 0;
	background: transparent;
	border-radius: 0;
}
.eform-isk-lp details.faq summary {
	list-style: none;
	cursor: pointer;
	padding: 20px 48px 20px 0;
	position: relative;
	font-weight: 600;
	font-size: 16.5px;
	color: var(--ink);
	transition: color .15s ease;
}
.eform-isk-lp details.faq summary::-webkit-details-marker { display: none !important; }
.eform-isk-lp details.faq summary::marker { display: none; content: ""; }
.eform-isk-lp details.faq summary::after {
	content: "+" !important;
	position: absolute !important;
	right: 4px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-family: var(--display) !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	color: var(--clay) !important;
	line-height: 1 !important;
	margin-left: 0 !important;
	transition: transform .2s ease;
}
.eform-isk-lp details.faq[open] summary { color: var(--clay); }
.eform-isk-lp details.faq[open] summary::after { content: "–" !important; }
.eform-isk-lp details.faq .answer {
	padding: 0 0 22px;
	color: var(--ink-soft);
	font-size: 15px;
	line-height: 1.6;
	max-width: 720px;
}
.eform-isk-lp details.faq .answer p { margin: 0 0 10px; }
.eform-isk-lp details.faq .answer p:last-child { margin-bottom: 0; }

/* ═══════════════════ Section 8: Final CTA (DARK) ═══════════════════ */
.eform-isk-lp .elp-final {
	background: var(--bg);
	padding: clamp(28px, 4vw, 48px) 0 clamp(48px, 6vw, 88px);
}
.eform-isk-lp .final-cta {
	background: var(--ink);
	color: var(--surface);
	text-align: center;
	border-radius: var(--radius-lg);
	padding: clamp(40px, 6vw, 72px) clamp(24px, 5vw, 56px);
	position: relative;
	overflow: hidden;
}
.eform-isk-lp .final-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 20% 0%, rgba(184,90,63,0.22), transparent 50%),
		radial-gradient(ellipse at 80% 100%, rgba(168,137,90,0.18), transparent 55%);
	pointer-events: none;
}
.eform-isk-lp .final-cta > * { position: relative; }
.eform-isk-lp .final-cta .eyebrow { color: #E8B79A; }
.eform-isk-lp .final-cta h2.display { color: var(--surface); margin: 14px 0 10px; }
.eform-isk-lp .final-cta p { color: rgba(251,247,238,0.72); max-width: 540px; margin: 0 auto 28px; }
.eform-isk-lp .final-cta .cta-row { justify-content: center; }
.eform-isk-lp .final-cta .btn--call {
	background: var(--surface);
	color: var(--ink);
}
.eform-isk-lp .final-cta .btn--call:hover { background: #fff; }
.eform-isk-lp .final-cta .addr-line {
	margin-top: 28px;
	font-size: 13.5px;
	color: rgba(251,247,238,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}
.eform-isk-lp .final-cta .addr-line svg { color: #E8B79A; width: 14px; height: 14px; }
.eform-isk-lp .final-cta .addr-line a {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: #E8B79A;
}

/* ── Mobile responsive ────────────────────────────────────── */
@media (max-width: 600px) {
	.eform-isk-lp .hero-media { aspect-ratio: 16/10; }
	.eform-isk-lp .cta-row { flex-direction: column; align-items: stretch; }
	.eform-isk-lp .btn { width: 100%; justify-content: center; }
	.eform-isk-lp .konum-gallery { grid-template-columns: repeat(2, 1fr); }
	.eform-isk-lp .konum-gallery figure:nth-child(3) { grid-column: 1 / -1; }
	.eform-isk-lp .price-card .big { font-size: 52px; }
}