header .wrapper > .logo {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-48%);
	width: 240px;
	min-height: 114px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	color: var(--text-color);
	border: 3px solid var(--dark);
	font-size: 18px;
	opacity: 1;
	z-index: 1;
	transition: opacity 0.2s linear;
	&::before {
		content: '';
		position: absolute;
		inset: 2px;
		border: 2px solid var(--dark);
	}
	span {
		display: flex;
		font-family: inherit;
		font-weight: inherit;
		font-size: 10px;
		line-height: 80%;
		color: var(--text-color);
	}
}
.accordion .item .content h3,
.accordion .item .content :is(p, li),
.top-promotions .box .left .item h3,
.top-promotions .box .left .item p,
.top-promotions .transparent-btn,
.top-promotions .box .left .item {
	color: #fff;
}
.top-promotions .transparent-btn {
	border-color: #fff !important;
}
@media screen and (hover: hover) {
	.top-promotions .transparent-btn:hover {
		border-color: var(--dark) !important;
		color: var(--hover) !important;
	}
}