/* Shows & Videos Slider */
.hss-wrapper {
	--hss-peek: 100px;
	--hss-gap: 20px;
	--hss-col-gap: 40px;
	--hss-row-gap: 20px;
	--hss-left-min: 380px;
	display: grid;
	grid-template-columns: minmax(var(--hss-left-min), 32%) 1fr;
	column-gap: var(--hss-col-gap);
	row-gap: var(--hss-row-gap);
	width: 100%;
}

/* Left column: eyebrow at top, title + categories at the bottom */
.hss-content {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	flex: initial !important;
	max-width: none !important;
	width: auto !important;
}

.hss-right {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}

.hss-nav {
	grid-column: 2;
	grid-row: 2;
}

.hss-titles {
	position: relative;
	min-height: 120px;
}

.hss-title-block {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.45s ease, transform 0.45s ease;
	pointer-events: none;
}

.hss-title-block.is-active {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.hss-title {
	margin: 0 0 10px;
	font-family: "Caveat", Sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
}

.hss-cats {
	font-size: 12px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}


.hss-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-weight: 500;
}

.hss-eyebrow .hss-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	display: inline-block;
}

.hss-slider {
	position: relative;
	overflow: hidden;
}

.hss-swiper {
	overflow: visible;
}

.hss-slide-img {
	height: 460px;
	overflow: hidden;
	border-radius: 4px;
}

.hss-slide-img a,
.hss-slide-img .hss-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hss-nav {
	display: flex;
	gap: 24px;
	justify-self: end;
	margin-right: calc(var(--hss-peek) + var(--hss-gap));
}

.hss-nav .elementor-swiper-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: transparent;
	border: 0;
	padding: 8px;
	line-height: 0;
	opacity: 1;
	transition: opacity 0.2s ease;
}

.hss-nav .elementor-swiper-button:hover { opacity: 0.6; }
.hss-nav .elementor-swiper-button.swiper-button-disabled { opacity: 0.3; cursor: default; }

@media (max-width: 1024px) {
	.hss-wrapper {
		grid-template-columns: 1fr !important;
		row-gap: 24px;
	}
	.hss-content { grid-column: 1; grid-row: 2; }
	.hss-right   { grid-column: 1; grid-row: 1; }
	.hss-nav     { grid-column: 1; grid-row: 3; justify-self: end; }
	.hss-titles { min-height: 80px; }
}