/* Overrides the legacy theme's generic header rules inside the campaign. */
section.pf-bf .pf-bf__head {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.pf-bf-hero-banner {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 4px 0 18px;
	padding: 10px 13px;
	border: 1px solid #fff;
	border-left: 5px solid #e31b23;
	background: rgba(8, 8, 9, .82);
	box-shadow: 4px 4px 0 #090909;
	color: #fff;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-decoration: none;
}
.pf-bf-hero-banner span { color: #f3cf78; }
.pf-bf-hero-banner strong { color: #fff !important; font-size: 12px; }
.pf-bf-hero-banner:hover, .pf-bf-hero-banner:focus { border-color: #e31b23; background: #e31b23; color: #fff; text-decoration: none; }
.pf-bf-hero-banner:hover span, .pf-bf-hero-banner:focus span { color: #fff; }
.pf-home--black-friday .pf-home-hero .pf-eyebrow { display: inline-block; padding: 5px 8px 4px; line-height: 1.2; }
@media (max-width: 767px) { .pf-bf-hero-banner { gap: 7px; margin-bottom: 15px; padding: 9px 10px; font-size: 11px; } .pf-bf-hero-banner strong { font-size: 10px; } }

/* Two-by-two cards at tablet widths; the compact rows begin only on phones. */
@media (min-width: 768px) and (max-width: 1199px) {
	.pf-bf-card:not(.pf-bf-card--feature) { flex-direction: column; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__image { flex-basis: 178px; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__content { min-height: 206px; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__badges { top: -161px; }
}

/* Desktop bento cards: keep image, price and cart action in separate rows. */
@media (min-width: 1200px) {
	.pf-bf-card:not(.pf-bf-card--feature) { flex-direction: column; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__image {
		flex-basis: 176px;
		width: 100%;
	}
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__content {
		min-height: 224px;
	}
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__badges { top: -159px; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__purchase {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-card__actions { display: block; }
	.pf-bf-card:not(.pf-bf-card--feature) .pf-bf-add { width: 100%; }
}