.thumbnail.is-offer-j7 .caption.product-title:before {
	content: 'Black Friday Deal';
	font-size: .8rem;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	background: linear-gradient(
		120deg,
		#ffe443 0%,
		#ffe443 9%,
		#333 9%,
		#333 91%,
		#ffe443 91%,
		#ffe443 100%
	);
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 4px 6px;
	margin: -4px -4px 4px
}
.is-offer-j7 .h1_sub:after {
	content: 'BLACK FRIDAY DEAL';
	display: table;
	margin: 12px 0 16px;
	padding: 8px 30px;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 6px;

	background: linear-gradient(
		120deg,
		#ffe443 0 8%,
		#333 8% 92%,
		#ffe443 92% 100%
	);
}
html[lang^="nl"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="nl"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="pt"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="pt"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="fr"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="fr"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="de"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="de"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="it"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="it"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="es"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="es"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }
html[lang^="en"] .thumbnail.is-offer-j7 .caption.product-title:before, html[lang^="en"] .is-offer-j7 .h1_sub:after { content: 'Black Friday Deal'; }

.blackfriday-banner {
	position: relative;
	overflow: hidden;
	padding: 35px 25px;
	border-radius: 6px;
	background: linear-gradient(120deg, #222 0%, #333 50%, #222 100%);
	color: #fff;
	text-align: center;
}

.blackfriday-banner::before,
.blackfriday-banner::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 250%;
	top: -75%;
	background: #ffe34c;
	transform: rotate(30deg);
	pointer-events: none;
}

.blackfriday-banner::before {
	left: -80px;
}

.blackfriday-banner::after {
	right: -80px;
}

.blackfriday-content {
	position: relative;
	z-index: 1;
}

.blackfriday-label {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 12px;
	background: #ffe34c;
	color: #222;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 1.5px;
	border-radius: 3px;
}

.blackfriday-banner h2 {
	margin: 0 0 12px;
	color: #fff;
	font-size: clamp(24px, 3vw, 38px);
	font-weight: 800;
	line-height: 1.2;
}

.blackfriday-banner p {
	margin: 0;
	color: #ddd;
	font-size: clamp(14px, 1.5vw, 18px);
	line-height: 1.6;
}

.blackfriday-banner strong {
	color: #ffe34c;
}

@media (max-width: 600px) {
	.blackfriday-banner {
		padding: 30px 20px;
	}

	.blackfriday-banner::before,
	.blackfriday-banner::after {
		width: 50px;
	}

	.blackfriday-banner::before {
		left: -45px;
	}

	.blackfriday-banner::after {
		right: -45px;
	}

	.blackfriday-banner p br {
		display: none;
	}
}

.blackfriday-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.blackfriday-link:hover {
	text-decoration: none;
}

.blackfriday-link:hover .blackfriday-banner {
	filter: brightness(1.1);
}

.blackfriday-banner {
	transition: filter 0.2s ease;
}

@media (max-width: 600px) {
	.blackfriday-banner::before,
	.blackfriday-banner::after {
		display: none;
	}

	.blackfriday-banner {
		background:
			linear-gradient(120deg,
				#ffe443 0 12%,
				transparent 12%
			) top left / 100px 100px no-repeat,

			linear-gradient(120deg,
				transparent 88%,
				#ffe443 88%
			) bottom right / 100px 100px no-repeat,

			linear-gradient(120deg, #222, #333, #222);
	}
}