
.niki-related-section{
	margin:40px 0 10px;
	padding:22px 0 0;
	border-top:1px solid rgba(0,0,0,.08)
}
.niki-related-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
	margin-bottom:16px
}
.niki-related-title{
	margin:0;
	font-size:28px;
	line-height:1.1
}
.niki-related-subtitle{
	margin:8px 0 0;
	opacity:.78
}
.niki-related-controls{
	display:flex;
	gap:10px
}
.niki-related-arrow{
	width:42px;
	height:42px;
	border-radius:999px;
	border:1px solid rgba(0,0,0,.12);
	background:#fff;
	cursor:pointer;
	font-size:28px;
	line-height:1;
	box-shadow:0 8px 24px rgba(0,0,0,.08)
}
.niki-related-track-wrap{
	position:relative
}
.niki-related-track{
	display:flex;
	gap:18px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	padding:4px 2px 12px
}
.niki-related-track::-webkit-scrollbar{
	height:8px
}
.niki-related-track::-webkit-scrollbar-thumb{
	background:rgba(0,0,0,.2);
	border-radius:999px
}
.niki-related-card{
	min-width:280px;
	max-width:280px;
	flex:0 0 280px;
	scroll-snap-align:start;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.06)
}
.niki-related-image-link{
	position:relative;
	display:block;
	aspect-ratio:4/3;
	overflow:hidden
}
.niki-related-image{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block
}
.niki-related-image--placeholder{
	background:linear-gradient(135deg,#f2f2f2,#e7e7e7)
}
.niki-related-badge{
	position:absolute;
	top:12px;
	left:12px;
	background:rgba(17,17,17,.82);
	color:#fff;
	font-size:12px;
	font-weight:700;
	padding:7px 10px;
	border-radius:999px
}
.niki-related-body{
	padding:14px 14px 16px
}
.niki-related-card-title{
	margin:0 0 8px;
	font-size:18px;
	line-height:1.25
}
.niki-related-card-title a{
	text-decoration:none
}
.niki-related-card-text{
	margin:0 0 14px;
	font-size:14px;
	line-height:1.55;
	opacity:.82
}
.niki-related-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 14px;
	border-radius:999px;
	text-decoration:none;
	font-weight:700;
	border:1px solid rgba(0,0,0,.08)
}
@media (max-width:768px){
	.niki-related-head{
		align-items:flex-start;
		flex-direction:column
	}
	.niki-related-title{
		font-size:24px
	}
	.niki-related-controls{
		align-self:flex-end
	}
	.niki-related-card{
		min-width:84vw;
		max-width:84vw;
		flex-basis:84vw
	}
}
