/* 
Sticky header update 03/2023 
/content/dam/common/css/productpg_sticky_header.css
*/

.product-page .parsys.hero_area {
	height: auto !important;
	background: #eceeef !important;
}

#product-intro:after,
#product-intro .text.parbase.section:after {
	content: "";
	display: table;
	clear: both;
}

.parsys.hero_area #product-intro {
    padding-top: 0 !important;
	margin-bottom: 64px;
}

.parsys.hero_area.product-header-stuck #product-intro {
	margin-bottom: 56px;
}

#product-intro .text.parbase.section {
	margin: 0;
}

#product-intro .product-name-logo {
	height: auto !important;
	margin: 0;
	padding: 18px 0;
	line-height: 0;
	letter-spacing: 0;
}

#product-intro .product-name-logo img {
	max-width: 550px;
	height: auto;
}

#product-intro .product-tag {
	width: 50%;
	font-family: 'Graphik Regular', Helvetica, Arial, sans-serif;
	color: #333F48;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.25px;
}

.product-page .product-header-stuck #product-intro,
.product-page .product-header-stuck #product-intro .product-name-logo {
	padding: 0 !important;
}

.product-page .parsys.hero_area.product-header-stuck img {
	width: 300px;
	margin-top: 0 !important;
}

ul#pill-nav li a {
    line-height: 200% !important;
}

@media handheld and (min-width: 1300px),
screen and (min-device-width: 1300px),
screen and (min-width: 1300px) {
	#product-intro .product-tag {
		width: 60%;
	}
}

@media handheld and (max-width: 480px),
screen and (max-device-width: 480px),
screen and (max-width: 600px) {
	.parsys.hero_area #product-intro {
		margin-bottom: 18px;
	}
	#product-intro .product-name-logo img {
		max-width: 100%;
	}
	#product-intro .product-tag {
		width: 100%;
	}
	.parsys.hero_area.product-header-stuck #product-intro {
		padding: 10px 15px 0 15px !important;
		/* NEW */ margin-bottom: 24px;
	}
}