/*
 * ELiAR İçerik Blokları — stil dosyası (1.1.0)
 *
 * TASARIM İLKESİ: Yazı tipi temadan miras alınır; bu dosya kendi
 * tipografisini dayatmaz. Yalnızca ölçek, ritim, boşluk ve vurgu
 * tanımlar. Amaç sade kalmak ama okunabilirliği ve hiyerarşiyi
 * belirgin hale getirmek.
 *
 * MOBİL ÖNCE: Varsayılan tek sütun. 600px'ten tablet, 960px'ten masaüstü.
 */

.eliar-blok {
	--eliar-vurgu: #1f3864;
	--eliar-zemin: #f4f6f9;
	--eliar-kenar: #e1e6ed;
	--eliar-yaricap: 6px;
	--eliar-bosluk: clamp(20px, 3vw, 32px);
	--eliar-olcu: 88ch;

	font-family: inherit;
	color: inherit;
	margin: 0 0 clamp(38px, 6vw, 64px);
	box-sizing: border-box;
}

.eliar-blok *,
.eliar-blok *::before,
.eliar-blok *::after {
	box-sizing: inherit;
}

.eliar-blok:last-child {
	margin-bottom: 0;
}

/* ==========================================================
   BAŞLIKLAR — belirgin ölçek farkı, ince vurgu çizgisi
   ========================================================== */

.eliar-blok .eliar-baslik {
	font-family: inherit;
	color: inherit;
	margin: 0 0 0.5em;
	line-height: 1.2;
	letter-spacing: -0.011em;
	text-wrap: balance;
	font-weight: 700;
	/*
	 * Uncode başlıklara büyük harf ve geniş harf aralığı basıyor.
	 * Uzun Türkçe başlıklar büyük harfte hem okunmuyor hem satıra
	 * sığmıyor; bu yüzden bilerek sıfırlanıyor.
	 */
	text-transform: none;
	font-style: normal;
}

/* H1 — sayfa başlığı */
.eliar-blok .eliar-baslik-buyuk {
	font-size: clamp(2rem, 1.35rem + 2.7vw, 3.05rem);
	line-height: 1.12;
	letter-spacing: -0.022em;
	margin-bottom: 0.42em;
}

/* H2 — bölüm başlığı, üstünde kısa vurgu çubuğu */
.eliar-blok h2.eliar-baslik {
	font-size: clamp(1.45rem, 1.1rem + 1.5vw, 2.05rem);
	padding-top: 20px;
	position: relative;
	margin-bottom: 0.62em;
}

.eliar-blok h2.eliar-baslik::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 4px;
	border-radius: 2px;
	background: var(--eliar-vurgu);
}

.eliar-orta h2.eliar-baslik::before {
	left: 50%;
	transform: translateX(-50%);
}

/* H3 — alt başlık */
.eliar-blok h3.eliar-baslik {
	font-size: clamp(1.18rem, 1.02rem + 0.62vw, 1.45rem);
	margin-bottom: 0.5em;
}

.eliar-blok h4.eliar-baslik {
	font-size: clamp(1.05rem, 1rem + 0.3vw, 1.18rem);
}

/* Üst etiket */
.eliar-ust-metin {
	margin: 0 0 0.85em;
	font-size: 0.78rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--eliar-vurgu);
	font-weight: 700;
	line-height: 1.4;
}

/* ==========================================================
   METİN — okunabilir satır uzunluğu ve ritim
   ========================================================== */

.eliar-blok .eliar-metin {
	font-family: inherit;
	line-height: 1.75;
	max-width: var(--eliar-olcu);
}

.eliar-blok .eliar-metin > p {
	margin: 0 0 1.05em;
}

.eliar-blok .eliar-metin > p:last-child {
	margin-bottom: 0;
}

/* Açılış paragrafı biraz büyük.
   Genişliği kart ızgarasına yaklaştırıldı: paragrafın çok dar kalması
   ızgarayla yan yana görüldüğünde sayfayı dengesiz gösteriyordu.
   Tam genişlik verilmedi; 100 karakteri aşan satırlar okunmuyor. */
.eliar-metin-giris {
	font-size: clamp(1.06rem, 1rem + 0.35vw, 1.22rem);
	line-height: 1.68;
	opacity: 0.94;
	max-width: min(100%, 96ch);
}

.eliar-orta {
	text-align: center;
}

.eliar-orta .eliar-metin {
	margin-left: auto;
	margin-right: auto;
}

.eliar-orta .eliar-cta-ic {
	justify-content: center;
}

.eliar-giris {
	margin-bottom: clamp(26px, 4vw, 40px);
}

/* Zeminli bölüm */
.eliar-zeminli {
	background: var(--eliar-zemin);
	border-radius: calc(var(--eliar-yaricap) + 2px);
	padding: var(--eliar-bosluk);
}

.eliar-zeminli h2.eliar-baslik {
	padding-top: 16px;
}

/* ==========================================================
   HIZLI ERİŞİM — dikey, renkli, açıklamalı buton listesi
   Pastel zemin + canlı vurgu.
   ========================================================== */

.eliar-hizli {
	margin-bottom: clamp(34px, 5vw, 56px);
}

.eliar-hizli-etiket {
	margin: 0 0 16px;
	font-size: 0.76rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.5;
}

.eliar-hizli-liste {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 820px;
}

/* Tema madde işaretlerini bastır — Uncode li'ye kendi işaretini koyuyor */
.eliar-hizli-liste > li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.eliar-hizli-liste > li::before,
.eliar-hizli-liste > li::after,
.eliar-hizli-liste > li::marker {
	content: none;
	display: none;
}

.eliar-hizli-liste.eliar-yatay {
	display: flex;
	flex-wrap: wrap;
	max-width: none;
}

.eliar-hizli-dugme {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	padding: 18px 22px;
	border: 1px solid transparent;
	border-left: 5px solid var(--eliar-d-vurgu, var(--eliar-vurgu));
	border-radius: calc(var(--eliar-yaricap) + 3px);
	background: var(--eliar-d-zemin, var(--eliar-zemin));
	color: var(--eliar-d-yazi, inherit);
	text-decoration: none;
	line-height: 1.4;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.eliar-yatay .eliar-hizli-dugme {
	width: auto;
}

.eliar-hizli-govde {
	flex: 1 1 auto;
	min-width: 0;
}

.eliar-hizli-baslik {
	display: block;
	font-size: clamp(1rem, 0.96rem + 0.22vw, 1.1rem);
	font-weight: 700;
	letter-spacing: -0.004em;
}

.eliar-hizli-aciklama {
	display: block;
	margin-top: 3px;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	opacity: 0.78;
}

.eliar-hizli-ok {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--eliar-d-vurgu, var(--eliar-vurgu));
	position: relative;
	opacity: 0.9;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.eliar-hizli-ok::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 7px;
	height: 7px;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	transform: translate(-65%, -50%) rotate(45deg);
}

.eliar-hizli-dugme:hover,
.eliar-hizli-dugme:focus-visible {
	color: var(--eliar-d-yazi, inherit);
	text-decoration: none;
	transform: translateY(-2px);
	border-color: var(--eliar-d-vurgu, var(--eliar-vurgu));
	box-shadow: 0 12px 26px -18px rgba(0, 0, 0, 0.6);
}

.eliar-hizli-dugme:hover .eliar-hizli-ok,
.eliar-hizli-dugme:focus-visible .eliar-hizli-ok {
	transform: translateX(3px);
	opacity: 1;
}

.eliar-hizli-dugme:focus-visible {
	outline: 2px solid var(--eliar-d-vurgu, var(--eliar-vurgu));
	outline-offset: 3px;
}

/* ----------------------------------------------------------
   KART GÖRÜNÜMÜ — görsel üstte, ad altında, kısa açıklama en altta.
   Sitedeki mevcut ürün kartı düzenini izler.
   Mobil tek sütun, tablet iki sütun, masaüstünde 2-4 sütun.

   ÖNEMLİ — SEÇİCİ ÖZGÜLLÜĞÜ: Uncode teması başlıklara kendi
   ölçüsünü ".style-light h2" gibi iki parçalı seçicilerle basıyor.
   Tek sınıflı kurallar bu yüzden eziliyordu; buradaki başlık
   kuralları ".eliar-blok" ile başlar ve tema kurallarını yener.
   ---------------------------------------------------------- */

.eliar-hizli-liste.eliar-hizli-kart {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	max-width: none;
}

@media (min-width: 560px) {
	.eliar-hizli-liste.eliar-hizli-kart {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.eliar-hizli-kart.eliar-hizli-s3,
	.eliar-hizli-kart.eliar-hizli-s4 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1120px) {
	.eliar-hizli-kart.eliar-hizli-s4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eliar-hizli-kart > li {
	display: flex;
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--eliar-kenar);
	border-top: 3px solid var(--eliar-d-vurgu, var(--eliar-vurgu));
	border-radius: calc(var(--eliar-yaricap) + 4px);
	background: #fff;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

/* Görsel çerçevesi nötr kalır; renk yalnızca üst şerit ve başlıkta.
   Böylece 17 kart yan yana geldiğinde ızgara alacalı görünmez. */
.eliar-hizli-gorsel-cerceve {
	display: block;
	width: 100%;
	background: var(--eliar-zemin);
	border-bottom: 1px solid var(--eliar-kenar);
	padding: 16px;
	box-sizing: border-box;
}

.eliar-hizli-gorsel {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-govde {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 16px 18px 20px;
	text-align: left;
}

/*
 * Kart adı gerçek başlık etiketidir (varsayılan h3).
 * min-height iki satırlık yer ayırır; böylece bir satırlık ve iki
 * satırlık adlar aynı sırada yan yana geldiğinde açıklamalar aynı
 * hizadan başlar ve ızgara düzgün görünür.
 */
.eliar-blok .eliar-hizli-kart .eliar-hizli-baslik {
	display: block;
	margin: 0 0 6px;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: clamp(0.98rem, 0.94rem + 0.2vw, 1.06rem);
	font-weight: 700;
	line-height: 1.32;
	letter-spacing: -0.004em;
	text-transform: none;
	text-wrap: balance;
	color: var(--eliar-d-yazi, inherit);
	min-height: 2.64em;
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-baslik::before,
.eliar-blok .eliar-hizli-kart .eliar-hizli-baslik::after {
	content: none;
	display: none;
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-aciklama {
	display: block;
	margin: 0;
	max-width: none;
	font-size: 0.905rem;
	font-weight: 400;
	line-height: 1.58;
	color: inherit;
	opacity: 0.7;
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:hover,
.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:focus-visible {
	transform: translateY(-3px);
	border-color: var(--eliar-d-vurgu, var(--eliar-vurgu));
	box-shadow: 0 18px 34px -22px rgba(16, 24, 40, 0.55);
}

.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:hover .eliar-hizli-baslik,
.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:focus-visible .eliar-hizli-baslik {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Bölüm başlığı diğer H2'lerle aynı görünür — sayfa tek bir dil konuşur. */
.eliar-blok .eliar-hizli-etiket-baslik {
	margin-bottom: 0.7em;
}

/* Kart ızgarası bölümünde üst boşluk biraz daha geniş. */
.eliar-hizli-bolum {
	margin-top: clamp(6px, 1.5vw, 16px);
}

@media (prefers-reduced-motion: reduce) {
	.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme {
		transition: none;
	}
	.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:hover,
	.eliar-blok .eliar-hizli-kart .eliar-hizli-dugme:focus-visible {
		transform: none;
	}
}

/* Pastel zemin + canlı yazı/çizgi paleti */
.eliar-renk-1 { --eliar-d-zemin: #e9f0fd; --eliar-d-yazi: #17458f; --eliar-d-vurgu: #2f6fe0; }
.eliar-renk-2 { --eliar-d-zemin: #e4f6eb; --eliar-d-yazi: #14663a; --eliar-d-vurgu: #1f9c5a; }
.eliar-renk-3 { --eliar-d-zemin: #fdf1e2; --eliar-d-yazi: #8d4d08; --eliar-d-vurgu: #e0872a; }
.eliar-renk-4 { --eliar-d-zemin: #f3eafd; --eliar-d-yazi: #5b2f96; --eliar-d-vurgu: #8b53d8; }
.eliar-renk-5 { --eliar-d-zemin: #fdeaef; --eliar-d-yazi: #9c1e41; --eliar-d-vurgu: #dd4176; }
.eliar-renk-6 { --eliar-d-zemin: #e1f5f8; --eliar-d-yazi: #0c5c68; --eliar-d-vurgu: #17a0b4; }
.eliar-renk-7 { --eliar-d-zemin: #fcf6dc; --eliar-d-yazi: #74550a; --eliar-d-vurgu: #cfa11f; }
.eliar-renk-8 { --eliar-d-zemin: #edeff5; --eliar-d-yazi: #364560; --eliar-d-vurgu: #5f7396; }

/* ==========================================================
   FAYDA LİSTESİ
   ========================================================== */

.eliar-fayda-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 18px 34px;
	grid-template-columns: 1fr;
}

@media (min-width: 700px) {
	.eliar-fayda-liste.eliar-sutun-2,
	.eliar-fayda-liste.eliar-sutun-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	.eliar-fayda-liste.eliar-sutun-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.eliar-fayda {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

.eliar-fayda-isaret {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin-top: 0.16em;
	border-radius: 50%;
	background: var(--eliar-zemin);
	position: relative;
}

.eliar-fayda-isaret::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 6px;
	width: 6px;
	height: 10px;
	border: solid var(--eliar-vurgu);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.eliar-fayda-govde {
	min-width: 0;
}

.eliar-fayda-baslik {
	display: block;
	font-weight: 700;
	font-size: 1.02em;
	margin-bottom: 0.12em;
}

.eliar-fayda-aciklama {
	display: block;
	opacity: 0.82;
}

/* ==========================================================
   KARTLAR
   ========================================================== */

.eliar-kartlar {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr;
}

@media (min-width: 600px) {
	.eliar-kartlar.eliar-sutun-2,
	.eliar-kartlar.eliar-sutun-3,
	.eliar-kartlar.eliar-sutun-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	.eliar-kartlar.eliar-sutun-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.eliar-kartlar.eliar-sutun-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eliar-kart {
	display: flex;
	flex-direction: column;
	padding: var(--eliar-bosluk);
	border: 1px solid var(--eliar-kenar);
	border-radius: calc(var(--eliar-yaricap) + 2px);
	background: transparent;
	color: inherit;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Üstteki ince vurgu şeridi — hover'da genişler */
.eliar-kart::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--eliar-vurgu);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.24s ease;
}

a.eliar-kart:hover,
a.eliar-kart:focus-visible {
	border-color: var(--eliar-vurgu);
	transform: translateY(-3px);
	box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

a.eliar-kart:hover::before,
a.eliar-kart:focus-visible::before {
	transform: scaleX(1);
}

a.eliar-kart:focus-visible {
	outline: 2px solid var(--eliar-vurgu);
	outline-offset: 3px;
}

.eliar-kart-baslik {
	margin: 0 0 0.55em;
	font-size: clamp(1.08rem, 1rem + 0.35vw, 1.24rem);
	font-weight: 700;
	line-height: 1.32;
	color: inherit;
	letter-spacing: -0.008em;
}

.eliar-kart-metin {
	margin: 0;
	line-height: 1.7;
	opacity: 0.82;
	flex: 1 1 auto;
}

.eliar-kart-link {
	display: inline-block;
	margin-top: 1.1em;
	font-weight: 700;
	font-size: 0.9em;
	color: var(--eliar-vurgu);
	letter-spacing: 0.01em;
}

.eliar-kart-link::after {
	content: " →";
	transition: margin-left 0.18s ease;
}

a.eliar-kart:hover .eliar-kart-link::after {
	margin-left: 3px;
}

/* ==========================================================
   ÜRÜN LİSTESİ — görselli kart satırları
   Mobilde görsel üstte, 760px'ten itibaren solda.
   ========================================================== */

.eliar-urun-giris {
	margin: 0 0 1.7em;
	line-height: 1.75;
	max-width: var(--eliar-olcu);
	opacity: 0.88;
}

.eliar-urun-liste {
	display: grid;
	gap: 16px;
}

.eliar-urun {
	padding: 20px;
	border: 1px solid var(--eliar-kenar);
	border-radius: calc(var(--eliar-yaricap) + 4px);
	background: transparent;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.eliar-urun:hover {
	border-color: var(--eliar-vurgu);
	box-shadow: 0 12px 28px -22px rgba(0, 0, 0, 0.6);
	transform: translateY(-1px);
}

/* Görselli satır: mobilde tek sütun, geniş ekranda görsel solda */
.eliar-urun.eliar-gorselli {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	align-items: start;
}

@media (min-width: 760px) {
	.eliar-urun.eliar-gorselli {
		grid-template-columns: 300px minmax(0, 1fr);
		gap: 26px;
	}
}

@media (min-width: 1100px) {
	.eliar-urun.eliar-gorselli {
		grid-template-columns: 340px minmax(0, 1fr);
	}
}

.eliar-urun-gorsel-cerceve {
	display: block;
	overflow: hidden;
	border-radius: var(--eliar-yaricap);
	background: var(--eliar-zemin);
	line-height: 0;
}

.eliar-urun-gorsel {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	transition: transform 0.3s ease;
}

a.eliar-urun-gorsel-cerceve:hover .eliar-urun-gorsel,
a.eliar-urun-gorsel-cerceve:focus-visible .eliar-urun-gorsel {
	transform: scale(1.03);
}

a.eliar-urun-gorsel-cerceve:focus-visible {
	outline: 2px solid var(--eliar-vurgu);
	outline-offset: 3px;
}

.eliar-urun-govde {
	min-width: 0;
}

.eliar-urun-ad {
	margin: 0 0 0.5em;
	font-size: clamp(1.04rem, 1rem + 0.3vw, 1.16rem);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.006em;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
}

/* Ürün kodu rozeti — "ADW — Tam Otomatik..." biçimindeki adlarda */
.eliar-urun-kod {
	display: inline-block;
	padding: 4px 11px;
	border-radius: 999px;
	background: var(--eliar-vurgu);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.5;
	white-space: nowrap;
}

.eliar-urun-adi {
	font-weight: 700;
}

.eliar-urun-ad a {
	color: inherit;
	text-decoration: none;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
}

.eliar-urun-ad a:hover .eliar-urun-adi,
.eliar-urun-ad a:focus-visible .eliar-urun-adi {
	color: var(--eliar-vurgu);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.eliar-urun-metin {
	margin: 0;
	line-height: 1.72;
	opacity: 0.84;
	max-width: var(--eliar-olcu);
}

/* Izgara görünümü — kısa açıklamalı listeler için */
@media (min-width: 700px) {
	.eliar-urun-liste.eliar-urun-izgara {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.eliar-urun-izgara .eliar-urun.eliar-gorselli {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

@media (min-width: 1100px) {
	.eliar-urun-liste.eliar-urun-izgara {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ==========================================================
   SSS
   JavaScript çalışmazsa tüm cevaplar açık kalır.
   ========================================================== */

.eliar-sss {
	border-top: 1px solid var(--eliar-kenar);
}

.eliar-sss-oge {
	border-bottom: 1px solid var(--eliar-kenar);
	transition: background-color 0.2s ease;
}

.eliar-sss-oge.eliar-acik {
	background: var(--eliar-zemin);
}

.eliar-sss-soru-sarmal {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.eliar-sss-soru {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 18px;
	background: none;
	border: 0;
	margin: 0;
	font: inherit;
	font-size: clamp(1.02rem, 0.98rem + 0.25vw, 1.14rem);
	font-weight: 700;
	color: inherit;
	text-align: left;
	cursor: pointer;
	line-height: 1.42;
	transition: color 0.18s ease;
}

.eliar-sss-soru:hover {
	color: var(--eliar-vurgu);
}

.eliar-sss-soru:focus-visible {
	outline: 2px solid var(--eliar-vurgu);
	outline-offset: -2px;
}

.eliar-sss-ikon {
	flex: 0 0 auto;
	position: relative;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid var(--eliar-kenar);
	margin-top: 0.06em;
	transition: border-color 0.18s ease, background-color 0.18s ease;
}

.eliar-sss-soru:hover .eliar-sss-ikon,
.eliar-acik .eliar-sss-ikon {
	border-color: var(--eliar-vurgu);
}

.eliar-sss-ikon::before,
.eliar-sss-ikon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: var(--eliar-vurgu);
	transform: translate(-50%, -50%);
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.eliar-sss-ikon::before {
	width: 11px;
	height: 2px;
}

.eliar-sss-ikon::after {
	width: 2px;
	height: 11px;
}

.eliar-acik .eliar-sss-ikon::after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(90deg);
}

.eliar-sss-cevap-ic {
	padding: 0 18px 24px;
	line-height: 1.75;
	max-width: var(--eliar-olcu);
	opacity: 0.88;
}

.eliar-sss-cevap-ic p {
	margin: 0;
}

/* JS aktifken akordiyon davranışı */
.eliar-js .eliar-sss-cevap {
	overflow: hidden;
	height: 0;
	transition: height 0.24s ease;
}

.eliar-js .eliar-acik .eliar-sss-cevap {
	height: auto;
}

/* ==========================================================
   CTA
   ========================================================== */

.eliar-cta {
	background: var(--eliar-zemin);
	border-radius: calc(var(--eliar-yaricap) + 4px);
	padding: clamp(24px, 3.6vw, 40px);
	border: 1px solid var(--eliar-kenar);
	position: relative;
	overflow: hidden;
}

.eliar-cta::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--eliar-vurgu);
}

.eliar-cta-ic {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px;
}

@media (min-width: 820px) {
	.eliar-cta-ic {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
	}
}

.eliar-cta-baslik {
	margin-bottom: 0.35em;
	padding-top: 0 !important;
}

.eliar-cta-baslik::before {
	display: none;
}

.eliar-cta-metin {
	min-width: 0;
}

.eliar-cta-metin .eliar-metin {
	opacity: 0.86;
}

.eliar-cta-aksiyon {
	flex: 0 0 auto;
}

.eliar-dugme {
	display: inline-block;
	padding: 15px 30px;
	border-radius: var(--eliar-yaricap);
	background: var(--eliar-vurgu);
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	line-height: 1.3;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.eliar-dugme:hover,
.eliar-dugme:focus-visible {
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px -14px rgba(0, 0, 0, 0.65);
}

.eliar-dugme:focus-visible {
	outline: 2px solid var(--eliar-vurgu);
	outline-offset: 3px;
}

/* ==========================================================
   Erişilebilirlik ve yazdırma
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
	.eliar-blok *,
	.eliar-blok *::before,
	.eliar-blok *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
	a.eliar-kart:hover {
		transform: none;
	}
}

@media print {
	.eliar-js .eliar-sss-cevap {
		height: auto !important;
		overflow: visible !important;
	}
	.eliar-sss-ikon,
	.eliar-cta-aksiyon,
	.eliar-hizli {
		display: none;
	}
	.eliar-kart,
	.eliar-cta {
		break-inside: avoid;
	}
}