.hp-bf-old-price {
	display: inline-block;
	text-decoration: line-through;
	font-size: 0.75em;
	opacity: 0.65;
	margin-right: 0.5em;
}
.hp-bf-new-price {
	display: inline-block;
}
.hp-bf-info {
	border: 0;
	background: none;
	color: inherit;
	padding: 0;
	cursor: pointer;
}
.hp-bf-gift {
	/* margin-bottom: 16px; */
}

.hp-bf-gift__link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.block71[data-hp-bf-banner] .block71-bg {
	background-color: #222;
}
/* Base: everything in the hero text column defaults to white against the
   dark campaign background. Elements with their own explicit color rule
   (accent text via --accent-color, buttons via --btn-color/--btn-bg) win
   over this through normal inheritance, no exception list needed. */
.block71[data-hp-bf-banner] .block71-content-wrapper {
	color: #f8f8f8;
}
/* Title/subtitle/offers set their OWN color from a per-instance CSS var
   (--title-color etc., from the admin field) -- redefine those vars
   themselves (with !important, since the admin value is set inline and
   wins over a plain override) so every descendant reading them (e.g.
   .block71-offers > li and > li > a, which each set their own
   color:var(--offers-color) rather than inheriting it) also turns white,
   while .block71-accent-text and .block71-actions (their own
   --accent-color / --btn-color) are left alone. */
.block71[data-hp-bf-banner] .block71-title {
	color: #f8f8f8 !important;
	--title-color: #f8f8f8 !important;
}
.block71[data-hp-bf-banner] .block71-subtitle {
	color: #f8f8f8 !important;
	--subtitle-color: #f8f8f8 !important;
}
.block71[data-hp-bf-banner] .block71-offers {
	color: #f8f8f8 !important;
	--offers-color: #f8f8f8 !important;
}
.hp-bf-links__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 50px 0 0;
	padding: 0;
}
.hp-bf-links__list a {
	color: #f8f8f8;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.hp-bf-links__list a:hover {
	opacity: 0.8;
}
.hp-bf-links__list > li:not(:last-child)::after {
	content: "•";
	display: inline-block;
	margin: 0 0.6rem;
	color: var(--accent-color, #cbfb45);
	line-height: 1;
}
.block58a-main__price {
	display: flex;
	flex-direction: column;
}
.block58a__discount {
	margin: 0;
	color: #888;
	font-weight: 300;
	font-size: 14px;
	text-decoration: line-through;
}
.block58a__discount .price,
.block58a__discount .price-uah {
	font-weight: 300;
	font-size: 14px;
}
.block58a__default {
	margin: 0;
	color: #ee7200;
	font-size: 16px;
	font-weight: 600;
}
.block58a__default .price,
.block58a__default .price-uah {
	color: #ee7200;
}
.block89__discount {
	margin: 0 0 2px;
	color: #888;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	text-decoration: line-through;
}
.block89__discount .price,
.block89__discount .price-uah {
	color: #888;
	font-weight: 300;
	font-size: 16px;
}
.block89-price-item:has(.block89__discount) .block89__default,
.block89-price-item:has(.block89__discount) .block89__default .price,
.block89-price-item:has(.block89__discount) .block89__default .price-uah,
.block89-price-item:has(.block89__discount) .block89__default .hp_decimal,
.block89-price-item:has(.block89__discount) .block89__default .hp_suffix {
	color: #ee7200;
}
@media (max-width: 767px) {
	.block71[data-hp-bf-banner] .block71-bg {
		background-image: none !important;
	}
}