/* =========================================================
   İçerik İçi İlgili Haberler — 1.44.19
   Tek kırmızı çerçeve + iki stil:
   1) Glass (varsayılan)
   2) Site rengi (düz)
   ========================================================= */
.ygn-inline-related{
	--ygn-inline-accent:#e30613;
	--ygn-inline-surface:#eef3f8;
	--ygn-inline-dark-surface:#111a2a;
	--ygn-inline-text:#101827;
	--ygn-inline-dark-text:#f6f8fb;
	--ygn-inline-blur:14px;
	--ygn-inline-opacity:.78;
	display:block;
	width:100%;
	max-width:100%;
	margin:clamp(20px,3.2vw,34px) 0;
	clear:both;
	contain:layout style;
	box-sizing:border-box;
}

.ygn-inline-related *,
.ygn-inline-related *::before,
.ygn-inline-related *::after{
	box-sizing:border-box;
}

/* ---------- Base card geometry ---------- */
.ygn-inline-related__card{
	position:relative;
	display:grid;
	grid-template-columns:minmax(150px,29%) minmax(0,1fr);
	width:100%;
	max-width:100%;
	min-height:132px;
	overflow:hidden;
	isolation:isolate;
	border:1.5px solid var(--ygn-inline-accent);
	border-radius:18px;
	color:var(--ygn-inline-text)!important;
	text-decoration:none!important;
	transform:translateZ(0);
	transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

/* IMPORTANT: single frame only. No pseudo side rails / second border. */
.ygn-inline-related__card::before,
.ygn-inline-related__card::after{
	content:none!important;
	display:none!important;
}

.ygn-inline-related__card:is(:hover,:focus-visible){
	transform:translateY(-2px);
	outline:0;
}

/* ---------- GLASS MODE ---------- */
.ygn-inline-related--style-glass .ygn-inline-related__card{
	background:
		linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
		color-mix(in srgb,var(--ygn-inline-surface) calc(var(--ygn-inline-opacity)*100%),transparent);
	/* Tek çerçeve: yalnızca border görünsün, dışarıda ikinci frame / glow olmasın. */
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.42),
		0 10px 26px rgba(7,18,33,.10);
	-webkit-backdrop-filter:blur(var(--ygn-inline-blur)) saturate(1.10);
	backdrop-filter:blur(var(--ygn-inline-blur)) saturate(1.10);
}

.ygn-inline-related--style-glass .ygn-inline-related__card:is(:hover,:focus-visible){
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.52),
		0 14px 32px rgba(7,18,33,.14);
}

/* ---------- SITE COLOR / SOLID MODE ---------- */
.ygn-inline-related--style-site_color .ygn-inline-related__card{
	background:var(--ygn-inline-accent);
	color:#fff!important;
	box-shadow:0 12px 30px color-mix(in srgb,var(--ygn-inline-accent) 24%,rgba(7,18,33,.12));
	-webkit-backdrop-filter:none;
	backdrop-filter:none;
}

.ygn-inline-related--style-site_color .ygn-inline-related__title{
	color:#fff!important;
}

.ygn-inline-related--style-site_color .ygn-inline-related__eyebrow{
	background:rgba(255,255,255,.16);
	color:#fff!important;
	border:1px solid rgba(255,255,255,.24);
}

.ygn-inline-related--style-site_color .ygn-inline-related__cta{
	color:#fff!important;
	border-color:rgba(255,255,255,.34);
	background:rgba(255,255,255,.12);
}

.ygn-inline-related--style-site_color .ygn-inline-related__card:is(:hover,:focus-visible){
	box-shadow:0 18px 40px color-mix(in srgb,var(--ygn-inline-accent) 34%,rgba(7,18,33,.16));
}

/* ---------- Media ---------- */
.ygn-inline-related__media{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	min-width:0;
	height:100%;
	min-height:132px;
	overflow:hidden;
	background:rgba(0,0,0,.05);
	border-radius:16px 0 0 16px;
}

.ygn-inline-related__image{
	display:block!important;
	width:100%!important;
	max-width:none!important;
	height:100%!important;
	min-height:132px;
	margin:0!important;
	padding:0!important;
	border:0!important;
	object-fit:cover!important;
	object-position:center center;
	transition:transform .28s ease;
}

.ygn-inline-related__card:hover .ygn-inline-related__image{
	transform:scale(1.018);
}

/* ---------- Content ---------- */
.ygn-inline-related__body{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	gap:8px;
	min-width:0;
	width:100%;
	max-width:100%;
	padding:16px 20px;
	overflow:hidden;
}

.ygn-inline-related__eyebrow{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	padding:4px 9px;
	border-radius:999px;
	background:var(--ygn-inline-accent);
	color:#fff!important;
	font-size:.68rem;
	font-weight:850;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.055em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.ygn-inline-related__title{
	display:-webkit-box!important;
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:var(--ygn-inline-text)!important;
	font-size:clamp(1rem,1.8vw,1.28rem)!important;
	font-weight:800!important;
	line-height:1.18!important;
	letter-spacing:-.016em!important;
	text-shadow:none!important;
	text-align:left!important;
	white-space:normal!important;
	overflow-wrap:anywhere;
	word-break:normal;
}

.ygn-inline-related__cta{
	display:inline-flex;
	align-items:center;
	gap:6px;
	max-width:100%;
	margin-top:1px;
	padding:7px 11px;
	border:1px solid color-mix(in srgb,var(--ygn-inline-accent) 38%,rgba(20,30,45,.16));
	border-radius:10px;
	background:color-mix(in srgb,var(--ygn-inline-accent) 8%,transparent);
	color:var(--ygn-inline-accent)!important;
	font-size:.76rem!important;
	font-weight:800!important;
	line-height:1.1!important;
	white-space:nowrap;
}

/* ---------- Dark mode ---------- */
body.ygn-theme-mode-dark .ygn-inline-related--style-glass .ygn-inline-related__card,
html[data-ygn-resolved-theme="dark"] body .ygn-inline-related--style-glass .ygn-inline-related__card{
	color:var(--ygn-inline-dark-text)!important;
	background:
		linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),
		color-mix(in srgb,var(--ygn-inline-dark-surface) calc(var(--ygn-inline-opacity)*100%),transparent);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.06),
		0 14px 32px rgba(0,0,0,.22);
}

body.ygn-theme-mode-dark .ygn-inline-related--style-glass .ygn-inline-related__title,
html[data-ygn-resolved-theme="dark"] body .ygn-inline-related--style-glass .ygn-inline-related__title{
	color:var(--ygn-inline-dark-text)!important;
}

/* ---------- Tablet ---------- */
@media (min-width:783px) and (max-width:1199px){
	.ygn-inline-related--tablet-off{display:none!important}
	.ygn-inline-related__card{
		grid-template-columns:minmax(138px,30%) minmax(0,1fr);
		min-height:124px;
		border-radius:16px;
	}
	.ygn-inline-related__media{
		min-height:124px;
		border-radius:14px 0 0 14px;
	}
	.ygn-inline-related__image{
		min-height:124px;
	}
	.ygn-inline-related__body{
		padding:14px 17px;
		gap:7px;
	}
	.ygn-inline-related__title{
		font-size:clamp(.96rem,2.2vw,1.18rem)!important;
	}
}

/* ---------- Mobile ---------- */
@media (max-width:782px){
	.ygn-inline-related--mobile-off{display:none!important}
	.ygn-inline-related{
		margin:18px 0;
	}
	.ygn-inline-related__card{
		grid-template-columns:clamp(104px,34vw,138px) minmax(0,1fr);
		min-height:106px;
		border-radius:14px;
		border-width:1px;
	}
	.ygn-inline-related__media{
		min-height:106px;
		aspect-ratio:4/3;
		align-self:stretch;
		border-radius:13px 0 0 13px;
	}
	.ygn-inline-related__image{
		min-height:106px;
	}
	.ygn-inline-related__body{
		justify-content:center;
		gap:5px;
		padding:10px 13px;
	}
	.ygn-inline-related__eyebrow{
		font-size:.61rem;
		padding:3px 7px;
	}
	.ygn-inline-related__title{
		-webkit-line-clamp:3;
		font-size:clamp(.88rem,3.75vw,1rem)!important;
		line-height:1.17!important;
	}
	.ygn-inline-related__cta{
		padding:5px 8px;
		font-size:.68rem!important;
		border-radius:8px;
	}
}

/* Narrow phones: prioritize image + title. */
@media (max-width:480px){
	.ygn-inline-related__card{
		grid-template-columns:112px minmax(0,1fr);
		min-height:102px;
	}
	.ygn-inline-related__media,
	.ygn-inline-related__image{
		min-height:102px;
	}
	.ygn-inline-related__body{
		padding:9px 11px;
		gap:5px;
	}
	.ygn-inline-related__eyebrow{
		display:none!important;
	}
	.ygn-inline-related__title{
		-webkit-line-clamp:3;
		font-size:clamp(.84rem,4vw,.95rem)!important;
		line-height:1.16!important;
	}
	.ygn-inline-related__cta{
		padding:4px 7px;
		font-size:.64rem!important;
	}
}

/* Very narrow phones: keep geometry stable. */
@media (max-width:380px){
	.ygn-inline-related__card{
		grid-template-columns:96px minmax(0,1fr);
		min-height:94px;
	}
	.ygn-inline-related__media,
	.ygn-inline-related__image{
		min-height:94px;
	}
	.ygn-inline-related__body{
		padding:8px 10px;
	}
	.ygn-inline-related__title{
		font-size:.82rem!important;
		-webkit-line-clamp:3;
	}
	.ygn-inline-related__cta{
		display:none!important;
	}
}

/* ---------- Desktop visibility ---------- */
@media (min-width:1200px){
	.ygn-inline-related--desktop-off{display:none!important}
}

@media (prefers-reduced-motion:reduce){
	.ygn-inline-related__card,
	.ygn-inline-related__image{
		transition:none!important;
	}
}