.adps-slider {
	position: relative;
	width: 100%;
	height: 70vh;
	overflow: hidden;
	background: #000;
}

.adps-slides {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Her slayt: genişlik tam sığar (background-size:cover),
   başlangıçta görselin ALT kısmı görünür (background-position:bottom),
   aktif olduğunda 8 sn boyunca yavaşça yukarı doğru pan yaparak
   görselin ÜST kısmına doğru kayar. */
.adps-slide {
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	z-index: 0;
}

.adps-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	animation: adps-pan 8s linear forwards;
}

@keyframes adps-pan {
	from {
		background-position: center bottom;
	}
	to {
		background-position: center top;
	}
}

.adps-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	z-index: 2;
}

.adps-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background: #fff;
	opacity: 0.45;
	padding: 0;
	cursor: pointer;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.adps-dot:hover {
	opacity: 0.75;
}

.adps-dot.is-active {
	opacity: 1;
	transform: scale(1.2);
}

@media (max-width: 768px) {
	.adps-slider {
		height: 50vh;
	}
}