/* v2.6.1/2.6.3 — category banner background image (only loaded when a category has one). Same box as the no-image banner; cover, center right. */
.jc50 .jc8-hero.jc50-hero.jc61-has-bg{
	background-color:#EAF4FF;
	background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(234,244,255,.85) 38%,rgba(234,244,255,0) 65%),var(--jc61-bg);
	background-size:100% 100%,cover;
	background-position:0 0,center right;
	background-repeat:no-repeat;
}
@media (max-width:767px){
	.jc50 .jc8-hero.jc50-hero.jc61-has-bg{
		background-image:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(234,244,255,.82) 70%,rgba(234,244,255,.6) 100%),var(--jc61-bg);
		background-position:0 0,center right;
	}
}
/* v2.6.4 — /products/ overview banner with an image: same 300px box as the category banners. */
.jc50 .jc8-hero.jc50-hero--products.jc61-has-bg{min-height:300px}
.jc50 .jc50-hero--products.jc61-has-bg .jc50-hero__text{padding-top:36px;padding-bottom:36px}
@media (max-width:767px){
	.jc50 .jc8-hero.jc50-hero--products.jc61-has-bg{min-height:0}
	/* Phones already have the sticky Get a Quote bar; drop the hero button so the banner matches the category height. */
	.jc50 .jc50-hero--products.jc61-has-bg .jc50-hero__actions{display:none}
	.jc50 .jc50-hero--products.jc61-has-bg .jc50-hero__text{padding-top:24px;padding-bottom:23px}
}