/* BBQWorld Black Friday treatment.
   Loaded only when bqSeasonalThemeActive is True in current-promotion.asp. */

:root {
	--bq-bf-black: #0d0d0d;
	--bq-bf-charcoal: #1a1a1a;
	--bq-bf-gold: #e8bf59;
	--bq-bf-gold-light: #f3d88e;
	--bq-bf-cream: #fbf7ec;
}

.bq-promo-bar,
.promo-bar {
	background: linear-gradient(115deg, #050505, #24201a 55%, #050505);
	border-top: 1px solid #4a3a17;
	border-bottom: 1px solid #806522;
}

.bq-promo-main strong,
.promo-bar-main b {
	color: #ffd200;
}

.bq-promo-terms,
.promo-bar-terms {
	color: #f6e8c1 !important;
}

.bq-navigation {
	border-top-color: #50401c;
	border-bottom: 1px solid #4f3f1c;
	background: #151515;
}

.product-promo,
.bbq-m-product-promo {
	border: 1px solid #4f4023;
	border-left: 4px solid #ffd200;
	background: linear-gradient(135deg, #111, #25211a);
	color: #f5f5f5;
}

.product-promo > strong,
.bbq-m-product-promo > strong,
.product-promo-price b,
.bbq-m-product-promo-price b {
	color: #ffd200;
}

.product-promo-price,
.product-promo-code,
.bbq-m-product-promo-price,
.bbq-m-product-promo-code {
	color: #f0f0f0;
}

.product-promo-code b,
.bbq-m-product-promo-code b {
	background: #ffd200;
	color: #111;
}

.product-promo-terms,
.bbq-m-product-promo-terms {
	color: #d8c89f;
}

.product-promo-terms:hover,
.bbq-m-product-promo-terms:hover,
.bbq-m-product-promo-terms:focus-visible {
	color: #fff;
}

.misc-section-important,
.bbq-m-info-section--important {
	border-color: #6b5624;
	border-left-color: var(--bq-bf-gold);
	background: var(--bq-bf-cream);
}

.misc-promotion-code,
.bbq-m-promotion-code {
	border-color: #a78635;
}

.misc-promotion-copy,
.bbq-m-promotion-copy {
	background: var(--bq-bf-black);
}

.misc-promotion-copy:hover,
.misc-promotion-copy:focus-visible,
.bbq-m-promotion-copy:hover,
.bbq-m-promotion-copy:focus {
	background: #755916;
}

.bq-seasonal-home-hero {
	display: grid;
	min-height: 420px;
	box-sizing: border-box;
	place-items: center;
	padding: 52px;
	border: 1px solid #4f4023;
	background:
		radial-gradient(circle at 15% 15%, rgba(232, 191, 89, .18), transparent 32%),
		radial-gradient(circle at 88% 82%, rgba(232, 191, 89, .13), transparent 31%),
		linear-gradient(135deg, #050505, #211d16 55%, #090909);
	color: #fff;
	text-align: center;
}

.bq-seasonal-home-copy {
	max-width: 760px;
}

.bq-seasonal-home-copy small {
	display: block;
	margin-bottom: 14px;
	color: #ffd200;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.bq-seasonal-home-copy h1 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 54px;
	line-height: 1.05;
	text-transform: uppercase;
}

.bq-seasonal-home-copy p {
	margin: 0 auto 24px;
	color: #eee8db;
	font-size: 19px;
	line-height: 1.55;
}

.bq-seasonal-home-code {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 25px;
	padding: 9px 14px;
	border: 1px dashed #ffd200;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.bq-seasonal-home-code strong {
	color: #ffd200;
	font-size: 20px;
	letter-spacing: .12em;
}

.bq-seasonal-home-button {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	padding: 11px 24px;
	background: #ffd200;
	color: #111 !important;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.bq-seasonal-home-button:hover,
.bq-seasonal-home-button:focus-visible {
	background: #ffe15a;
}

.category-page-black-friday .category-intro-copy,
.bbq-m-offer-page-black-friday .bbq-m-category-intro-copy {
	background:
		radial-gradient(circle at 90% 15%, rgba(232, 191, 89, .15), transparent 32%),
		linear-gradient(135deg, #090909, #242018);
	color: #fff;
}

.category-page-black-friday .category-intro-copy h1,
.category-page-black-friday .category-intro-copy p {
	color: #fff;
}

.category-page-black-friday .category-kicker,
.bbq-m-offer-page-black-friday .bbq-m-category-kicker {
	color: #ffd200;
}

.bbq-m-offer-page-black-friday .bbq-m-category-heading > span {
	color: #d71920;
}

.category-page-black-friday .category-product-button,
.bbq-m-offer-page-black-friday .bbq-m-category-product-copy form button {
	background: var(--bq-bf-black);
	color: #fff !important;
}

.bbq-m-offer-page-black-friday .bbq-m-category-button,
.bbq-m-offer-page-black-friday .bbq-m-offer-switcher a.is-selected {
	background: #ffd200;
	color: #111 !important;
}

.bbq-m-offer-page-black-friday .bbq-m-offer-switcher a.is-selected strong,
.bbq-m-offer-page-black-friday .bbq-m-offer-switcher a.is-selected span {
	color: #111 !important;
}

.category-page-black-friday .category-product-button:hover,
.bbq-m-offer-page-black-friday .bbq-m-category-product-copy form button:hover {
	background: #403312;
}

.bbq-m-offer-page-black-friday .bbq-m-category-button:hover,
.bbq-m-offer-page-black-friday .bbq-m-category-button:focus-visible,
.bbq-m-offer-page-black-friday .bbq-m-offer-switcher a.is-selected:hover,
.bbq-m-offer-page-black-friday .bbq-m-offer-switcher a.is-selected:focus-visible {
	background: #ffe15a;
	color: #111 !important;
}

.category-product-badge.is-black-friday,
.bbq-m-category-product-badge.is-black-friday {
	background: #111;
	color: #ffd200;
}

.category-product-badge.is-black-friday {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	padding: 8px 11px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.category-product-price-label,
.bbq-m-category-product-price-label {
	display: block;
	margin-bottom: 3px;
	color: #745815;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.bbq-m-category-product-price-label {
	width: 100%;
}

.category-product-voucher-saving,
.bbq-m-category-product-voucher-saving {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5px 10px;
	margin: 10px 0 14px;
	padding: 9px 11px;
	border-left: 3px solid #ffd200;
	background: var(--bq-bf-cream);
	color: #5d4a1c;
	font-size: 11px;
}

.category-product-voucher-saving strong,
.bbq-m-category-product-voucher-saving strong {
	color: #111;
}

.bbq-m-offer-page-black-friday .bbq-m-offer-mark {
	background: linear-gradient(145deg, #080808, #2c2517);
	color: #ffd200;
}

.bbq-m-offer-page-black-friday .bbq-m-offer-intro-note {
	border-left-color: #ffd200;
}

/* Full-width desktop Black Friday landing page */

.black-friday-page-hero {
	min-height: 440px;
	background:
		radial-gradient(circle at 76% 20%, rgba(255, 210, 0, .21), transparent 18%),
		radial-gradient(circle at 91% 78%, rgba(255, 210, 0, .12), transparent 20%),
		linear-gradient(120deg, #050505 0%, #14120c 58%, #211b09 100%);
}

.black-friday-page-hero::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image:
		radial-gradient(circle, rgba(255,210,0,.75) 0 1px, transparent 2px),
		radial-gradient(circle, rgba(255,255,255,.32) 0 1px, transparent 2px);
	background-position: 0 0, 34px 27px;
	background-size: 68px 68px, 83px 83px;
	content: "";
	opacity: .22;
}

.black-friday-page-hero .brand-page-hero-inner {
	min-height: 440px;
}

.black-friday-page-hero .brand-page-hero-content {
	position: relative;
	z-index: 3;
	max-width: 590px;
}

.black-friday-page-hero-mark {
	display: inline-flex;
	flex-direction: column;
	margin-bottom: 22px;
	padding: 9px 13px 10px;
	border: 2px solid #ffffff;
	color: #ffffff;
	line-height: 1;
}

.black-friday-page-hero-mark small {
	margin-bottom: 5px;
	color: #ffd200;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.black-friday-page-hero-mark strong {
	font-size: 19px;
	letter-spacing: .05em;
}

.black-friday-page-hero .brand-page-kicker {
	color: #ffd200;
}

.black-friday-page-hero .brand-page-hero-button {
	background: #ffd200;
	color: #111111;
}

.black-friday-page-hero .brand-page-hero-button:hover,
.black-friday-page-hero .brand-page-hero-button:focus-visible {
	background: #ffe15a;
	color: #111111;
}

.black-friday-page-code {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: -4px 12px 0 0;
	padding: 10px 14px;
	border: 1px dashed #ffd200;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.black-friday-page-code strong {
	color: #ffd200;
	font-size: 18px;
	letter-spacing: .12em;
}

.black-friday-page-hero-art {
	position: absolute;
	top: 50%;
	right: max(4vw, 65px);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateY(-50%);
	font-size: clamp(72px, 7.5vw, 138px);
	font-weight: 800;
	line-height: .78;
	letter-spacing: -.055em;
	text-align: center;
	-webkit-text-stroke: 1px rgba(255, 210, 0, .44);
	color: transparent;
	opacity: .62;
}

.black-friday-page-mark {
	display: flex;
	width: 126px;
	height: 126px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #111111;
	border: 3px solid #ffd200;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
}

.black-friday-page-mark small {
	margin-bottom: 6px;
	color: #ffd200;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.black-friday-page-mark strong {
	font-size: 19px;
	line-height: 1.05;
}

.black-friday-products-section {
	scroll-margin-top: 145px;
}

.black-friday-products-section .range-toolbar {
	background: #ffffff;
}

.black-friday-advice-section {
	padding-bottom: 48px;
}

.black-friday-reviews-section {
	padding: 40px 0 55px;
	border-top: 1px solid #eeeeee;
}

@media screen and (max-width: 1300px) {
	.black-friday-page-hero-art {
		right: 35px;
		font-size: 82px;
	}
}

@media (min-width: 620px) {
	.bbq-m-offer-switcher {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.bbq-seasonal-black-friday .sticky_header {
	border-bottom-color: #856a2a;
}

.bbq-seasonal-black-friday .home-feature.home-feature-seasonal {
	border-color: #5e4a20;
	background: #111;
}

.bbq-seasonal-black-friday .home-feature-seasonal .home-feature-copy {
	padding: 29px 22px;
	background:
		radial-gradient(circle at 92% 12%, rgba(232, 191, 89, .16), transparent 36%),
		linear-gradient(135deg, #080808, #242018);
	color: #fff;
}

.bbq-seasonal-black-friday .home-feature-seasonal .home-kicker {
	color: #ffd200;
}

.bbq-seasonal-black-friday .home-feature-seasonal h1,
.bbq-seasonal-black-friday .home-feature-seasonal p {
	color: #fff;
}

.bbq-seasonal-black-friday .home-feature-seasonal .home-button {
	background: #ffd200;
	color: #111;
}

.bbq-seasonal-black-friday .home-feature-seasonal .bq-seasonal-home-code {
	border-color: #ffd200;
}

.bbq-seasonal-black-friday .home-feature-seasonal .bq-seasonal-home-code strong {
	color: #ffd200;
}

.bbq-seasonal-black-friday .home-feature-seasonal .home-button:hover,
.bbq-seasonal-black-friday .home-feature-seasonal .home-button:focus-visible {
	background: #ffe15a;
	color: #111;
}

@media (max-width: 700px) {
	.bq-seasonal-home-hero {
		min-height: 330px;
		padding: 34px 20px;
	}

	.bq-seasonal-home-copy h1 {
		font-size: 36px;
	}

	.bq-seasonal-home-copy p {
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.bq-seasonal-home-button,
	.category-page-black-friday .category-product-button,
	.bbq-m-offer-page-black-friday .bbq-m-category-product-copy form button {
		transition: background .15s ease, color .15s ease;
	}
}
