/* Unified open product-tile treatment for shop, category and product pages. */
html body.woocommerce.woocommerce-page ul.products.products > li.product.product {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	transform: none !important;
}

html body.woocommerce.woocommerce-page ul.products.products > li.product.product:hover {
	background: transparent !important;
	box-shadow: none !important;
	transform: none !important;
}

html body.woocommerce.woocommerce-page ul.products.products > li.product.product > a,
html body.woocommerce.woocommerce-page ul.products.products > li.product.product .entry-header,
html body.woocommerce.woocommerce-page ul.products.products > li.product.product .entry-content,
html body.woocommerce.woocommerce-page ul.products.products > li.product.product .entry-footer {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.woocommerce.woocommerce-page ul.products.products > li.product.product img {
	border: 0 !important;
	box-shadow: none !important;
}

/* The gated forestry wye photograph contains more white breathing room than
 * the neighbouring fittings. Enlarge only the photograph within its existing
 * catalogue frame so card height and row alignment remain unchanged. */
html body.woocommerce.term-valves-and-fittings ul.products.products > li.product.post-6309 .entry-header > a {
	overflow: hidden !important;
}

html body.woocommerce.term-valves-and-fittings ul.products.products > li.product.post-6309 .entry-header img {
	transform: scale(1.1) !important;
	transform-origin: center !important;
}

/* The Mini Brass Fire Nozzle photograph is framed much tighter than the
 * physically larger nozzles. Reduce only the product inside its catalogue
 * image area so its relative size reads honestly while the card stays aligned. */
html body.woocommerce ul.products.products > li.product.post-5217 .entry-header > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
	background: #fff !important;
}

html body.woocommerce ul.products.products > li.product.post-5217 .entry-header img {
	transform: scale(0.5) !important;
	transform-origin: center !important;
}

/* Let the three complete-system hero photographs use more of their desktop
 * gallery area without changing the supporting thumbnails or mobile layout. */
@media (min-width: 900px) {
	html body.single-product.postid-3432 #content .woocommerce-product-gallery,
	html body.single-product.postid-3442 #content .woocommerce-product-gallery {
		padding: 12px !important;
	}

	/* The Level 1 and Level 2 systems both have substantial supporting-image
	 * sets. Keep their desktop galleries identical and compact so the image
	 * column stays balanced with the purchase-details column. */
	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__wrapper {
		display: grid !important;
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin: 0 !important;
	}

	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image {
		box-sizing: border-box !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		float: none !important;
	}

	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image:first-child {
		grid-column: 1 / -1 !important;
		margin-bottom: 4px !important;
	}

	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image:not(:first-child) {
		aspect-ratio: 1 !important;
		overflow: hidden !important;
		background: #fff !important;
	}

	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image:not(:first-child) > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		background: #fff !important;
	}

	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image:not(:first-child) img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-height: none !important;
		object-fit: contain !important;
		background: #fff !important;
	}

	/* This source photograph is framed much more tightly than the other
	 * components, so give the brass hand nozzle a little breathing room. */
	html body.single-product:is(.postid-3432, .postid-3442) #content .woocommerce-product-gallery__image img[src*="Fire-Nozzle-GHT-Adjustable-1"] {
		transform: scale(0.78) !important;
		transform-origin: center !important;
	}

	html body.single-product.postid-5494 #content .woocommerce-product-gallery__image:first-child {
		overflow: hidden !important;
		background: #fff !important;
	}

	html body.single-product.postid-5494 #content .woocommerce-product-gallery__image:first-child img {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		transform: scale(1.035) !important;
		transform-origin: center !important;
	}
}

/* Give the three complete packages the same visual importance as the custom
 * planning option without enlarging every catalogue product or the mobile
 * cards. The old category stylesheet limited these images to 176px. */
@media (min-width: 621px) {
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-3432 .entry-header > a,
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-3442 .entry-header > a,
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-5494 .entry-header > a,
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-3432 .entry-header img,
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-3442 .entry-header img,
	html body.woocommerce.term-structure-protection-packages ul.products.products > li.product.post-5494 .entry-header img {
		height: 224px !important;
	}
}

html body.single-product .ww-kit-five-year-warranty {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.28rem 0.55rem;
	margin: 1.1rem 0 0 !important;
	padding: 0.9rem 0 0 !important;
	border: 0 !important;
	border-top: 2px solid #ff6a13 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #173b4a !important;
	font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
	line-height: 1.55 !important;
}

html body.single-product .ww-kit-five-year-warranty strong {
	font-size: 1.08em !important;
	font-weight: 800 !important;
}

html body.single-product .ww-kit-five-year-warranty a {
	color: #006e9f !important;
	font-weight: 750 !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 0.18em !important;
}

html body.single-product .ww-kit-five-year-warranty a:hover,
html body.single-product .ww-kit-five-year-warranty a:focus-visible {
	color: #d94f00 !important;
}

/* The legacy two-pack description used pale orange text inside dark cards.
 * Those cards are now intentionally open and borderless, so use the site's
 * high-contrast burnt orange wherever that former accent text remains. */
html body.single-product.postid-3486 #content .ww-two-pack__kicker,
html body.single-product.postid-3486 #content .ww-two-pack__fact strong,
html body.single-product.postid-3486 #content .ww-two-pack__callout strong,
html body.single-product.postid-3486 #content .ww-two-pack__report a {
	color: #a84614 !important;
	-webkit-text-fill-color: #a84614 !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__report a:hover,
html body.single-product.postid-3486 #content .ww-two-pack__report a:focus-visible {
	color: #7d2e0a !important;
	-webkit-text-fill-color: #7d2e0a !important;
}

html body.single-product.postid-3486 #content #product-3486 .ww-two-pack.ww-two-pack .ww-two-pack__report.ww-two-pack__report a {
	color: #a84614 !important;
	-webkit-text-fill-color: #a84614 !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__fact > span:not(.ww-two-pack__fact-actions) {
	display: block !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__fact-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 8px !important;
	margin-top: 14px !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__fact-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 8px 13px !important;
	border: 1px solid #0f3c4b !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #0f3c4b !important;
	-webkit-text-fill-color: #0f3c4b !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__fact-link--shop {
	background: #0f3c4b !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html body.single-product.postid-3486 #content .ww-two-pack__fact-link:hover,
html body.single-product.postid-3486 #content .ww-two-pack__fact-link:focus-visible {
	border-color: #a84614 !important;
	background: #a84614 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Keep the lead roof-coverage graphic informative without letting it dominate
 * the desktop description. Other instructional diagrams retain their size. */
@media (min-width: 900px) {
	html body.single-product.postid-3486 #content .ww-two-pack__hero > p > .ww-two-pack__image {
		display: block !important;
		width: min(100%, 620px) !important;
		height: auto !important;
		margin: 24px auto 0 !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__wrapper {
		display: grid !important;
		grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin: 0 !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image {
		box-sizing: border-box !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		float: none !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image:first-child {
		grid-column: 1 / -1 !important;
		margin-bottom: 3px !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image:not(:first-child) {
		aspect-ratio: 1 !important;
		overflow: hidden !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image:not(:first-child) a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		background: #fff !important;
	}

	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image:not(:first-child) img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-height: none !important;
		object-fit: contain !important;
		background: #fff !important;
	}

	/* This folded-kit source is a small square catalogue thumbnail. Give the
	 * product more breathing room so it does not look enlarged or soft beside
	 * the cleaner supporting images. */
	html body.single-product.postid-3486 #content .woocommerce-product-gallery__image:not(:first-child) img[src*="water-winger-folded-kit-white-background-v2"] {
		box-sizing: border-box !important;
		padding: 16px !important;
	}
}

html body.single-product.postid-3486 #content .summary.entry-summary .wwir-product-actions {
	display: none !important;
}

html body.single-product.postid-3486 #content .summary.entry-summary .ww-two-pack-learn-actions {
	display: flex !important;
	justify-content: flex-start !important;
	margin: 1rem 0 1.45rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body.single-product.postid-3486 #content .summary.entry-summary .ww-two-pack-learn-actions .ww-two-pack-info-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 50px !important;
	padding: 0.72rem 1.45rem !important;
	border: 2px solid #173b4a !important;
	border-radius: 999px !important;
	background: #173b4a !important;
	box-shadow: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-align: center !important;
	text-decoration: none !important;
}

html body.single-product.postid-3486 #content .summary.entry-summary .ww-two-pack-learn-actions .ww-two-pack-info-action:hover,
html body.single-product.postid-3486 #content .summary.entry-summary .ww-two-pack-learn-actions .ww-two-pack-info-action:focus-visible {
	border-color: #a84614 !important;
	background: #a84614 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}