/* Saiber Teams Timeline — yatay (soldan sağa) kayan timeline */
.saiber-tt{
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	padding:6px 0 18px;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x proximity;
	cursor:grab;
}
.saiber-tt.saiber-tt-grab{ cursor:grabbing; scroll-snap-type:none; }
.saiber-tt.saiber-tt-grab *{ user-select:none; }
.saiber-tt.saiber-tt-grab img{ pointer-events:none; }
.saiber-tt-track{
	display:flex;
	flex-wrap:nowrap;
	align-items:flex-start;
	min-width:min-content;
}
.saiber-tt-item{
	flex:0 0 264px;
	width:264px;
	box-sizing:border-box;
	scroll-snap-align:start;
}
.saiber-tt-photo{
	height:320px;
	margin:0 11px;
	background:#eef0f4;
	border-radius:6px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.saiber-tt-photo img{
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
	transition:transform .4s ease;
}
.saiber-tt-item:hover .saiber-tt-photo img{ transform:scale(1.04); }

/* eksen çizgisi + nokta (bitişik kartlarda sürekli çizgi) */
.saiber-tt-axis{
	position:relative;
	height:0;
	margin-top:28px;
	border-top:2px solid #e2e4ea;
}
.saiber-tt-dot{
	position:absolute;
	top:-9px;
	left:50%;
	transform:translateX(-50%);
	width:16px;height:16px;
	border-radius:50%;
	background:#fd6f31;
	border:3px solid #fff;
	box-shadow:0 0 0 2px #fd6f31;
}

/* metin */
.saiber-tt-body{
	padding:24px 14px 0;
	text-align:center;
}
.saiber-tt-date{
	display:inline-block;
	font-weight:700;
	font-size:14px;
	letter-spacing:.4px;
	color:#fd6f31;
	margin-bottom:7px;
}
.saiber-tt-name{
	margin:0 0 4px;
	font-size:20px;
	font-weight:800;
	line-height:1.25;
	color:var(--heading,#1b1c20);
}
.saiber-tt-name a{ color:inherit; text-decoration:none; }
.saiber-tt-name a:hover{ color:#fd6f31; }
.saiber-tt-subtitle{
	font-size:13px;
	font-weight:600;
	color:#8a8d93;
	margin-bottom:8px;
}
.saiber-tt-desc{
	margin:6px 0 0;
	font-size:14px;
	line-height:1.6;
	color:#6b6c70;
}

/* scrollbar */
.saiber-tt::-webkit-scrollbar{ height:8px; }
.saiber-tt::-webkit-scrollbar-track{ background:#f0f1f4; border-radius:8px; }
.saiber-tt::-webkit-scrollbar-thumb{ background:#cfd2da; border-radius:8px; }
.saiber-tt::-webkit-scrollbar-thumb:hover{ background:#fd6f31; }

/* mobil: kartları biraz daralt */
@media (max-width:767px){
	.saiber-tt-item{ flex-basis:250px; width:250px; }
	.saiber-tt-photo{ height:270px; }
}