.simpleslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.simpleslider:focus-visible { outline: 2px solid #2271b1; outline-offset: 2px; }
.simpleslider .ss-viewport { width: 100%; overflow: hidden; }
.simpleslider .ss-track { display: flex; height: 100%; transition: transform .5s ease; }
.simpleslider .ss-slide { flex: 0 0 100%; height: 100%; }
.simpleslider .ss-slide a { display: block; height: 100%; }
.simpleslider .ss-slide img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; }

.simpleslider button.ss-btn {
	position: absolute; top: 50%; transform: translateY(-50%);
	display: flex; align-items: center; justify-content: center;
	width: 60px; height: 60px; min-width: 0; min-height: 0; margin: 0; padding: 0;
	border: 0; border-radius: 0; box-shadow: none;
	background: rgba(60, 60, 60, .55); cursor: pointer; transition: background .2s;
}
.simpleslider button.ss-btn:hover,
.simpleslider button.ss-btn:focus-visible { background: rgba(30, 30, 30, .8); }
.simpleslider button.ss-prev { left: 0; }
.simpleslider button.ss-next { right: 0; }
.simpleslider button.ss-btn svg { width: 28px; height: 28px; fill: none; stroke: #fff; stroke-width: 2; }

@media (max-width: 600px) {
	.simpleslider button.ss-btn { width: 36px; height: 36px; }
	.simpleslider button.ss-btn svg { width: 20px; height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.simpleslider .ss-track { transition: none; }
}