.slider-wrapper {
    width:100%;
}

.slideshow img {
	width: 100%;
	min-height: 250px;
	aspect-ratio: 1 / 1.125;
	object-fit: cover;
}

.large-12 .slideshow img {
	aspect-ratio: 3.75 / 1;
}

.slideshow .slick-dots {
	bottom: -22px;
	justify-content: flex-end;
}

.slick-autoplay-toggle-button {
	left: 0.25rem;
	bottom: calc(-18px + -0.5rem);
	opacity: 1;
	padding: 0.25rem;
}

.slideshow .product-thumb-prev, .slideshow .product-thumb-next {
	background: rgb(0 0 0 / .3);
	color: #fff;
	top: inherit;
	bottom: 0;
}

	.slideshow .product-thumb-prev:hover,
	.slideshow .product-thumb-next:hover,
	[data-whatinput="keyboard"] .slideshow .product-thumb-prev:focus,
	[data-whatinput="keyboard"] .slideshow .product-thumb-next:focus {
		background: rgb(0 0 0 / .9);
	}

.slideshow .product-thumb-prev.left {
	left: .5rem;
}

.slideshow .product-thumb-next.right {
	right: .5rem;
}

.slideshow .slide-item {
	border-radius: var(--border-radius-lg);
	overflow: clip;
}

.captions {
	position: absolute;
	bottom: 4rem;
	width: calc(100% - 1rem);
	background: rgba(0,0,0,.35);
	color: #fefefe;
	padding: 1rem;
	display: inline-block;
	border-radius: var(--border-radius-md);
	border: 1px solid rgb(255 255 255 / .3);
	font-size: .825rem;
	text-shadow: 1px 1px 1px #000;
	backdrop-filter: blur(9px);
}

.captions .button {
	text-shadow: none;
}

.caption-left .captions {
	left: .5rem;
}

.caption-right .captions {
	right: .5rem;
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR MEDIUM SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 40em) {
	.captions {
		width: calc(80% - 1rem);
	}

	.slideshow img {
		aspect-ratio: 1.75 / 1;
	}
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 64em) {
	.captions {
		width: 50ch;
		max-width: 45%;
		bottom: 50%;
		transform: translateY(50%);
	}

	.large-12 .captions {
		width: 90ch;
	}

	.caption-left .captions {
		left: 1rem;
	}

	.caption-right .captions {
		right: 1rem;
	}
}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR X-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 75em) {

}


/*  ::::::::::::::::::::::::::::::::::::::::::::::::
	     CSS FOR XX-LARGE SCREENS AND HIGHER
::::::::::::::::::::::::::::::::::::::::::::::::::::  */

@media screen and (min-width: 90em) {

}