.wp-block-hero-product {
	margin-bottom: 4em;
	overflow: hidden;
}
.wp-block-hero-product .container {
	display: flex;
	gap: 3em;
}
.wp-block-hero-product .container > div:first-child,
.wp-block-hero-product .container > div:last-child {
	flex: 1;
}
.wp-block-hero-product .container > div:first-child {
	padding-top: 2em;
	position: relative;
	z-index: 1;
}
.wp-block-hero-product .trail-items {
	color: var(--text-color);
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.wp-block-hero-product .container > div:last-child .trail-items {
	display: none;
}
.wp-block-hero-product .trail-items .trail-item::after {
	content: "\e90a";

	font-family: 'kuchenmeister' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: var(--text-color);
	font-size: 0.75em;
	margin: 0 0.25em;
}
.wp-block-hero-product .trail-items .trail-item.trail-end::after {
	display: none;
}
.wp-block-hero-product .trail-item a {
	color:var(--text-color);
	font-weight: bold;
	text-decoration: none;
}
.wp-block-hero-product .swiffy-slider img {
	object-fit: contain;
}
.wp-block-hero-product .slider-indicators {
	margin-top: 0.5em;
	margin-bottom: 0;
	display: flex !important;
	gap: 0.5em;
	position: static;
}
.wp-block-hero-product .slider-indicators > * {
	background-color: #00000029;
	border: none;
	border-radius: 4px;
	opacity: 1;
}
.wp-block-hero-product .slider-indicators > .active {
	background-color: #001F59;
}
.wp-block-hero-product .slider-nav {
	color: #001F59;
	filter: none;
	font-size: 1.5em;
	opacity: 1;
	padding: 0;
	left: -0.75em;
	visibility: visible;
}
.wp-block-hero-product .slider-nav.slider-nav-next {
	right: -0.75em;
}
.wp-block-hero-product .slider-nav::before,
.wp-block-hero-product .slider-nav::after {
	display: none;
}
.wp-block-hero-product .wp-block-hero-product__content1 {
	padding-top: 6em;
	padding-bottom: 1em;
	position: relative;
}
.wp-block-hero-product .wp-block-hero-product__content1 > * {
	position: relative;
}
.wp-block-hero-product .wp-block-hero-product__content1 img {
	max-width: 10em;
}
.wp-block-hero-product .wp-block-hero-product__background {
	background-color: var(--background-color);
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	left: -100vw;
	width: 200vw;
}
.wp-block-hero-product .wp-block-hero-product__content1 h1,
.wp-block-hero-product .wp-block-hero-product__content1 h2,
.wp-block-hero-product .wp-block-hero-product__content1 h3,
.wp-block-hero-product .wp-block-hero-product__content1 h4,
.wp-block-hero-product .wp-block-hero-product__content1 h5 {
	margin: 0;
	color: var(--text-color);
	font-family: 'Carlito';
}

@media (max-width: 768px) {
	.wp-block-hero-product .container {
		flex-direction: column-reverse;
	}
	.wp-block-hero-product .container > div:first-child .trail-items {
		display: none;
	}
	.wp-block-hero-product .container > div:last-child .trail-items {
		display: flex;
	}
	.wp-block-hero-product .trail-items {
		margin-top: 1em;
	}
	.wp-block-hero-product .trail-items,
	.wp-block-hero-product .trail-items .trail-item::after,
	.wp-block-hero-product .trail-items a {
		color: inherit;
	}
}

/* Animation */
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__background {
	height: 0;
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__content1 h1,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__content2 {
	opacity: 0;
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .swiffy-slider {
	transform: scale(0);
}