/* 
Sticky header update 02/2024 
/content/dam/common/css/productpg_sticky_header_v2.css
*/

.product-page .parsys.hero_area {
	height: auto !important;
	margin: 0 0 4rem 0;
	padding: 0;
	background: #eceeef !important;
}

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

.parsys.hero_area #product-intro {
	padding: 0 !important;
	max-width: 960px;
}

@media screen and (min-width: 1400px) {
	.parsys.hero_area #product-intro {
		max-width: 1180px;
	}
}

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

#product-intro .product-name-logo {
	height: auto !important;
	margin: 0;
	padding: 2rem 10px;
	line-height: 0;
}

#product-intro .product-name-logo img {
	max-width: 480px;
	height: auto;
	padding: 0;
	border: none;
	background: transparent;
	border-radius: 0px;
}

.product-page .hero_area .pills.section {
	position: static !important;
}

/* Stuck header */

.product-page .parsys.hero_area.product-header-stuck {
	box-shadow: none !important;
	border-bottom: 1px solid #D9D9D6;
	padding-top: 0px !important;
	height: auto;
}

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

.product-page .parsys.hero_area.product-header-stuck img {
	width: auto !important;
	max-width: 320px !important;
}

.product-page .parsys.hero_area.product-header-stuck .product-name-logo {
	padding: 1rem 0px !important;
}

@media screen and (max-width: 800px) {
	.parsys.hero_area #product-intro {
		padding: 0 10px !important;
	}
	#product-intro .product-name-logo img {
		width: 100% !important;
	}
	.parsys.hero_area.product-header-stuck #product-intro {
		display: none;
	}
}