.th-ba{
	--th-mint:#C9F0E8;
	--th-mint-dark:#0F6E56;
	--th-coral:#F4A19B;
	--th-coral-dark:#7A2E22;
	--th-card-bg:#FFFFFF;
	--th-title:#1F2A2E;
	--th-text:#5C6B70;
	--th-radius:14px;
	position:relative;
}

/* ---------- GRID ---------- */
.th-ba-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
}

/* ---------- KART ---------- */
.th-ba-card{
	background:var(--th-card-bg);
	border-radius:var(--th-radius);
	overflow:hidden;
	box-shadow:0 2px 10px rgba(31,42,46,.06);
	transition:transform .25s ease, box-shadow .25s ease;
	height:100%;
}
.th-ba-card:hover{
	transform:translateY(-6px);
	box-shadow:0 10px 28px rgba(31,42,46,.13);
}
.th-ba a,
.th-ba a *,
.th-ba .th-ba-link,
.th-ba .th-ba-link:link,
.th-ba .th-ba-link:visited,
.th-ba .th-ba-link:hover,
.th-ba .th-ba-link:focus,
.th-ba .th-ba-link:active{
	-webkit-tap-highlight-color:transparent;
}
.th-ba .th-ba-link,
.th-ba .th-ba-link:link,
.th-ba .th-ba-link:visited,
.th-ba .th-ba-link:hover,
.th-ba .th-ba-link:focus,
.th-ba .th-ba-link:active{
	display:flex;
	flex-direction:column;
	height:100%;
	text-decoration:none;
	color:var(--th-title);
	box-shadow:none;
	border:none;
}
.th-ba-link:focus-visible{
	outline:3px solid var(--th-coral);
	outline-offset:2px;
}

/* ---------- GÖRSEL ---------- */
.th-ba-thumb{
	position:relative;
	height:220px;
	overflow:hidden;
	background:var(--th-mint);
}
.th-ba-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .5s ease;
}
.th-ba-card:hover .th-ba-thumb img{transform:scale(1.06);}
.th-ba-thumb-fallback{
	width:100%;height:100%;
	background:linear-gradient(135deg,var(--th-mint) 0%,var(--th-coral) 100%);
	opacity:.55;
}

/* ---------- GÖVDE ---------- */
.th-ba-body{
	padding:18px 20px 20px;
	display:flex;
	flex-direction:column;
	gap:10px;
	flex:1;
}
.th-ba .th-ba-cat,
.th-ba a .th-ba-cat,
.th-ba a:hover .th-ba-cat{
	align-self:flex-start;
	background:var(--th-coral) !important;
	color:#5C1E14 !important;
	font-size:12px;
	font-weight:600;
	letter-spacing:.02em;
	padding:4px 12px;
	border-radius:999px;
}
.th-ba .th-ba-title,
.th-ba .th-ba-link .th-ba-title,
.th-ba .th-ba-link:hover .th-ba-title{
	margin:0;
	font-size:19px;
	font-weight:600;
	line-height:1.35;
	color:var(--th-title);
	transition:color .2s ease;
	text-decoration:none;
}
.th-ba .th-ba-card:hover .th-ba-title{color:var(--th-coral-dark);}
.th-ba .th-ba-excerpt{
	margin:0;
	font-size:14px;
	line-height:1.65;
	color:var(--th-text);
	flex:1;
}
.th-ba-meta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:4px;
	padding-top:12px;
	border-top:1px solid rgba(31,42,46,.08);
}
.th-ba .th-ba-date{font-size:12.5px;color:var(--th-text);opacity:.85;}
.th-ba .th-ba-more,
.th-ba a .th-ba-more,
.th-ba a:link .th-ba-more,
.th-ba a:visited .th-ba-more,
.th-ba a:hover .th-ba-more,
.th-ba a:focus .th-ba-more,
.th-ba a:active .th-ba-more{
	font-size:13px;
	font-weight:600;
	color:var(--th-coral) !important;
	display:inline-flex;
	align-items:center;
	gap:6px;
	text-decoration:none !important;
}
.th-ba .th-ba-card:hover .th-ba-more,
.th-ba .th-ba-card:hover a .th-ba-more{color:#D4776E !important;}
.th-ba-more span{transition:transform .2s ease;}
.th-ba-card:hover .th-ba-more span{transform:translateX(4px);}

/* ---------- SAYFALAMA ---------- */
.th-ba-pagination-wrap{margin-top:40px;}
.th-ba-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	flex-wrap:wrap;
}
.th-ba .th-ba-page,
.th-ba .th-ba-page:link,
.th-ba .th-ba-page:visited{
	min-width:42px;
	height:42px;
	padding:0 12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:10px;
	background:var(--th-card-bg);
	border:1px solid rgba(31,42,46,.1);
	color:var(--th-title);
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.th-ba .th-ba-page:hover:not(.is-disabled):not(.is-current){
	background:var(--th-mint);
	border-color:var(--th-mint-dark);
	color:var(--th-mint-dark);
}
.th-ba .th-ba-page.is-current{
	background:var(--th-coral);
	border-color:var(--th-coral);
	color:var(--th-coral-dark);
	font-weight:700;
	pointer-events:none;
}
.th-ba-page.is-disabled{opacity:.35;pointer-events:none;}
.th-ba-prev,.th-ba-next{font-size:20px;line-height:1;}
.th-ba-dots{color:var(--th-text);padding:0 4px;}

/* ---------- YÜKLENİYOR ---------- */
.th-ba.is-loading .th-ba-grid{opacity:.35;pointer-events:none;transition:opacity .2s;}
.th-ba-loader{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	pointer-events:none;
}
.th-ba-loader[hidden]{display:none !important;}
.th-ba-loader span{
	width:38px;height:38px;
	border:3px solid var(--th-mint);
	border-top-color:var(--th-coral);
	border-radius:50%;
	animation:th-ba-spin .8s linear infinite;
}
@keyframes th-ba-spin{to{transform:rotate(360deg);}}

.th-ba-empty{
	text-align:center;
	color:var(--th-text);
	padding:40px 0;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
	.th-ba-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767px){
	.th-ba-grid{grid-template-columns:1fr;}
	.th-ba-title{font-size:17px;}
	.th-ba-page{min-width:38px;height:38px;font-size:14px;}
}

@media (prefers-reduced-motion:reduce){
	.th-ba-card,.th-ba-thumb img,.th-ba-more span{transition:none;}
	.th-ba-card:hover{transform:none;}
	.th-ba-loader span{animation:none;}
}