.woocommerce span.onsale {
	background-color: #f8b800;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 1em;
	border-radius: 100%;
	position: absolute;
	left: unset !important;
	right: -1em !important;
	top: -1em !important;
	z-index: 0;
	transform: rotate(25deg);
	max-width: 7em;
	max-height: 7em;
}

.badges-title-new {
	background-color: #e84c3d;
	background-color: oklch(63.7% 0.237 25.331);
	padding: 5px 10px;
	border-radius: 7px;
	color: white;
	font-style: italic;
	font-weight: bold;
	font-size: small;
}

.badges-float-thumbnail {
	position: absolute;
	top: 1rem;
	left: 0;
}

.single-product div.product div.images.woocommerce-product-gallery {
	float: none;
	z-index: 0;
	width: 100%;
	margin: 0;
}

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	border-radius: 0.375rem;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem !important;
}

.single-product div.product div.images .flex-control-thumbs li {
	float: none;
	width: calc((100% - 2rem) / 3);
	margin: 0;
}

#pre_header ul.sub-menu {
	padding-top: 10px;
	margin-left: -1rem;
}

.wave span {
	display: inline-block;
	background-clip: text;
	animation: wave 1s linear infinite;
}

.wave span:nth-child(2) {
	animation-delay: 0.1s;
}

.wave span:nth-child(3) {
	animation-delay: 0.2s;
}

.wave span:nth-child(4) {
	animation-delay: 0.3s;
}

.wave span:nth-child(5) {
	animation-delay: 0.4s;
}

@keyframes wave {
	0%,
	60%,
	100% {
		transform: initial;
	}

	30% {
		transform: translateY(-5px);
	}
}

.card-cta {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-cta:hover,
.card-cta:focus-visible {
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.card-cta:hover .card-cta__icon {
	transform: scale(1.08);
}

.card-cta__icon {
	transition: transform 0.2s ease;
}

.card-cta__label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	font-weight: 600;
	color: #f8b800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.card-cta__arrow {
	transition: transform 0.2s ease;
}

.card-cta:hover .card-cta__arrow {
	transform: translateX(4px);
}

.topic-tile {
	transition: transform 0.15s ease;
}

.topic-tile:hover,
.topic-tile:focus-visible {
	transform: translateY(-3px);
}

.topic-tile__icon-wrap {
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
	border-radius: 8px;
}

.topic-tile:hover .topic-tile__icon-wrap,
.topic-tile:focus-visible .topic-tile__icon-wrap {
	background-color: #e9e9e9;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.topic-tile__label {
	transition: color 0.15s ease;
}

.topic-tile:hover .topic-tile__label,
.topic-tile:focus-visible .topic-tile__label {
	color: #f8b800;
}

@media (max-width: 1270px) {
	#navigation ul.menu {
		text-align: start;
		align-items: start;
		padding-left: 3em;
	}

	#navigation div.sub-menu li {
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	#navigation div.sub-menu li::before {
		background-color: #fcb900;
		width: 10px;
		height: 2px;
		content: "";
		margin-right: 2em;
	}
}