/**
 * Square hero images: product photo on the right, soft fade into dark for copy.
 * Wide (≈2.22) slides keep the default full-bleed cover treatment.
 */

.tsak-main-slide.tsak-main-slide--square {
	background-image: none !important;
	background-color: #0a0a0a;
}

.tsak-main-slide--square > .tsak-main-slider-image {
	top: 0;
	left: auto;
	right: -8%;
	bottom: 0;
	z-index: 0;
	width: auto;
	height: 100%;
	max-width: 72%;
	aspect-ratio: 1 / 1;
}

.tsak-main-slide--square > .tsak-main-slider-image::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		#0a0a0a 0%,
		rgba(10, 10, 10, 0.75) 6%,
		rgba(10, 10, 10, 0.28) 18%,
		rgba(10, 10, 10, 0.06) 32%,
		transparent 48%
	);
}

.tsak-main-slide--square > .tsak-main-slider-image picture {
	display: block;
	width: 100%;
	height: 100%;
}

.tsak-main-slide--square > .tsak-main-slider-image img,
.tsak-main-slide--square > .tsak-main-slider-image picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}

/* Pre-Splide boot: keep square crop (override hero height:auto rule). */
#brxe-ejhgmb.splide:not(.is-initialized) .tsak-main-slide--square > .tsak-main-slider-image img,
#brxe-ejhgmb.splide:not(.is-initialized) .tsak-main-slide--square > .tsak-main-slider-image picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
}