/**
 * Home — Trending category cards (match attached design)
 * Loaded separately so CSS_COMBINE / master.min does not hide updates.
 */

.lkit-trending-cats{
	position:relative;
	overflow:hidden;
	padding:3.25rem 0 1.35rem;
	background:
		radial-gradient(ellipse 80% 60% at 8% 0%, rgba(255,77,154,.08), transparent 52%),
		radial-gradient(ellipse 70% 50% at 92% 18%, rgba(47,148,215,.1), transparent 50%),
		linear-gradient(180deg,#f7f9fc 0%,#eef4fb 100%);
}
.lkit-trending-cats:before{
	content:"";
	position:absolute;
	inset:auto 0 0 0;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(255,77,154,.22),rgba(47,148,215,.22),transparent);
	pointer-events:none;
}
.lkit-tc-eyebrow{
	display:block;
	text-align:center;
	margin:0 0 .4rem;
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
	background:linear-gradient(90deg,#ff4d9a,#c084fc);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.lkit-trending-cats .title{
	margin-bottom:.55rem;
	padding-bottom:1rem;
}
.lkit-trending-cats .title::after{bottom:0;}
.lkit-tc-sub{
	text-align:center;
	color:#5b6777;
	font-size:.95rem;
	margin:0 auto 2rem;
	max-width:28rem;
	line-height:1.45;
}
.lkit-tc-grid{
	margin-left:-12px;
	margin-right:-12px;
	row-gap:18px;
}
.lkit-tc-grid > [class*="col-"]{
	padding-left:12px;
	padding-right:12px;
}

.lkit-tc-card{
	--tc-accent:#2f94d7;
	--tc-accent-soft:rgba(47,148,215,.12);
	--tc-glow:rgba(47,148,215,.28);
	height:100%;
	margin-bottom:0!important;
	border:none;
	background:transparent;
	box-shadow:none;
	text-align:center;
}
.lkit-tc-card--health{
	--tc-accent:#e85a8a;
	--tc-accent-soft:rgba(232,90,138,.12);
	--tc-glow:rgba(232,90,138,.3);
}
.lkit-tc-card--it{
	--tc-accent:#2f94d7;
	--tc-accent-soft:rgba(47,148,215,.12);
	--tc-glow:rgba(47,148,215,.3);
}
.lkit-tc-card--realestate{
	--tc-accent:#2f9e5f;
	--tc-accent-soft:rgba(47,158,95,.12);
	--tc-glow:rgba(47,158,95,.28);
}
.lkit-tc-card--transport{
	--tc-accent:#e89a1a;
	--tc-accent-soft:rgba(232,154,26,.14);
	--tc-glow:rgba(232,154,26,.3);
}

.lkit-tc-link{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-decoration:none!important;
	color:inherit;
	height:100%;
	min-height:280px;
	padding:1.15rem 1.05rem 1.2rem;
	border-radius:18px;
	background:#fff;
	border:1px solid rgba(46,64,86,.06);
	border-top:3px solid var(--tc-accent);
	box-shadow:0 10px 28px rgba(21,40,70,.07);
	transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
	overflow:hidden;
}
.lkit-tc-link:before{
	content:"";
	position:absolute;
	inset:0 0 auto 0;
	height:72px;
	background:linear-gradient(180deg, var(--tc-accent-soft), transparent);
	pointer-events:none;
	opacity:.9;
}

.lkit-tc-badge{
	position:relative;
	z-index:1;
	align-self:flex-start;
	display:inline-flex;
	align-items:center;
	gap:.35rem;
	margin:0 0 .85rem;
	padding:.28rem .65rem;
	border-radius:999px;
	font-size:.68rem;
	font-weight:700;
	letter-spacing:.01em;
	color:var(--tc-accent);
	background:var(--tc-accent-soft);
	line-height:1.2;
	white-space:nowrap;
}
.lkit-tc-badge .fa{font-size:.62rem;}

.lkit-tc-card .tc-icon-wrap{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:86px;
	height:86px;
	margin:0 auto 1.05rem;
	border-radius:50%;
	font-size:2rem;
	color:#fff;
	box-shadow:
		0 0 0 10px rgba(255,255,255,.95),
		0 12px 28px var(--tc-glow);
	transition:transform .28s ease, box-shadow .28s ease;
}
.lkit-tc-card .tc-icon-wrap .tc-icon-ring{
	position:absolute;
	inset:-8px;
	z-index:0;
	border-radius:50%;
	border:1.5px solid rgba(46,64,86,.12);
	opacity:.55;
	pointer-events:none;
	transition:opacity .28s ease, transform .28s ease;
}
.lkit-tc-card .tc-icon-wrap i{
	position:relative;
	z-index:2;
	color:#fff;
	transition:transform .28s ease;
}
.lkit-tc-card .lkit-tc-svg{
	position:relative;
	z-index:2;
	width:46%;
	height:46%;
	display:block;
	transition:transform .28s ease;
}
.lkit-tc-card .tc-health{
	background:radial-gradient(circle at 30% 25%, #ff9ebd, transparent 55%),
		linear-gradient(145deg,#ff6b9a,#e74c6f 48%,#c0392b);
}
.lkit-tc-card .tc-it{
	background:radial-gradient(circle at 30% 25%, #9ad8ff, transparent 55%),
		linear-gradient(145deg,#6bc8ff,#2f94d7 50%,#1f6fa8);
}
.lkit-tc-card .tc-realestate{
	background:radial-gradient(circle at 30% 25%, #7aefb3, transparent 55%),
		linear-gradient(145deg,#3dd68c,#27ae60 50%,#1a7a45);
}
.lkit-tc-card .tc-transport{
	background:radial-gradient(circle at 30% 25%, #ffd78a, transparent 55%),
		linear-gradient(145deg,#ffc04d,#f39c12 50%,#d68910);
}

.lkit-tc-card .card-body{
	position:relative;
	z-index:1;
	padding:0;
	background:transparent;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	flex:1 1 auto;
}
.lkit-tc-card .card-body h5{
	font-size:1.02rem;
	font-weight:700;
	margin:0;
	color:#1b2a3d;
	line-height:1.3;
	letter-spacing:-.01em;
}
.lkit-tc-accent{
	display:block;
	width:28px;
	height:3px;
	margin:.55rem auto .7rem;
	border-radius:999px;
	background:var(--tc-accent);
}
.lkit-tc-desc{
	margin:0 0 1rem;
	padding:0 .15rem;
	font-size:.82rem;
	line-height:1.45;
	color:#6b7785;
	max-width:15.5rem;
}
.lkit-tc-cta{
	margin-top:auto;
	display:inline-flex;
	align-items:center;
	gap:.4rem;
	font-size:.84rem;
	font-weight:700;
	letter-spacing:.01em;
	color:var(--tc-accent);
	opacity:1;
	transform:none;
	transition:gap .28s ease, color .28s ease, transform .28s ease;
}
.lkit-tc-cta .fa{
	font-size:.68rem;
	transition:transform .28s ease;
}

.lkit-tc-link:hover,
.lkit-tc-link:focus{
	transform:translateY(-7px);
	box-shadow:0 20px 40px rgba(21,40,70,.12), 0 0 0 1px var(--tc-accent-soft);
	outline:none;
}
.lkit-tc-link:hover .tc-icon-wrap,
.lkit-tc-link:focus .tc-icon-wrap{
	transform:scale(1.06);
	box-shadow:
		0 0 0 12px rgba(255,255,255,.98),
		0 16px 34px var(--tc-glow);
}
.lkit-tc-link:hover .tc-icon-ring,
.lkit-tc-link:focus .tc-icon-ring{
	opacity:1;
	transform:scale(1.05);
}
.lkit-tc-link:hover .lkit-tc-cta,
.lkit-tc-link:focus .lkit-tc-cta{
	gap:.55rem;
}
.lkit-tc-link:hover .lkit-tc-cta .fa,
.lkit-tc-link:focus .lkit-tc-cta .fa{
	transform:translateX(3px);
}
.lkit-tc-link:hover .tc-icon-wrap i,
.lkit-tc-link:focus .tc-icon-wrap i,
.lkit-tc-link:hover .lkit-tc-svg,
.lkit-tc-link:focus .lkit-tc-svg{
	animation:tc-icon-pulse .45s ease;
}

@keyframes tc-icon-pulse{
	0%{transform:scale(1);}
	50%{transform:scale(1.12);}
	100%{transform:scale(1);}
}

@media (min-width:992px){
	.lkit-tc-grid{row-gap:0;}
}
@media (max-width:991px){
	.lkit-trending-cats{padding:2.5rem 0 1rem;}
	.lkit-tc-link{min-height:260px;padding:1rem .9rem 1.05rem;border-radius:16px;}
}
@media (max-width:575px){
	.lkit-tc-sub{font-size:.88rem;margin-bottom:1.5rem;}
	.lkit-tc-link{min-height:0;padding:.9rem .7rem .95rem;}
	.lkit-tc-badge{font-size:.6rem;padding:.22rem .5rem;margin-bottom:.7rem;}
	.lkit-tc-card .tc-icon-wrap{
		width:68px;
		height:68px;
		font-size:1.55rem;
		margin-bottom:.85rem;
		box-shadow:0 0 0 7px rgba(255,255,255,.95), 0 10px 22px var(--tc-glow);
	}
	.lkit-tc-card .tc-icon-wrap .tc-icon-ring{inset:-6px;}
	.lkit-tc-card .card-body h5{font-size:.86rem;}
	.lkit-tc-desc{font-size:.72rem;margin-bottom:.75rem;}
	.lkit-tc-cta{font-size:.74rem;}
}
@media (prefers-reduced-motion:reduce){
	.lkit-tc-link,
	.lkit-tc-card .tc-icon-wrap,
	.lkit-tc-cta,
	.lkit-tc-card .lkit-tc-svg{transition:none;}
	.lkit-tc-link:hover,
	.lkit-tc-link:hover .tc-icon-wrap{transform:none;}
	.lkit-tc-link:hover .tc-icon-wrap i,
	.lkit-tc-link:hover .lkit-tc-svg{animation:none;}
}