/* SECTION HEADER MIMIC */
.CoveoSearchInterface .coveo-results-header {
	padding: 20px 0;
	margin: 0 var(--container-column-spacing);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	container-type: inline-size;
}

.CoveoLogo {
	display: none !important;
}

/* SINGLE COLUMN */
div.coveo-sort-section {
	margin-left: calc(var(--hero-line-length) + var(--default-column-gap));
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	flex-shrink: 1;
	max-width: var(--default-column-width);
}

.CoveoSort {
	display: flex;
	font-size: var(--p);
	font-family: var(--TradeGothicCn);
}

.CoveoResultsPerPage {
	display: none;
}

.coveo-sort-section .coveo-selected {
	padding-bottom: 3px;
	box-shadow: var(--hover-underline-width) var(--maroon);
}

	.coveo-sort-section .coveo-selected:hover {
		color: var(--maroon);
	}

.coveo-swiss-container .coveo-facet-column,
.coveo-tab-section.coveo-placeholder-fix {
	display: none !important;
}

	.coveo-tab-section.coveo-placeholder-fix + .coveo-results-header {
		display: none;
	}

.CoveoSearchButton {
	box-shadow: 0 0 0 0 !important;
}

.coveo-facet-value {
	font-size: var(--tiny);
}

/* Recommendation Styles */
.CoveoSearchInterface {
	background: var(--component-background-color) !important;
	border: none !important;
	font-family: var(--TradeGothicLight) !important;
	min-width: auto !important;
}

	.CoveoSearchInterface .coveo-recommendation-header {
		display: flex;
		background: none !important;
		margin: 0 var(--container-column-spacing);
		padding: 0;
	}

		.CoveoSearchInterface .coveo-recommendation-header .coveo-recommendation-title {
			display: inline-block;
			font-family: var(--TradeGothicBoldCn);
			font-weight: inherit;
			line-height: var(--line-height-cn);
			letter-spacing: 0rem;
			font-size: var(--h2);
			margin-bottom: 20px;
			padding: 0;
			width: var(--default-column-width);
			color: var(--font-color);
		}

		.CoveoSearchInterface .coveo-recommendation-header:before {
			display: block;
			width: var(--hero-line-length);
			height: 3px;
			margin-right: var(--default-column-gap);
			background-color: var(--main-highlight-color);
			margin-top: 8px;
			content: "";
		}

.coveo-recommendation-body .CoveoResultList .CoveoResult {
	padding: 0 !important;
}

@media screen and (max-width: 1024px) {
	/* .CoveoSearchInterface .coveo-recommendation-header {
		margin: 0 20px;
		width: calc(100% - 40px);
		position: relative;
	} */
}

@media screen and (max-width: 768px) {
	.CoveoSearchInterface .coveo-recommendation-header:before {
		content: "";
		position: absolute;
		width: 22%;
		bottom: 0;
		left: 0;
		height: 0;
		border-bottom: 3px solid var(--main-highlight-color);
	}
}

/* Basic Swiss Recommendations */
.CoveoRecommendation .coveo-card-layout-container {
	box-sizing: content-box;
	display: grid;
	column-gap: var(--default-column-gap);
	row-gap: var(--swiss-row-spacing);
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 0 var(--container-column-spacing);
	grid-template-columns: repeat(3, 1fr);
}

.coveo-card-layout-padding {
	display: none;
}


.CoveoRecommendation .coveo-result-list-container {
	--h2: clamp(21px, calc(18px + .3vw), 28px);
	--p: clamp(16px, calc(12px + .4vw), 32px);
	--tiny: clamp(14px, calc(12px + .2vw), 28px);
	--line-height-p: var(--line-height-c);
}

.CoveoRecommendation article {
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
}

	.CoveoRecommendation article div.copy {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.CoveoRecommendation h2 {
	margin-bottom: 10px;
}

	.CoveoRecommendation h2 a,
	.CoveoRecommendation a.swiss-img {
		box-shadow: 0 0 0 0;
		overflow: hidden;
	}

.CoveoRecommendation article.hover h2 a,
.CoveoRecommendation article h2 a:hover {
	box-shadow: var(--hover-underline-width);
	color: var(--main-highlight-color)
}

.CoveoRecommendation article img {
	display: block;
	width: 100%;
	height: auto;
}
