/*!
 * Illustrarch Popup — ön yüz stilleri
 *
 * Renk, yazı tipi ve köşe yarıçapı değerleri popup kökünde tanımlanan
 * --ilp-* değişkenlerinden gelir; o değişkenler de boş bırakıldıklarında
 * Bopea temasının --jl-* değişkenlerine düşer. Bu dosyada hiçbir sabit
 * marka rengi yok: tema değişince popup da onunla değişir.
 */

/* ------------------------------------------------------------------ */
/*  Kök ve görünürlük                                                  */
/* ------------------------------------------------------------------ */
.ilpop-root {
	position: relative;
}

.ilpop[hidden] {
	display: none !important;
}

.ilpop {
	position: fixed;
	inset: 0;
	z-index: var(--ilp-z, 99990);
	display: block;
	pointer-events: none;
	font-family: var(--ilp-body-font, inherit);
	-webkit-font-smoothing: antialiased;
}

.ilpop * {
	box-sizing: border-box;
}

/* Örtü */
.ilpop-overlay {
	position: absolute;
	inset: 0;
	background-color: var(--ilp-overlay, #0a0a0a);
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--ilp-duration, 320ms) cubic-bezier(.32, .74, .57, 1);
}

.ilpop.is-open .ilpop-overlay {
	opacity: var(--ilp-overlay-opacity, .7);
	pointer-events: auto;
}

.ilpop--blur .ilpop-overlay {
	-webkit-backdrop-filter: blur(var(--ilp-overlay-blur, 0));
	backdrop-filter: blur(var(--ilp-overlay-blur, 0));
}

/* Kutuyu konumlayan katman */
.ilpop-wrap {
	position: absolute;
	inset: 0;
	display: flex;
	padding: 20px;
	pointer-events: none;
}

.ilpop-box {
	position: relative;
	width: 100%;
	max-width: var(--ilp-width, 520px);
	/* Flex öğesinin otomatik en küçük boyutu (min-width: auto) max-width'i
	   AŞABİLİR: içerikte bölünemeyen çok uzun bir şey varsa kutu ayarlanan
	   genişliğin ötesine büyür ve ortalanmış düzende sağa taşar. */
	min-width: 0;
	max-height: calc(100vh - 40px);
	/* Kaydırma .ilpop-scroll'da yapılıyor. Kutu kayarsa mutlak konumlu
	   kapatma butonu da içerikle birlikte görünümden çıkardı. */
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background-color: var(--ilp-bg);
	background-image: var(--ilp-bg-image, none);
	color: var(--ilp-fg);
	border: var(--ilp-border, 0 solid transparent);
	border-radius: var(--ilp-radius, 10px);
	box-shadow: var(--ilp-shadow, 0 18px 50px rgba(0, 0, 0, .22));
	pointer-events: auto;
	opacity: 0;
	transition:
		opacity var(--ilp-duration, 320ms) cubic-bezier(.32, .74, .57, 1),
		transform var(--ilp-duration, 320ms) cubic-bezier(.32, .74, .57, 1);
	will-change: opacity, transform;
}

.ilpop-box:focus {
	outline: none;
}

/* Flex çocuğunun küçülüp kayabilmesi için min-height: 0 şart. */
.ilpop-scroll {
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	overflow-y: auto;
	/* Yatay kaydırma bilerek KAPALI. overflow-y: auto verildiğinde
	   overflow-x kendiliğinden auto'ya döner; içerikteki tek bir uzun
	   bağlantı bile kutunun içinde yatay kaydırma açıp metni sağa doğru
	   uzuyormuş gibi gösteriyordu. */
	overflow-x: hidden;
	overscroll-behavior: contain;
}

.ilpop.is-open .ilpop-box {
	opacity: 1;
	transform: none;
}

/* ------------------------------------------------------------------ */
/*  Tipler                                                             */
/* ------------------------------------------------------------------ */

/* Modal — konum seçeneğine göre hizalanır */
.ilpop--modal .ilpop-wrap,
.ilpop--slidein .ilpop-wrap,
.ilpop--toast .ilpop-wrap {
	align-items: center;
	justify-content: center;
}

.ilpop--pos-top-left .ilpop-wrap,
.ilpop--pos-top-center .ilpop-wrap,
.ilpop--pos-top-right .ilpop-wrap {
	align-items: flex-start;
}

.ilpop--pos-bottom-left .ilpop-wrap,
.ilpop--pos-bottom-center .ilpop-wrap,
.ilpop--pos-bottom-right .ilpop-wrap {
	align-items: flex-end;
}

.ilpop--pos-top-left .ilpop-wrap,
.ilpop--pos-center-left .ilpop-wrap,
.ilpop--pos-bottom-left .ilpop-wrap {
	justify-content: flex-start;
}

.ilpop--pos-top-right .ilpop-wrap,
.ilpop--pos-center-right .ilpop-wrap,
.ilpop--pos-bottom-right .ilpop-wrap {
	justify-content: flex-end;
}

/* Kayan kutu — örtüsüz, kenar payı kendi değişkeninden */
.ilpop--slidein {
	pointer-events: none;
}

.ilpop--slidein .ilpop-wrap {
	padding: var(--ilp-offset, 24px);
}

.ilpop--slidein .ilpop-box {
	max-height: calc(100vh - (var(--ilp-offset, 24px) * 2));
}

/* Bildirim çubuğu */
.ilpop--bar {
	inset: auto 0 auto 0;
}

.ilpop--bar.ilpop--bar-top {
	top: 0;
}

.ilpop--bar.ilpop--bar-bottom {
	bottom: 0;
}

/* Sabit olmayan çubuk sayfa akışına girer ve içeriği aşağı iter;
   JS bu durumda öğeyi gövdenin başına (veya sonuna) taşır. */
.ilpop--bar:not(.ilpop--bar-sticky) {
	position: relative;
	inset: auto;
}

.ilpop--bar .ilpop-wrap {
	position: relative;
	inset: auto;
	padding: 0;
}

.ilpop--bar .ilpop-box {
	max-width: none;
	max-height: none;
	overflow: visible;
	display: block;
	border-radius: 0;
	border-inline: 0;
}

.ilpop--bar .ilpop-body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 18px;
	padding-block: calc(var(--ilp-pad, 32px) * .38);
	padding-inline: calc(var(--ilp-pad, 32px) * .6);
	max-width: var(--jl-main-width, 1200px);
	margin-inline: auto;
}

.ilpop--bar .ilpop-title {
	margin: 0;
	font-size: clamp(15px, calc(var(--ilp-head-size, 26px) * .62), 22px);
}

.ilpop--bar .ilpop-content {
	margin: 0;
}

.ilpop--bar .ilpop-content > *:last-child {
	margin-bottom: 0;
}

.ilpop--bar .ilpop-actions {
	margin: 0;
}

/* Tam ekran */
.ilpop--fullscreen .ilpop-wrap {
	align-items: center;
	justify-content: center;
	padding: 0;
}

.ilpop--fullscreen .ilpop-box {
	max-width: none;
	width: 100%;
	height: 100%;
	max-height: none;
	border-radius: 0;
	border: 0;
}

.ilpop--fullscreen .ilpop-scroll {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.ilpop--fullscreen .ilpop-body {
	/* Dar ekranda 720px sabit genişlik kutuyu taşırıyordu. */
	max-width: min(720px, 100%);
	width: 100%;
}

/* ------------------------------------------------------------------ */
/*  İçerik                                                             */
/* ------------------------------------------------------------------ */
.ilpop-body {
	padding: var(--ilp-pad, 32px);
	text-align: var(--ilp-align, start);
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Bopea'nın rtl-style.css'i tüm div'lere `text-align: right` veriyor (0,0,1).
   Popup içindeki kutuların hizası gövdeden miras almalı, yoksa RTL sitede
   "ortalı" seçeneği çalışmıyor. */
.ilpop-wrap,
.ilpop-box,
.ilpop-content,
.ilpop-figure {
	text-align: inherit;
}

.ilpop--align-center .ilpop-body {
	text-align: center;
}

.ilpop--align-end .ilpop-body {
	text-align: end;
}

.ilpop-eyebrow {
	display: inline-block;
	max-width: 100%;
	overflow-wrap: anywhere;
	margin-bottom: 12px;
	padding: 4px 9px;
	background-color: var(--ilp-accent);
	color: var(--ilp-accent-fg, #fff);
	font-family: var(--ilp-btn-font, inherit);
	font-size: var(--jl-cat-font-size, 11px);
	font-weight: var(--jl-cat-font-weight, 700);
	letter-spacing: var(--jl-cat-font-space, .5px);
	text-transform: var(--jl-cat-transform, uppercase);
	line-height: 1.4;
	/* Not: temanın --jl-cat-sk değişkeni bir RENKtir (kategori etiketi rengi),
	   yarıçap değil. Rozetin yarıçapı buton yarıçapına bağlanıyor. */
	border-radius: calc(var(--ilp-btn-radius, 4px) * .6);
}

.ilpop-title {
	margin: 0 0 12px;
	font-family: var(--ilp-title-font, inherit);
	font-size: var(--ilp-head-size, 26px);
	font-weight: var(--jl-title-font-weight, 700);
	line-height: var(--jl-title-line-height, 1.22);
	letter-spacing: var(--jl-title-space, normal);
	color: var(--ilp-head);
	overflow-wrap: break-word;
}

.ilpop-content {
	font-size: var(--ilp-text-size, 15px);
	line-height: var(--jl-body-line-height, 1.65);
	color: var(--ilp-fg);
	/* Uzun bağlantılar ve bölünmeyen kelimeler kutuyu taşırmasın. */
	overflow-wrap: anywhere;
	word-break: break-word;
	min-width: 0;
}

.ilpop-content > *:first-child {
	margin-top: 0;
}

.ilpop-content > *:last-child {
	margin-bottom: 0;
}

.ilpop-content p {
	margin: 0 0 12px;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.ilpop-content a {
	color: var(--ilp-accent);
	text-decoration: underline;
}

.ilpop-content ul,
.ilpop-content ol {
	margin: 0 0 12px;
	padding-inline-start: 1.25em;
}

.ilpop-content li {
	margin-bottom: 6px;
}

.ilpop-content img,
.ilpop-content video,
.ilpop-content iframe,
.ilpop-content embed,
.ilpop-content object,
.ilpop-content svg {
	max-width: 100%;
	height: auto;
	border-radius: calc(var(--ilp-radius, 10px) * .6);
}

.ilpop-content figure {
	margin: 0 0 12px;
	max-width: 100%;
}

/* Doğası gereği geniş olabilen bloklar kutuyu taşırmak yerine
   kendi içlerinde kayar. */
.ilpop-content pre,
.ilpop-content table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.ilpop-content code {
	overflow-wrap: anywhere;
}

.ilpop-content a {
	overflow-wrap: anywhere;
}

.ilpop-content h1,
.ilpop-content h2,
.ilpop-content h3,
.ilpop-content h4 {
	font-family: var(--ilp-title-font, inherit);
	color: var(--ilp-head);
	margin: 0 0 10px;
	line-height: 1.25;
}

/* Görsel */
.ilpop-figure {
	margin: 0;
	overflow: hidden;
	line-height: 0;
	background-color: rgba(128, 128, 128, .12);
}

.ilpop-figure .ilpop-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ilpop-figure--top {
	border-start-start-radius: calc(var(--ilp-radius, 10px) - 1px);
	border-start-end-radius: calc(var(--ilp-radius, 10px) - 1px);
}

.ilpop-ratio-16-9 .ilpop-img {
	aspect-ratio: 16 / 9;
}

.ilpop-ratio-3-2 .ilpop-img {
	aspect-ratio: 3 / 2;
}

.ilpop-ratio-4-3 .ilpop-img {
	aspect-ratio: 4 / 3;
}

.ilpop-ratio-1-1 .ilpop-img {
	aspect-ratio: 1 / 1;
}

.ilpop-ratio-auto .ilpop-img {
	height: auto;
}

.ilpop-figure--inline {
	display: inline-block;
	width: var(--ilp-img-size, 96px);
	height: var(--ilp-img-size, 96px);
	margin-bottom: 16px;
	border-radius: 50%;
	background: none;
}

.ilpop--align-center .ilpop-figure--inline {
	display: block;
	margin-inline: auto;
}

/* Yan yana görsel */
.ilpop--img-left .ilpop-scroll,
.ilpop--img-right .ilpop-scroll {
	display: flex;
	align-items: stretch;
}

.ilpop--img-left .ilpop-figure,
.ilpop--img-right .ilpop-figure {
	flex: 0 0 42%;
	max-width: 42%;
}

.ilpop--img-left .ilpop-figure .ilpop-img,
.ilpop--img-right .ilpop-figure .ilpop-img {
	aspect-ratio: auto;
	min-height: 100%;
}

.ilpop--img-right .ilpop-scroll {
	flex-direction: row-reverse;
}

.ilpop--img-left .ilpop-body,
.ilpop--img-right .ilpop-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* Dikey flex kutusunda satır içi öğeler (rozet, vazgeçme bağlantısı)
	   varsayılan `stretch` ile tüm genişliğe yayılırdı. */
	align-items: flex-start;
	min-width: 0;
}

.ilpop--align-center.ilpop--img-left .ilpop-body,
.ilpop--align-center.ilpop--img-right .ilpop-body {
	align-items: center;
}

.ilpop--align-end.ilpop--img-left .ilpop-body,
.ilpop--align-end.ilpop--img-right .ilpop-body {
	align-items: flex-end;
}

.ilpop--img-left .ilpop-body > .ilpop-content,
.ilpop--img-right .ilpop-body > .ilpop-content,
.ilpop--img-left .ilpop-body > .ilpop-title,
.ilpop--img-right .ilpop-body > .ilpop-title,
.ilpop--img-left .ilpop-body > .ilpop-actions,
.ilpop--img-right .ilpop-body > .ilpop-actions,
.ilpop--img-left .ilpop-body > .ilpop-footnote,
.ilpop--img-right .ilpop-body > .ilpop-footnote {
	width: 100%;
}

/* ------------------------------------------------------------------ */
/*  Butonlar                                                           */
/* ------------------------------------------------------------------ */
.ilpop-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	justify-content: flex-start;
}

.ilpop--align-center .ilpop-actions {
	justify-content: center;
}

.ilpop--align-end .ilpop-actions {
	justify-content: flex-end;
}

.ilpop-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
	padding: 11px 22px;
	border: 2px solid transparent;
	border-radius: var(--ilp-btn-radius, 4px);
	font-family: var(--ilp-btn-font, inherit);
	font-size: var(--ilp-btn-size, 13px);
	font-weight: var(--jl-button-font-weight, 700);
	letter-spacing: var(--jl-button-space, .4px);
	text-transform: var(--jl-button-transform, uppercase);
	line-height: 1.2;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .12s ease;
}

.ilpop-btn:focus-visible {
	outline: 2px solid var(--ilp-accent);
	outline-offset: 2px;
}

.ilpop-btn:active {
	transform: translateY(1px);
}

.ilpop-btn--fill {
	background-color: var(--ilp-accent);
	color: var(--ilp-accent-fg, #fff) !important;
	border-color: var(--ilp-accent);
}

.ilpop-btn--fill:hover,
.ilpop-btn--fill:focus {
	filter: brightness(.92);
	color: var(--ilp-accent-fg, #fff) !important;
}

.ilpop-btn--outline {
	background-color: transparent;
	color: var(--ilp-fg) !important;
	border-color: currentColor;
	opacity: .85;
}

.ilpop-btn--outline:hover,
.ilpop-btn--outline:focus {
	opacity: 1;
	background-color: var(--ilp-accent);
	border-color: var(--ilp-accent);
	color: var(--ilp-accent-fg, #fff) !important;
}

.ilpop-btn--link {
	padding-inline: 4px;
	background: none;
	border-color: transparent;
	color: var(--ilp-accent) !important;
	text-decoration: underline !important;
}

.ilpop--btn-full .ilpop-actions {
	flex-direction: column;
	align-items: stretch;
}

.ilpop--btn-full .ilpop-btn {
	width: 100%;
}

/* Bu iki öğe bilerek --ilp-muted kullanmıyor: tema değişkeni koyu modda
   yeterince açılmayabiliyor. Metin renginin solgunu her iki modda da okunur
   kalır.

   Ayrıca renk, butonun kendisinde değil içindeki span'de tanımlanıyor.
   Nedeni: bazı tarayıcı/tema bileşimlerinde <button> öğesinin kendi metin
   rengi zorlanıyor ve yazar bildirimi — !important dahil — hiç uygulanmıyor;
   miras alan çocuklar da aynı zorlanmış rengi alıyor. Kendi renk bildirimi
   olan bir iç öğe bu davranışın dışında kalıyor. Kapatma butonundaki SVG de
   aynı sebeple kendi rengini alıyor. */
.ilpop-dismiss {
	display: inline-block;
	margin-top: 14px;
	padding: 0;
	background: none;
	border: 0;
	opacity: .68;
	font-family: inherit;
	font-size: calc(var(--ilp-text-size, 15px) * .85);
	line-height: 1.4;
	cursor: pointer;
}

.ilpop-dismiss > span {
	color: var(--ilp-fg);
	/* Tema butonlara text-transform uygulayabiliyor; bu bir buton değil,
	   metin bağlantısı — yazıldığı gibi okunmalı. */
	text-transform: none;
	letter-spacing: normal;
	text-decoration: underline;
}

/* :hover ile :focus-visible bilerek AYRI kurallarda: bir seçici listesindeki
   tek bir geçersiz seçici, listenin tamamını düşürür. :focus-visible
   desteklemeyen eski tarayıcılarda gruplanmış olsalardı hover da ölürdü. */
.ilpop-dismiss:hover {
	opacity: 1;
}

.ilpop-dismiss:focus-visible {
	opacity: 1;
}

.ilpop-footnote {
	margin: 14px 0 0;
	overflow-wrap: anywhere;
	color: var(--ilp-fg);
	opacity: .65;
	font-size: calc(var(--ilp-text-size, 15px) * .8);
	line-height: 1.5;
}

.ilpop-footnote a {
	color: inherit;
	text-decoration: underline;
}

/* ------------------------------------------------------------------ */
/*  Kapatma butonu                                                     */
/* ------------------------------------------------------------------ */
.ilpop-close {
	position: absolute;
	inset-block-start: 12px;
	inset-inline-end: 12px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--ilp-fg);
	opacity: .6;
	cursor: pointer;
	transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
}

.ilpop-close > svg {
	color: var(--ilp-fg);
}

.ilpop-close:hover {
	opacity: 1;
}

.ilpop-close:focus-visible {
	opacity: 1;
}

.ilpop-close:focus-visible {
	outline: 2px solid var(--ilp-accent);
	outline-offset: 2px;
}

.ilpop--close-circle .ilpop-close,
.ilpop--close-square .ilpop-close {
	background-color: rgba(128, 128, 128, .16);
}

.ilpop--close-circle .ilpop-close {
	border-radius: 50%;
}

.ilpop--close-square .ilpop-close {
	border-radius: calc(var(--ilp-radius, 10px) * .4);
}

.ilpop--close-outside .ilpop-close {
	inset-block-start: -46px;
	inset-inline-end: 0;
	opacity: .85;
}

.ilpop--close-outside .ilpop-close > svg {
	color: #fff;
}

.ilpop-close[hidden] {
	display: none;
}

/* Görselin üstüne denk gelen kapatma butonu okunur kalsın */
.ilpop--img-top .ilpop-close {
	background-color: rgba(0, 0, 0, .45);
	border-radius: 50%;
	opacity: .9;
}

.ilpop--img-top .ilpop-close > svg {
	color: #fff;
}

/* Bildirim çubuğunda kapatma butonu satır içinde durur */
.ilpop--bar .ilpop-close {
	inset-block-start: 50%;
	transform: translateY(-50%);
	inset-inline-end: 10px;
}

/* ------------------------------------------------------------------ */
/*  Otomatik kapanma çubuğu                                            */
/* ------------------------------------------------------------------ */
.ilpop-progress {
	position: absolute;
	inset-block-end: 0;
	inset-inline: 0;
	height: 3px;
	background-color: rgba(128, 128, 128, .2);
	overflow: hidden;
}

.ilpop-progress span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--ilp-accent);
	transform-origin: left center;
	transform: scaleX(0);
}

[dir="rtl"] .ilpop-progress span {
	transform-origin: right center;
}

.ilpop.is-open .ilpop-progress span {
	animation: ilpop-progress var(--ilp-autoclose, 0s) linear forwards;
}

@keyframes ilpop-progress {
	from { transform: scaleX(1); }
	to { transform: scaleX(0); }
}

/* ------------------------------------------------------------------ */
/*  Animasyonlar (kapalıyken uygulanan başlangıç dönüşümü)             */
/* ------------------------------------------------------------------ */
.ilpop--anim-zoom .ilpop-box {
	transform: scale(.94);
}

.ilpop--anim-slide-up .ilpop-box {
	transform: translateY(28px);
}

.ilpop--anim-slide-down .ilpop-box {
	transform: translateY(-28px);
}

.ilpop--anim-slide-left .ilpop-box {
	transform: translateX(32px);
}

.ilpop--anim-slide-right .ilpop-box {
	transform: translateX(-32px);
}

.ilpop--anim-none .ilpop-box,
.ilpop--anim-fade .ilpop-box {
	transform: none;
}

.ilpop--anim-none .ilpop-box,
.ilpop--anim-none .ilpop-overlay {
	transition: none;
}

.ilpop-reduced-motion .ilpop-box,
.ilpop-reduced-motion .ilpop-overlay {
	transition-duration: 1ms !important;
	transform: none !important;
}

.ilpop-reduced-motion .ilpop-progress span {
	animation: none !important;
}

/* ------------------------------------------------------------------ */
/*  Bildirim balonu (toast) — kompakt, örtüsüz                         */
/* ------------------------------------------------------------------ */
.ilpop--toast .ilpop-wrap {
	padding: var(--ilp-offset, 20px);
}

.ilpop--toast .ilpop-box {
	max-width: min(var(--ilp-width, 380px), 100%);
	max-height: calc(100vh - (var(--ilp-offset, 20px) * 2));
}

.ilpop--toast .ilpop-body {
	padding: calc(var(--ilp-pad, 32px) * .55);
}

.ilpop--toast .ilpop-title {
	font-size: clamp(15px, calc(var(--ilp-head-size, 26px) * .62), 21px);
	margin-bottom: 6px;
}

.ilpop--toast .ilpop-content {
	font-size: calc(var(--ilp-text-size, 15px) * .93);
}

.ilpop--toast .ilpop-eyebrow {
	margin-bottom: 8px;
}

.ilpop--toast .ilpop-actions {
	margin-top: 12px;
	gap: 8px;
}

.ilpop--toast .ilpop-btn {
	padding: 8px 16px;
}

.ilpop--toast .ilpop-figure--top .ilpop-img {
	aspect-ratio: 21 / 9;
}

.ilpop--toast .ilpop-close {
	inset-block-start: 8px;
	inset-inline-end: 8px;
	width: 28px;
	height: 28px;
}

/* ------------------------------------------------------------------ */
/*  Görünüm şemaları — yalnızca çerçeve/gölge/vurgu, renk paleti aynı  */
/* ------------------------------------------------------------------ */
.ilpop--skin-bordered .ilpop-box {
	border: 1px solid var(--ilp-line);
}

.ilpop--skin-elevated .ilpop-box {
	box-shadow: 0 24px 64px -16px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .08);
}

.ilpop--skin-glass .ilpop-box {
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, .22);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	backdrop-filter: blur(18px) saturate(140%);
}

/* Camsı şemada zemin, kutu renginin yarı saydam hâli olarak ayrı bir
   katmanda duruyor: böylece bulanıklık arkadaki sayfayı yakalıyor ama
   metin okunur bir zemin üstünde kalıyor. */
.ilpop--skin-glass .ilpop-box::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--ilp-bg);
	opacity: .72;
	border-radius: inherit;
	pointer-events: none;
}

/* Yalnızca kaydırma katmanı yükseltiliyor. Kapatma butonu zaten mutlak
   konumlu ve z-index: 3; ona dokunmak onu akışa sokup kutuyu büyütüyordu. */
.ilpop--skin-glass .ilpop-scroll {
	position: relative;
	z-index: 1;
}

.ilpop--skin-accent-start .ilpop-box {
	border-inline-start: 5px solid var(--ilp-accent);
}

.ilpop--skin-accent-top .ilpop-box {
	border-block-start: 5px solid var(--ilp-accent);
}

.ilpop--skin-accent-frame .ilpop-box {
	border: 2px solid var(--ilp-accent);
}

/* Bilet: eylem alanının üstünde kesikli bir ayraç. */
.ilpop--skin-ticket .ilpop-box {
	border: 1px solid var(--ilp-line);
}

.ilpop--skin-ticket .ilpop-actions {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 2px dashed var(--ilp-line);
}

.ilpop--skin-ticket .ilpop-eyebrow {
	border-radius: 999px;
	padding-inline: 12px;
}

/* ------------------------------------------------------------------ */
/*  Ek buton stilleri                                                  */
/* ------------------------------------------------------------------ */
.ilpop-btn-label {
	position: relative;
	z-index: 1;
}

.ilpop-btn-arrow {
	position: relative;
	z-index: 1;
	display: inline-flex;
	margin-inline-start: 6px;
	transition: transform .18s ease;
}

[dir="rtl"] .ilpop-btn-arrow {
	transform: scaleX(-1);
}

/* Yumuşak: vurgu renginin soluk zemini. Değişkenden gelen bir renge
   alfa ekleyemediğimiz için zemin ayrı bir katmanda düşük opaklıkla
   duruyor; metin kendi katmanında kalıyor. */
.ilpop-btn--soft {
	background-color: transparent;
	border-color: transparent;
	color: var(--ilp-accent) !important;
}

.ilpop-btn--soft::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--ilp-accent);
	opacity: .12;
	border-radius: inherit;
	transition: opacity .2s ease;
}

.ilpop-btn--soft:hover::before,
.ilpop-btn--soft:focus-visible::before {
	opacity: .2;
}

/* Hayalet: normalde yalnız metin, üzerine gelince soluk zemin. */
.ilpop-btn--ghost {
	background-color: transparent;
	border-color: transparent;
	color: var(--ilp-fg) !important;
}

.ilpop-btn--ghost::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: currentColor;
	opacity: 0;
	border-radius: inherit;
	transition: opacity .2s ease;
}

.ilpop-btn--ghost:hover::before,
.ilpop-btn--ghost:focus-visible::before {
	opacity: .09;
}

/* Hap: dolu ama tam yuvarlak. */
.ilpop-btn--pill {
	background-color: var(--ilp-accent);
	color: var(--ilp-accent-fg, #fff) !important;
	border-color: var(--ilp-accent);
	border-radius: 999px;
	padding-inline: 26px;
}

.ilpop-btn--pill:hover,
.ilpop-btn--pill:focus-visible {
	filter: brightness(.92);
}

/* Degrade: vurgu rengi üstüne ışık geçişi. */
.ilpop-btn--gradient {
	background-color: var(--ilp-accent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 55%);
	color: var(--ilp-accent-fg, #fff) !important;
	border-color: transparent;
}

.ilpop-btn--gradient:hover,
.ilpop-btn--gradient:focus-visible {
	filter: brightness(1.06);
}

/* Oklu bağlantı. */
.ilpop-btn--arrow {
	padding-inline: 2px;
	background: none;
	border-color: transparent;
	color: var(--ilp-accent) !important;
}

.ilpop-btn--arrow:hover .ilpop-btn-arrow,
.ilpop-btn--arrow:focus-visible .ilpop-btn-arrow {
	transform: translateX(3px);
}

[dir="rtl"] .ilpop-btn--arrow:hover .ilpop-btn-arrow,
[dir="rtl"] .ilpop-btn--arrow:focus-visible .ilpop-btn-arrow {
	transform: scaleX(-1) translateX(3px);
}

/* Tam genişlik seçiliyken hap ve degrade de yayılsın. */
.ilpop--btn-full .ilpop-btn--pill,
.ilpop--btn-full .ilpop-btn--gradient {
	width: 100%;
}

/* ------------------------------------------------------------------ */
/*  Sayfa kilidi                                                       */
/* ------------------------------------------------------------------ */
html.ilpop-locked,
html.ilpop-locked body {
	overflow: hidden !important;
}

/* ------------------------------------------------------------------ */
/*  Koyu mod — Bopea gövde sınıfı                                      */
/* ------------------------------------------------------------------ */
body.options_dark_skin .ilpop-figure {
	background-color: rgba(255, 255, 255, .08);
}

body.options_dark_skin .ilpop--close-circle .ilpop-close,
body.options_dark_skin .ilpop--close-square .ilpop-close {
	background-color: rgba(255, 255, 255, .14);
}

body.options_dark_skin .ilpop-progress {
	background-color: rgba(255, 255, 255, .16);
}

/* ------------------------------------------------------------------ */
/*  Duyarlı                                                            */
/* ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	.ilpop--img-left .ilpop-figure,
	.ilpop--img-right .ilpop-figure {
		flex-basis: 38%;
		max-width: 38%;
	}
}

/* Dokunmatik cihazlarda dokunma hedefleri en az 44x44 olmalı (WCAG 2.5.8
   ve platform kılavuzları). Fare ile kullanılan ekranlarda daha küçük
   kalabilir; bu yüzden işaretçi tipine bakılıyor, ekran genişliğine değil. */
@media (pointer: coarse) {
	.ilpop-close {
		width: 44px;
		height: 44px;
	}

	.ilpop-btn {
		min-height: 44px;
	}

	.ilpop-dismiss {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}
}

@media (max-width: 767px) {
	.ilpop-body {
		padding: var(--ilp-pad-mob, 22px);
	}

	/* Dar ekranda dokunma hedefleri her hâlükârda büyütülür — bazı
	   tarayıcılar pointer sorgusunu desteklemiyor. */
	.ilpop-close {
		width: 44px;
		height: 44px;
	}

	.ilpop-btn {
		min-height: 44px;
	}

	.ilpop-title {
		font-size: clamp(19px, calc(var(--ilp-head-size, 26px) * .82), 30px);
	}

	.ilpop-wrap {
		padding: 14px;
	}

	.ilpop--slidein .ilpop-wrap {
		padding: 12px;
	}

	/* Mobilde yan yana görsel alt alta iner */
	.ilpop--img-left .ilpop-scroll,
	.ilpop--img-right .ilpop-scroll {
		flex-direction: column;
	}

	.ilpop--img-left .ilpop-figure,
	.ilpop--img-right .ilpop-figure {
		flex-basis: auto;
		max-width: none;
	}

	.ilpop--img-left .ilpop-figure .ilpop-img,
	.ilpop--img-right .ilpop-figure .ilpop-img {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}

	.ilpop--mob-noimg .ilpop-figure {
		display: none;
	}

	.ilpop--mob-hidden {
		display: none !important;
	}

	/* Alttan açılan panel */
	.ilpop--mob-sheet .ilpop-wrap {
		align-items: flex-end;
		justify-content: stretch;
		padding: 0;
	}

	.ilpop--mob-sheet .ilpop-box {
		max-width: none;
		width: 100%;
		max-height: 88vh;
		border-start-start-radius: var(--ilp-radius, 16px);
		border-start-end-radius: var(--ilp-radius, 16px);
		border-end-start-radius: 0;
		border-end-end-radius: 0;
		border-inline: 0;
		border-block-end: 0;
		transform: translateY(24px);
	}

	.ilpop--mob-sheet.is-open .ilpop-box {
		transform: none;
	}

	.ilpop--mob-sheet .ilpop-body {
		padding-bottom: max(var(--ilp-pad-mob, 22px), env(safe-area-inset-bottom));
	}

	.ilpop--mob-sheet .ilpop-body::before {
		content: "";
		display: block;
		width: 38px;
		height: 4px;
		margin: -6px auto 14px;
		border-radius: 999px;
		background-color: currentColor;
		opacity: .22;
	}

	/* Mobilde tam ekran */
	.ilpop--mob-full .ilpop-wrap {
		padding: 0;
	}

	.ilpop--mob-full .ilpop-box {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		border-radius: 0;
		border: 0;
	}

	.ilpop--close-outside .ilpop-close {
		inset-block-start: 10px;
		inset-inline-end: 10px;
	}

	.ilpop--close-outside .ilpop-close > svg {
		color: var(--ilp-fg);
	}

	.ilpop--bar .ilpop-body {
		flex-direction: column;
		text-align: center;
		padding-inline: 40px;
	}

	.ilpop-actions {
		width: 100%;
	}

	.ilpop-actions .ilpop-btn {
		flex: 1 1 auto;
	}
}

/* Yazdırma sırasında popup görünmez */
@media print {
	.ilpop-root {
		display: none !important;
	}
}