:root {
	--fernco-blue: #005da8;
	--fernco-blue-dark: #003f73;
	--fernco-blue-soft: #e5f0f8;
	--fernco-green: #4f8b2f;
	--fernco-ink: #1d252c;
	--fernco-muted: #5d6a72;
	--fernco-line: #d7dee4;
	--fernco-light: #f3f6f8;
	--fernco-white: #ffffff;
	--fernco-max: 1920px;
	--fernco-gutter-setting: 80px;
	--fernco-grid-gutter-setting: 40px;
	--fernco-gutter: var(--fernco-gutter-setting);
	--fernco-grid-gutter: var(--fernco-grid-gutter-setting);
	--fernco-font: myriad-pro, "Segoe UI", Helvetica, Arial, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--fernco-white);
	color: var(--fernco-ink);
	font-family: var(--fernco-font);
	font-size: 24px;
	line-height: 1.4;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

a {
	color: var(--fernco-blue);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:hover,
a:focus {
	color: var(--fernco-blue-dark);
}

button,
input,
select,
textarea {
	font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.65em;
	color: var(--fernco-ink);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: 0;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: clamp(24px, 2.2vw, 32px);
}

p {
	margin: 0 0 1.2em;
}

ul,
ol {
	margin: 0 0 1.2em;
	padding-left: 1.25em;
}

li {
	margin: 0 0 0.45em;
}

li:last-child {
	margin-bottom: 0;
}

.container {
	width: calc(100% - (var(--fernco-gutter) * 2));
	max-width: var(--fernco-max);
	margin-inline: auto;
}

.skip-link {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1000;
	transform: translateY(-150%);
	background: var(--fernco-blue);
	color: var(--fernco-white);
	padding: 10px 14px;
}

.skip-link:focus {
	transform: translateY(0);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid var(--fernco-line);
	backdrop-filter: blur(14px);
}

.site-header__inner {
	max-width: var(--fernco-max);
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	width: calc(100% - (var(--fernco-gutter) * 2));
	min-height: 86px;
	margin-inline: auto;
}

.site-brand {
	display: flex;
	align-items: center;
	min-width: 142px;
}

.custom-logo-link img {
	width: auto;
	max-height: 58px;
}

.site-brand__logo {
	display: inline-flex;
	align-items: center;
}

.site-brand__logo img {
	width: auto;
	max-height: 58px;
}

.site-brand__logo--footer img {
	max-height: 66px;
}

.site-brand__text {
	color: var(--fernco-blue);
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
}

.primary-navigation {
	justify-self: end;
	min-width: 0;
}

.primary-menu,
.footer-menu,
.legal-menu {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.primary-menu li,
.footer-menu li,
.legal-menu li {
	margin: 0;
}

.primary-menu > li {
	display: flex;
	align-items: stretch;
}

.primary-menu a,
.footer-menu a,
.legal-menu a {
	color: inherit;
	font-weight: 600;
	text-decoration: none;
}

.primary-menu a {
	display: inline-flex;
	align-items: center;
	height: 86px;
	padding: 0;
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
}

.primary-menu > li > a:hover,
.primary-menu > li > a:focus,
.primary-menu > li:hover > a,
.primary-menu > li:focus-within > a,
.primary-menu > .current-menu-item > a,
.primary-menu > .current_page_item > a {
	color: var(--fernco-blue);
}
.primary-menu > .menu-item-has-children > a::after,
.primary-menu > .menu-item--mega > a::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.mobile-submenu-toggle {
	display: none;
}

.primary-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 60;
	min-width: 270px;
	margin: 0;
	padding: 10px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	box-shadow: 0 20px 50px rgba(29, 37, 44, 0.12);
	list-style: none;
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.primary-menu .sub-menu .sub-menu {
	top: -10px;
	left: calc(100% + 10px);
}

.primary-menu .sub-menu .sub-menu::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	width: 12px;
}

.primary-menu > .menu-item-has-children:nth-last-child(2) .sub-menu .sub-menu {
	right: calc(100% + 10px);
	left: auto;
}

.primary-menu > .menu-item-has-children:nth-last-child(2) .sub-menu .sub-menu::before {
	right: auto;
	left: 100%;
}

.primary-menu li {
	position: relative;
}

.primary-menu li:hover > .sub-menu,
.primary-menu li:focus-within > .sub-menu,
.primary-menu li.is-submenu-open > .sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.primary-menu .sub-menu a {
	display: flex;
	justify-content: space-between;
	height: auto;
	min-height: 40px;
	padding: 9px 10px;
	color: var(--fernco-ink);
	font-size: 15px;
	font-weight: 500;
	white-space: normal;
}

.primary-menu .sub-menu a:hover,
.primary-menu .sub-menu a:focus {
	color: var(--fernco-blue);
}

.primary-menu .sub-menu .menu-item-has-children > a::after {
	content: "";
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin: 0 0 0 12px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(7px) rotate(45deg);
}

.primary-menu .menu-item--mega {
	position: static;
}

.mega-menu {
	position: absolute;
	top: 100%;
	left: auto;
	right: max(var(--fernco-gutter), calc((100% - var(--fernco-max)) / 2));
	z-index: 70;
	width: calc(100% - (var(--fernco-gutter) * 2));
	max-width: min(1200px, var(--fernco-max));
	margin-inline: 0;
	padding: 0;
	background: #edecec;
	border-top: 0;
	border-bottom: 0;
	box-shadow: 0 24px 60px rgba(29, 37, 44, 0.14);
	opacity: 0;
	pointer-events: none;
	transform: translateY(8px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.menu-item--mega:hover .mega-menu,
.menu-item--mega:focus-within .mega-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.mega-menu__inner {
	display: grid;
	grid-template-columns: repeat(var(--mega-menu-columns, 5), minmax(0, 1fr));
	gap: 0;
	width: 100%;
	max-width: var(--fernco-max);
	margin-inline: auto;
}

.mega-menu__column,
.mega-menu__promo {
	min-width: 0;
}

.mega-menu__column--wide {
	grid-column: span 2;
}

.mega-menu__column {
	padding-bottom: 28px;
}

.mega-menu__heading {
	margin: 0;
	background: #01538f;
	color: var(--fernco-white);
	font-size: 20px;
	line-height: 1.15;
}

.mega-menu__column:nth-of-type(2) .mega-menu__heading {
	background: #0064aa;
}

.mega-menu__column:nth-of-type(3) .mega-menu__heading {
	background: #006eb9;
}

.mega-menu__column:nth-of-type(4) .mega-menu__heading {
	background: #0187d0;
}

.mega-menu__heading a,
.mega-menu__subheading a,
.mega-menu__view-all,
.mega-menu__promo a {
	display: inline;
	height: auto;
	min-height: 0;
	padding: 0;
	color: var(--fernco-blue);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.mega-menu__heading a {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 52px;
	padding: 13px 16px;
	color: var(--fernco-white);
}

.mega-menu__heading a:hover,
.mega-menu__heading a:focus {
	color: rgba(255, 255, 255, 0.82);
}

@media (min-width: 1261px) {
	@supports (grid-template-rows: subgrid) {
		.mega-menu__inner {
			grid-template-rows: max-content 1fr;
		}
		.mega-menu__column,
		.mega-menu__promo {
			grid-row: 1 / span 2;
		}
		.mega-menu__column {
			display: grid;
			grid-template-rows: subgrid;
		}
		.mega-menu__heading {
			display: flex;
		}
	}
	.primary-menu .mega-menu__heading a {
		white-space: normal;
		overflow-wrap: anywhere;
	}
}

.mega-menu__groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	padding: 18px 16px 8px;
}

.mega-menu__groups--single {
	grid-template-columns: 1fr;
}

.mega-menu__group-column {
	display: grid;
	align-content: start;
	gap: 24px;
	min-width: 0;
}

.mega-menu__group {
	min-width: 0;
}

.mega-menu__subheading {
	margin: 0 0 5px;
	color: var(--fernco-ink);
	font-size: 17px;
	line-height: 1.2;
}

.mega-menu__subheading a {
	color: var(--fernco-ink);
}

.mega-menu__subheading a:hover,
.mega-menu__subheading a:focus {
	color: var(--fernco-blue);
}

.mega-menu__subheading--column {
	margin: 18px 16px 5px;
}

.mega-menu__subheading--column + .mega-menu__links {
	padding-top: 0;
}

.mega-menu__links {
	display: grid;
	gap: 10px;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.mega-menu__links li {
	margin: 0 !important;
}

.primary-menu .mega-menu__links a {
	display: block;
	height: auto;
	min-height: 0;
	padding: 0;
	color: var(--fernco-ink);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.12;
	white-space: normal;
}

.primary-menu .mega-menu__links a:hover,
.primary-menu .mega-menu__links a:focus,
.primary-menu .mega-menu__links .is-current > a,
.primary-menu .mega-menu__links .current-menu-item > a,
.primary-menu .mega-menu__links .current_page_item > a {
	color: var(--fernco-blue);
}

/* Main menu current-state coverage. */
.primary-menu .sub-menu .current-menu-item > a,
.primary-menu .sub-menu .current_page_item > a,
.primary-menu .sub-menu a[aria-current="page"],
.primary-menu .mega-menu__links a[aria-current="page"] {
	color: var(--fernco-blue);
}

.primary-menu .mega-menu__subheading .current-menu-item > a,
.primary-menu .mega-menu__subheading .current_page_item > a,
.primary-menu .current-menu-item > .mega-menu__subheading a,
.primary-menu .current_page_item > .mega-menu__subheading a,
.primary-menu .mega-menu__subheading a[aria-current="page"] {
	color: var(--fernco-blue);
}

.primary-menu .mega-menu__heading a[aria-current="page"],
.primary-menu .current-menu-item > .mega-menu__heading a,
.primary-menu .current_page_item > .mega-menu__heading a {
	color: rgba(255, 255, 255, 0.82);
}
.mega-menu__links .is-disabled a {
	color: var(--fernco-muted);
	cursor: default;
	pointer-events: none;
}

.mega-menu__links span {
	display: block;
	margin-top: 3px;
	color: var(--fernco-muted);
	font-size: 13px;
	line-height: 1.25;
}

.mega-menu__view-all {
	display: inline-flex;
	align-items: center;
	height: auto;
	min-height: 0;
	margin: 0 16px 16px;
	padding: 0;
	font-size: 15px;
	line-height: 1.2;
}

.mega-menu__promo {
	display: flex;
	align-items: flex-start;
	padding: 0;
	border-left: 0;
}

.primary-menu .mega-menu__promo-link {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: auto;
	min-height: 0;
	padding: 0;
}

.mega-menu__promo img {
	width: 100%;
	height: auto;
	background: #edecec;
	object-fit: contain;
}

.mega-menu__column-body > .mega-menu__links {
	padding: 18px 16px 6px;
}

.mega-menu__column-body > .mega-menu__subheading--column + .mega-menu__links {
	padding-top: 0;
}

.site-header__actions {
	position: relative;
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 24px;
	flex: 0 0 auto;
	min-width: max-content;
	white-space: nowrap;
}

.language-navigation {
	position: relative;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 116px;
	z-index: 90;
}

.language-menu,
.language-menu .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.language-menu {
	position: relative;
	display: block;
	width: 100%;
}

.language-menu li {
	position: relative;
	margin: 0;
}

.language-menu a {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 44px;
	padding: 0 30px 0 0;
	color: var(--fernco-ink);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.language-menu > li.menu-item-has-children > a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-65%) rotate(45deg);
}

.language-menu a:hover,
.language-menu a:focus,
.language-menu .current-menu-item > a,
.language-menu .wpml-ls-current-language > a {
	color: var(--fernco-blue);
}

.language-menu .sub-menu {
	position: absolute;
	top: calc(100% - 8px);
	right: 0;
	width: max-content;
	min-width: 100%;
	max-width: calc(100vw - 32px);
	padding: 8px 0;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	box-shadow: 0 18px 40px rgba(17, 31, 44, 0.14);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
	z-index: 100;
}

.language-menu li:hover > .sub-menu,
.language-menu li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.language-menu .sub-menu a {
	min-height: 38px;
	padding: 0 14px;
	white-space: normal;
}

.language-menu .wpml-ls-flag {
	display: block;
	width: 22px;
	height: auto;
	flex: 0 0 auto;
}

.language-menu .wpml-ls-native,
.language-menu .wpml-ls-display {
	display: inline-block;
}

.header-action,
.button,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 20px;
	background: var(--fernco-blue);
	border: 1px solid var(--fernco-blue);
	border-radius: 4px;
	color: var(--fernco-white);
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.header-action:hover,
.header-action:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	background: var(--fernco-blue-dark);
	border-color: var(--fernco-blue-dark);
	color: var(--fernco-white);
}

.header-action--search {
	width: 44px;
	min-width: 44px;
	height: 86px;
	min-height: 86px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--fernco-ink);
}

.header-action--search:hover,
.header-action--search:focus {
	background: transparent;
	border-color: transparent;
	color: var(--fernco-blue);
}

.header-action__icon {
	display: block;
	width: 22px;
	height: 22px;
}
.language-switcher {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 1;
	text-transform: uppercase;
}

.language-switcher__select {
	width: 76px;
	min-height: 44px;
	padding: 9px 30px 9px 12px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	border-radius: 4px;
	color: var(--fernco-ink);
	font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
}

.language-switcher__select:focus {
	border-color: var(--fernco-blue);
	outline: 2px solid var(--fernco-blue-soft);
	outline-offset: 2px;
}

.menu-toggle {
	display: none;
	width: 44px;
	height: 44px;
	padding: 10px;
	background: transparent;
	border: 1px solid var(--fernco-line);
	border-radius: 4px;
}

.menu-toggle__bar {
	display: block;
	width: 100%;
	height: 2px;
	margin: 5px 0;
	background: var(--fernco-ink);
}

.site-main {
	min-height: 58vh;
}

.page-hero,
.archive-header {
	background: linear-gradient(90deg, var(--fernco-blue-soft) 0%, var(--fernco-blue-soft) 24%, var(--fernco-white) 100%);
	border-bottom: 1px solid var(--fernco-line);
}

.page-hero__inner,
.archive-header .container {
	padding-block: clamp(36px, 6vw, 80px);
}

.page-hero--home {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.page-hero--home h1,
.page-hero--home .eyebrow,
.page-hero--home .page-hero__summary {
	color: var(--fernco-white);
}

.page-hero__summary {
	/* Match the standard homepage text measure; shrink naturally on mobile. */
	width: 100%;
	max-width: 760px;
	min-width: 0;
	overflow-wrap: anywhere;
	color: var(--fernco-muted);
	font-size: 24px;
	line-height: 1.4;
}

/* Calculator-only mobile trial; leave other pages and desktop typography intact. */
@media (max-width: 760px) {
	article:has(.rescalc-layout) {
		font-size: 18px;
		overflow-wrap: anywhere;
	}
	article:has(.rescalc-layout) .page-hero h1 {
		font-size: clamp(28px, 7.2vw, 36px);
		hyphens: auto;
	}
	article:has(.rescalc-layout) .page-hero__summary { font-size: 18px; }
	article:has(.rescalc-layout) .rescalc-panel { padding: 16px; }
	article:has(.rescalc-layout) .rescalc-panel-form label { font-size: 16px; }
	article:has(.rescalc-layout) .rescalc-panel-form label + br { display: none; }
	article:has(.rescalc-layout) .rescalc-panel-form select,
	article:has(.rescalc-layout) .rescalc-combobox-input {
		min-width: 0;
		max-width: 100%;
		min-height: 48px;
		font-size: 16px;
		padding: 12px;
	}
	article:has(.rescalc-layout) .rescalc-combobox-input { padding-right: 48px; }
	article:has(.rescalc-layout) .rescalc-combobox-option,
	article:has(.rescalc-layout) .rescalc-combobox-empty,
	article:has(.rescalc-layout) .rescalc-pill,
	article:has(.rescalc-layout) .rescalc-error,
	article:has(.rescalc-layout) .rescalc-results-note { font-size: 16px; }
	article:has(.rescalc-layout) .rescalc-row-submit button {
		font-size: 16px;
		min-height: 48px;
		width: 100%;
	}
	article:has(.rescalc-layout) .rescalc-results h3 { font-size: 26px; }
	article:has(.rescalc-layout) .rescalc-results-hero { padding: 18px; }
	article:has(.rescalc-layout) .rescalc-results-hero-value { font-size: 36px; }
	article:has(.rescalc-layout) .rescalc-pill-grid { grid-template-columns: minmax(0, 1fr); }
}

.product-enquiry-cta { padding-top: 1.2em; }
/* Keep real labels accessible while presenting the compact placeholder form. */
.product-enquiry-placeholder-field > .ff-el-input--label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.product-enquiry {
	background: var(--fernco-light);
	border-top: 1px solid var(--fernco-line);
	padding-block: clamp(36px, 5vw, 72px);
	scroll-margin-top: calc(var(--fernco-header-height, 110px) + 48px);
}
.product-enquiry__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 80px);
}
.product-enquiry__intro { max-width: 620px; }
.product-enquiry__media {
	margin-top: 1.2em;
}
.product-enquiry__form { min-width: 0; width: 100%; max-width: 760px; }
.product-enquiry__form .fluentform { width: 100%; }
.product-enquiry__form input,
.product-enquiry__form select,
.product-enquiry__form textarea { max-width: 100%; }
.product-enquiry__intro h2 { margin-top: 0; }
@media (max-width: 760px) {
	.product-enquiry__inner { grid-template-columns: minmax(0, 1fr); }
}

.product-hero__badges {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 24px;
}

.product-hero__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 96px;
	min-height: 76px;
	padding: 10px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.product-hero__badge img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 58px;
}

.product-hero__badge--labelled {
	flex-direction: column;
	gap: 8px;
	text-align: center;
}

.product-hero__badge-label {
	max-width: 100%;
	font-size: 13px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.eyebrow {
	margin: 0 0 12px;
	color: var(--fernco-blue);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.product-hero__parent-link {
	color: inherit;
	text-decoration: none;
}

.product-hero__parent-link:hover,
.product-hero__parent-link:focus-visible {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.product-hero__parent-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.content-band {
	padding-block: clamp(48px, 7vw, 96px);
}

.section-stack > .content-section:first-child {
	padding-top: clamp(40px, 6vw, 76px);
}


.homepage-slider {
	position: relative;
	overflow: hidden;
	background: var(--fernco-ink);
}

.homepage-slider--compact { --homepage-slide-height: clamp(440px, 45vw, 600px); }
.homepage-slider--standard { --homepage-slide-height: clamp(540px, 54vw, 720px); }
.homepage-slider--tall { --homepage-slide-height: clamp(620px, 62vw, 820px); }

.homepage-slider__track {
	position: relative;
	min-height: var(--homepage-slide-height);
}

.homepage-slide {
	position: absolute;
	inset: 0;
	min-height: var(--homepage-slide-height);
	background-position: center;
	background-size: cover;
	opacity: 0;
	pointer-events: none;
	transform: translateX(0);
	transition: opacity 420ms ease, transform 520ms ease;
}

.homepage-slide.is-active {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}

.homepage-slide.is-exiting {
	position: absolute;
	opacity: 0;
	z-index: 0;
}

.homepage-slide.is-entering {
	position: absolute;
	opacity: 1;
	z-index: 1;
}

.homepage-slider--transition-slide_left .homepage-slide,
.homepage-slider--transition-slide_right .homepage-slide {
	opacity: 1;
}

.homepage-slider--transition-slide_left .homepage-slide,
.homepage-slider--transition-slide_right.is-moving-prev .homepage-slide {
	transform: translateX(100%);
}

.homepage-slider--transition-slide_right .homepage-slide,
.homepage-slider--transition-slide_left.is-moving-prev .homepage-slide {
	transform: translateX(-100%);
}

.homepage-slider--transition-slide_left .homepage-slide.is-active,
.homepage-slider--transition-slide_right .homepage-slide.is-active {
	position: absolute;
	inset: 0;
	transform: translateX(0);
}

.homepage-slider--transition-slide_left.is-moving-next .homepage-slide.is-exiting,
.homepage-slider--transition-slide_right.is-moving-prev .homepage-slide.is-exiting {
	transform: translateX(-100%);
}

.homepage-slider--transition-slide_right.is-moving-next .homepage-slide.is-exiting,
.homepage-slider--transition-slide_left.is-moving-prev .homepage-slide.is-exiting {
	transform: translateX(100%);
}

.homepage-slide__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, var(--homepage-slide-overlay, 0));
	pointer-events: none;
}

.homepage-slide__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.82fr);
	align-items: center;
	gap: var(--fernco-grid-gutter);
	min-height: var(--homepage-slide-height);
	padding-block: 64px;
	padding-inline: clamp(72px, 6vw, 116px);
}

.homepage-slide--content-right .homepage-slide__inner {
	grid-template-columns: minmax(320px, 0.82fr) minmax(0, 0.92fr);
}

.homepage-slide--content-right .homepage-slide__content {
	grid-column: 2;
}

.homepage-slide--content-right .homepage-slide__media,
.homepage-slide--content-right .homepage-slide__tiles {
	grid-column: 1;
	grid-row: 1;
}

.homepage-slide--content-center .homepage-slide__inner {
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
}

.homepage-slide__content {
	max-width: 760px;
}

.homepage-slide__eyebrow {
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.homepage-slide h1 {
	margin: 0;
	font-size: clamp(48px, 5vw, 76px);
	line-height: 0.98;
}

.homepage-slide__text {
	margin-top: 20px;	
	font-size: 24px;
	line-height: 1.4;
}

.homepage-slide__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.homepage-slide--valign-top .homepage-slide__inner { align-items: start; }
.homepage-slide--valign-center .homepage-slide__inner { align-items: center; }
.homepage-slide--valign-bottom .homepage-slide__inner { align-items: end; }

.homepage-slide--width-narrow .homepage-slide__content { max-width: 580px; }
.homepage-slide--width-standard .homepage-slide__content { max-width: 760px; }
.homepage-slide--width-wide .homepage-slide__content { max-width: 940px; }


.homepage-slide--heading-colour-dark h1 { color: var(--fernco-ink); }
.homepage-slide--heading-colour-light h1 { color: var(--fernco-white); }
.homepage-slide--heading-colour-blue h1 { color: var(--fernco-blue); }

.homepage-slide--heading-small h1 { font-size: clamp(40px, 3.8vw, 54px); }
.homepage-slide--heading-medium h1 { font-size: clamp(46px, 4.4vw, 64px); }
.homepage-slide--heading-large h1 { font-size: clamp(48px, 5vw, 76px); }
.homepage-slide--heading-huge h1 { font-size: clamp(56px, 6vw, 92px); }

.homepage-slide--body-standard .homepage-slide__text { font-size: 20px; }
.homepage-slide--body-large .homepage-slide__text { font-size: 24px; }

.homepage-slide--button-blue .button {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
	color: var(--fernco-white);
}

.homepage-slide--button-white .button {
	background: var(--fernco-white);
	border-color: var(--fernco-white);
	color: var(--fernco-blue);
}

.homepage-slide--button-outline .button {
	background: transparent;
	border-color: currentColor;
	color: currentColor;
}

.homepage-slide--button-dark .button {
	background: var(--fernco-ink);
	border-color: var(--fernco-ink);
	color: var(--fernco-white);
}

.homepage-slide--button-blue .button:hover,
.homepage-slide--button-blue .button:focus,
.homepage-slide--button-white .button:hover,
.homepage-slide--button-white .button:focus,
.homepage-slide--button-outline .button:hover,
.homepage-slide--button-outline .button:focus,
.homepage-slide--button-dark .button:hover,
.homepage-slide--button-dark .button:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
	color: var(--fernco-white);
}

.homepage-slide--text-light,
.homepage-slide--text-light a:not(.button) {
	color: var(--fernco-white);
}

.homepage-slide__media img {
	display: block;
	width: 100%;
	max-height: min(520px, calc(var(--homepage-slide-height) - 120px));
	object-fit: contain;
}

.homepage-slide__tiles {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.homepage-slide__tile {
	padding: 20px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.homepage-slide__tile img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	margin-bottom: 14px;
}

.homepage-slide__tile h3 {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.15;
}

.homepage-slide__tile p {
	margin: 0;
	font-size: 17px;
	line-height: 1.35;
}

.homepage-slider__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	background: rgba(255, 255, 255, 0.88);
	border: 0;
	border-radius: 50%;
	color: var(--fernco-blue);
	transform: translateY(-50%);
	cursor: pointer;
}


.homepage-slider__arrow span {
	display: block;
	width: 12px;
	height: 12px;
	border-color: currentColor;
	border-style: solid;
	border-width: 2px 2px 0 0;
}

.homepage-slider__arrow--prev span {
	transform: translateX(2px) rotate(-135deg);
}

.homepage-slider__arrow--next span {
	transform: translateX(-2px) rotate(45deg);
}

.homepage-slider__arrow:hover {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.homepage-slider__arrow:focus-visible {
	outline: 3px solid var(--fernco-blue);
	outline-offset: 3px;
}

.homepage-slider__arrow:disabled {
	cursor: default;
	opacity: 0.42;
}

.homepage-slider__arrow:disabled:hover {
	background: rgba(255, 255, 255, 0.88);
	color: var(--fernco-blue);
}

.homepage-slider__arrow--prev { left: max(18px, calc(var(--fernco-gutter) / 2)); }
.homepage-slider__arrow--next { right: max(18px, calc(var(--fernco-gutter) / 2)); }

.homepage-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 24px;
	z-index: 3;
	display: flex;
	gap: 10px;
	transform: translateX(-50%);
}

.homepage-slider__dot {
	width: 12px;
	height: 12px;
	padding: 0;
	background: rgba(255, 255, 255, 0.68);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.homepage-slider__dot.is-active,
.homepage-slider__dot:hover,
.homepage-slider__dot:focus {
	background: var(--fernco-blue);
}

.content-section {
	padding-block: clamp(34px, 5vw, 68px);
}

.content-section--surface-light {
	background: var(--fernco-light);
}

/* Keep short calculator pages spacious without leaving an oversized final gap. */
.page-id-1084 .section-stack > .content-section:last-child,
.page-id-2233 .section-stack > .content-section:last-child {
	padding-bottom: clamp(32px, 4vw, 52px);
}

.content-section + .content-section {
	border-top: 1px solid var(--fernco-line);
}

.content-section--bg-light .content-section__content {
	padding: clamp(26px, 4vw, 46px);
	background: var(--fernco-light);
	border-left: 5px solid var(--fernco-blue);
}

.content-section__inner {
	max-width: var(--fernco-max);
}

.content-section__inner--grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.content-section__content {
	min-width: 0;
}

.content-section__content--span-1 {
	grid-column: span 1;
}

.content-section__content--span-2 {
	grid-column: span 2;
}

.content-section__content--span-3 {
	grid-column: span 3;
}

.content-section__content--span-4 {
	grid-column: span 4;
}

.content-section__content--span-5 {
	grid-column: span 5;
}

.content-section__content--span-6 {
	grid-column: span 6;
}

.content-section__content--span-7 {
	grid-column: span 7;
}

.content-section__content--span-8 {
	grid-column: span 8;
}

.content-section__content--span-9 {
	grid-column: span 9;
}

.content-section__content--span-10 {
	grid-column: span 10;
}

.content-section__content--span-11 {
	grid-column: span 11;
}

.content-section__content--span-12 {
	grid-column: span 12;
}

/* Honour editor paragraph alignment, including images wrapped in links. */
.rich-text img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.rich-text .wp-caption {
	max-width: 100%;
}

/* Explicit image/caption alignment takes precedence over the paragraph. */
.rich-text img.alignleft,
.rich-text .wp-caption.alignleft {
	display: block;
	float: none;
	margin-left: 0;
	margin-right: auto;
}

.rich-text img.aligncenter,
.rich-text .wp-caption.aligncenter {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.rich-text img.alignright,
.rich-text .wp-caption.alignright {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: 0;
}

.rich-text > *:first-child {
	margin-top: 0;
}

.rich-text > *:last-child {
	margin-bottom: 0;
}

.entry-content {
	max-width: none;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
}

.entry-content th,
.entry-content td {
	padding: 12px 14px;
	border: 1px solid var(--fernco-line);
	text-align: left;
	vertical-align: top;
}

.entry-content th {
	background: var(--fernco-light);
	font-weight: 700;
}

.post-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--fernco-grid-gutter);
}

.product-family-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-related-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product-related-list .listing-card__title {
	font-size: 24px;
}

.listing-card {
	display: grid;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.listing-card__image {
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--fernco-light);
	border-bottom: 6px solid var(--fernco-blue);
}

.listing-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.listing-card.type-product .listing-card__image img,
.product-related-list .listing-card__image img {
	object-fit: contain;
	padding: 14px;
}

.content-section--notice {
	padding-block: clamp(24px, 4vw, 48px);
}

.fernco-notice {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 20px;
	align-items: start;
	padding: clamp(22px, 3vw, 32px);
	background: #f3f4f6;
	border: 1px solid #d4d8dc;
	border-left: 6px solid #68707a;
	color: var(--fernco-ink);
}

.fernco-notice[hidden] {
	display: none;
}

.fernco-notice--info {
	background: #eaf5fb;
	border-color: #acd4e8;
	border-left-color: #0b6fa4;
}

.fernco-notice--success {
	background: #edf8ef;
	border-color: #b9ddc2;
	border-left-color: #2d7d46;
}

.fernco-notice--warning {
	background: #fff6dc;
	border-color: #ead39a;
	border-left-color: #b7791f;
}

.fernco-notice--error {
	background: #fbecec;
	border-color: #e6b8b5;
	border-left-color: #b42318;
}

.fernco-notice__heading {
	margin: 0 0 10px;
	color: inherit;
	font-size: clamp(24px, 2.5vw, 32px);
	line-height: 1.15;
}

.fernco-notice__content {
	font-size: 18px;
	line-height: 1.5;
}

.fernco-notice__dismiss {
	display: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 50%;
	color: inherit;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	opacity: 0.66;
}

.fernco-notices-enabled .fernco-notice__dismiss {
	display: inline-flex;
}

.fernco-notice__dismiss:hover,
.fernco-notice__dismiss:focus-visible {
	background: rgba(255, 255, 255, 0.72);
	opacity: 1;
}

@media (max-width: 600px) {
	.fernco-notice {
		gap: 12px;
		padding: 20px;
	}

	.fernco-notice__content {
		font-size: 17px;
	}
}

.product-family-list .listing-card__image img {
	object-fit: contain;
}

.listing-card__body {
	padding: 24px;
}

.listing-card__title {
	margin-bottom: 10px;
	font-size: 26px;
}

.listing-card__title a {
	color: inherit;
	text-decoration: none;
}

.content-section--news,
.content-section--news-single {
	background: var(--fernco-white);
}

.news-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.content-section--news-single .news-layout {
	--news-single-sidebar-width: clamp(280px, 18vw, 360px);

	grid-template-columns: minmax(0, 1fr) var(--news-single-sidebar-width);
	column-gap: var(--news-single-sidebar-width);
}

@media (max-width: 1280px) {
	.content-section--news-single .news-layout {
		grid-template-columns: 1fr;
		row-gap: var(--fernco-grid-gutter);
	}

	.content-section--news-single .news-sidebar {
		position: static;
	}
}

.news-card-grid,
.news-related__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.news-card {
	display: grid;
	grid-template-columns: minmax(260px, 32%) minmax(0, 1fr);
	min-height: 220px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.news-card__image {
	display: block;
	min-height: 100%;
	overflow: hidden;
	background: var(--fernco-light);
	border-right: 1px solid var(--fernco-line);
	border-bottom: 6px solid var(--fernco-blue);
}

.news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 180ms ease;
}

.news-card__image--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: clamp(32px, 4vw, 64px);
	background: var(--fernco-white);
}

.news-card__image--placeholder img {
	width: min(72%, 300px);
	height: auto;
	object-fit: contain;
}

.news-card--image-fit-contain .news-card__image {
	box-sizing: border-box;
	padding: clamp(14px, 2vw, 24px);
	background: var(--fernco-white);
}

.news-card--image-fit-contain .news-card__image img {
	object-fit: contain;
}

.news-card--image-fit-contain .news-card__image--placeholder {
	padding: clamp(32px, 4vw, 64px);
}

.news-card:hover .news-card__image img,
.news-card:focus-within .news-card__image img {
	transform: scale(1.03);
}

.news-card--image-fit-contain:hover .news-card__image img,
.news-card--image-fit-contain:focus-within .news-card__image img,
.news-card:hover .news-card__image--placeholder img,
.news-card:focus-within .news-card__image--placeholder img {
	transform: none;
}

.news-card__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(24px, 3vw, 38px);
}

.news-card__meta,
.news-article__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 12px;
	color: var(--fernco-muted);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.news-card__meta time,
.news-article__meta time {
	color: var(--fernco-blue);
}

.news-card__title {
	margin-bottom: 12px;
	font-size: clamp(28px, 2.5vw, 38px);
}

.news-card__title a {
	color: var(--fernco-ink);
	text-decoration: none;
}

.news-card__title a:hover,
.news-card__title a:focus {
	color: var(--fernco-blue);
}

.news-card__excerpt {
	margin-bottom: 0;
	color: var(--fernco-muted);
	font-size: 20px;
	line-height: 1.45;
}

.news-card__button {
	align-self: flex-start;
	margin-top: 22px;
	padding: 10px 16px;
	background: var(--fernco-blue);
	color: var(--fernco-white);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.news-card__button:hover,
.news-card__button:focus {
	background: var(--fernco-blue-dark);
	color: var(--fernco-white);
}

.news-sidebar {
	position: sticky;
	top: 116px;
	padding: 28px;
	background: var(--fernco-light);
	border-top: 5px solid var(--fernco-blue);
}

.news-sidebar h2 {
	margin-bottom: 20px;
	font-size: 28px;
}

.news-archive-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-archive-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0;
	border-top: 1px solid var(--fernco-line);
	font-size: 18px;
	line-height: 1.25;
}

.news-archive-list li:first-child {
	border-top: 0;
}

.news-archive-list a {
	display: inline-flex;
	width: 100%;
	padding-block: 12px;
	color: var(--fernco-ink);
	font-weight: 600;
	text-decoration: none;
}

.news-archive-list a:hover,
.news-archive-list a:focus {
	color: var(--fernco-blue);
}

.navigation.pagination {
	margin-top: 42px;
}

.nav-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 13px;
	border: 1px solid var(--fernco-line);
	color: var(--fernco-ink);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.page-numbers.current,
.page-numbers:hover,
.page-numbers:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
	color: var(--fernco-white);
}

.news-article__meta {
	margin-top: 18px;
	margin-bottom: 0;
}

.news-article__meta span::before {
	content: "/";
	margin-right: 10px;
	color: var(--fernco-muted);
}

.news-article__featured {
	margin: 0 0 var(--fernco-grid-gutter);
	background: var(--fernco-light);
}

.news-article__featured img {
	width: 100%;
	max-height: 560px;
	object-fit: cover;
}

.news-article__content {
	max-width: 980px;
}

.news-article__content h2,
.news-article__content h3 {
	margin-top: 1.2em;
}

.news-article__content img {
	height: auto;
}

.news-layout__main > .section-stack {
	display: grid;
	gap: clamp(36px, 5vw, 64px);
}

.news-layout__main > .section-stack .content-section {
	padding-block: 0;
}

.news-layout__main > .section-stack .content-section > .container {
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

.news-empty-state {
	display: grid;
	justify-items: center;
	padding: clamp(42px, 7vw, 76px) clamp(24px, 5vw, 58px);
	background: var(--fernco-light);
	border-top: 5px solid var(--fernco-blue);
	text-align: center;
}

.news-empty-state__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 20px;
	background: var(--fernco-blue);
	border-radius: 50%;
	color: var(--fernco-white);
	font-size: 30px;
	font-weight: 700;
	font-style: normal;
}

.news-empty-state h2 {
	margin-bottom: 12px;
}

.news-empty-state p {
	max-width: 620px;
	margin: 0;
	color: var(--fernco-muted);
	font-size: 19px;
}

.news-article-meta-card {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin-top: clamp(52px, 7vw, 84px);
	padding: 18px 22px;
	background: var(--fernco-light);
	border-left: 5px solid var(--fernco-blue);
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.news-article-meta-card span {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.news-article-meta-card span + span::before {
	content: "|";
	margin-inline: 10px;
	color: var(--fernco-line);
}

.news-article-meta-card a {
	color: var(--fernco-ink);
	font-weight: 700;
	text-decoration: none;
}

.news-article-meta-card a:hover,
.news-article-meta-card a:focus {
	color: var(--fernco-blue);
}

.news-related {
	margin-top: clamp(48px, 6vw, 72px);
	padding-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid var(--fernco-line);
}

.news-related h2 {
	margin-bottom: 22px;
	font-size: 34px;
}

:is(.news-card-grid, .news-related__grid) .news-card {
	grid-template-columns: 1fr;
	min-height: 0;
}

:is(.news-card-grid, .news-related__grid) .news-card__image {
	aspect-ratio: 16 / 9;
	min-height: 0;
	border-right: 0;
}

:is(.news-card-grid, .news-related__grid) .news-card__body {
	justify-content: flex-start;
	padding: 22px;
}

:is(.news-card-grid, .news-related__grid) .news-card__excerpt {
	flex-grow: 1;
}

:is(.news-card-grid, .news-related__grid) .news-card__title {
	display: -webkit-box;
	min-height: 2.36em;
	overflow: hidden;
	font-size: 24px;
	line-height: 1.18;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

:is(.news-card-grid, .news-related__grid) .news-card__excerpt {
	font-size: 17px;
}

:is(.news-card-grid, .news-related__grid) .news-card__button {
	margin-top: 20px;
}

.case-studies-grid {
	display: grid;
	gap: 24px;
}

.case-studies-grid__intro {
	max-width: 900px;
}

.case-studies-grid--2-columns .case-studies-grid__items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-studies-grid--4-columns .case-studies-grid__items {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-studies-grid--4-columns .news-card__title {
	font-size: 21px;
}

.case-studies-grid--4-columns .news-card__body {
	padding: 18px;
}

.news-article__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	background: var(--fernco-blue);
	color: var(--fernco-white);
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.news-article__button:hover,
.news-article__button:focus {
	background: var(--fernco-blue-dark);
	color: var(--fernco-white);
}

.news-inline-image {
	margin: 0 0 1.2em;
}

.news-inline-image figcaption {
	margin-top: 10px;
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.news-inline-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
	margin-bottom: 1.2em;
}

.news-inline-gallery .news-inline-image {
	margin-bottom: 0;
}

.news-inline-toggle {
	margin-bottom: 12px;
	border: 1px solid var(--fernco-line);
}

.news-inline-toggle summary {
	cursor: pointer;
	padding: 16px 18px;
	color: var(--fernco-ink);
	font-size: 20px;
	font-weight: 700;
}

.news-inline-toggle > div {
	padding: 0 18px 18px;
}

.news-inline-video {
	max-width: 840px;
	margin-bottom: 1.2em;
}

.empty-state {
	max-width: 680px;
	padding: 32px;
	background: var(--fernco-light);
	border-left: 4px solid var(--fernco-blue);
}

.category-product-groups {
	display: grid;
	gap: clamp(36px, 5vw, 64px);
}

.category-product-group {
	display: grid;
	gap: 22px;
}

.category-product-group__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
}

.category-product-group__header h2 {
	margin: 0;
	font-size: 32px;
	line-height: 1.15;
}

.category-product-group__header a {
	color: inherit;
	text-decoration: none;
}

.category-product-group__header a:hover,
.category-product-group__header a:focus {
	color: var(--fernco-blue);
}

.text-image {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.content-section--image-left .text-image,
.text-image--image-left {
	grid-template-columns: minmax(320px, 2fr) minmax(0, 3fr);
}

.text-image--image-width-one-third {
	grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
}

.text-image--image-left.text-image--image-width-one-third {
	grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
}

.text-image--image-width-half,
.text-image--image-left.text-image--image-width-half {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.text-image--image-width-two-thirds {
	grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
}

.text-image--image-left.text-image--image-width-two-thirds {
	grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
}

.content-section--image-left .text-image__media {
	order: -1;
}

.text-image--image-left .text-image__media {
	order: -1;
}

.text-image__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	margin: 0;
	background: var(--fernco-light);
	overflow: hidden;
}

.text-image__media img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center top;
}

.text-image__media--full {
	background: transparent;
}

.text-image__media--full img {
	object-fit: contain;
	object-position: center top;
}

.text-image-carousel {
	align-items: start;
}

.text-image-image {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.text-image-image__content {
	min-width: 0;
}

.text-image-image__media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	min-width: 0;
}

.text-image-image__item {
	display: grid;
	gap: 12px;
	align-content: start;
	margin: 0;
}

.text-image-image__item img {
	width: 100%;
	height: auto;
}

.text-image-image__item h3 {
	margin: 0;
	font-size: 22px;
	line-height: 1.2;
}

.text-image-image__item figcaption {
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.text-image-image--stacked {
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.text-image-image--stacked .text-image-image__media {
	grid-template-columns: minmax(0, 1fr);
	gap: 32px;
	text-align: center;
}

.text-image-image--stacked .text-image-image__item {
	width: 100%;
	max-width: 360px;
	justify-self: center;
}

.text-image-image__content-image {
	margin-top: 24px;
}

.text-image-image__content-image img {
	display: block;
	width: 100%;
	height: auto;
}

.image-carousel {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.image-carousel__viewport {
	min-height: 320px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	overflow: hidden;
}

.image-carousel__slide {
	display: none;
	margin: 0;
}

.image-carousel__slide.is-active {
	display: grid;
}

.image-carousel__slide img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
	padding: 24px;
}

.image-carousel__slide figcaption {
	padding: 0 18px 18px;
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.image-carousel__controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.image-carousel__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	color: var(--fernco-blue);
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}

.image-carousel__controls[hidden] {
	display: none;
}

.image-carousel__position {
	font-size: 16px;
	font-variant-numeric: tabular-nums;
	color: var(--fernco-muted);
	white-space: nowrap;
}

.image-carousel__button:hover,
.image-carousel__button:focus {
	border-color: var(--fernco-blue);
	background: var(--fernco-blue-soft);
}


.image-carousel__header {
	display: grid;
	gap: 14px;
}

.image-carousel__header h2 {
	margin: 0;
}

.image-carousel--multi .image-carousel__viewport {
	min-height: 0;
	padding: 6px 0 24px;
	background: transparent;
	border: 0;
}

.image-carousel__track {
	display: flex;
	transition: transform 260ms ease;
	will-change: transform;
}

.image-carousel--multi .image-carousel__slide {
	display: grid;
	flex: 0 0 calc(100% / var(--carousel-items-visible));
	align-content: center;
	margin: 0;
	padding: 0 12px;
}

.image-carousel--multi .image-carousel__link {
	display: grid;
	min-height: 142px;
	place-items: center;
	padding: 22px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.image-carousel--multi .image-carousel__link:hover,
.image-carousel--multi .image-carousel__link:focus {
	border-color: var(--fernco-blue);
	box-shadow: 0 12px 30px rgba(0, 83, 143, 0.12);
	transform: translateY(-2px);
}

.image-carousel--multi .image-carousel__slide img {
	width: auto;
	max-width: 100%;
	max-height: 96px;
	aspect-ratio: auto;
	object-fit: contain;
	padding: 0;
}

.image-carousel--multi .image-carousel__slide > img {
	width: 100%;
	max-height: none;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	padding: 12px;
	background: var(--fernco-light);
}

.image-carousel--multi .image-carousel__slide figcaption {
	padding: 10px 0 0;
	font-size: 15px;
	text-align: center;
}

.image-carousel__button:disabled {
	cursor: default;
	color: #9aa3aa;
	background: var(--fernco-light);
	border-color: var(--fernco-line);
}

.image-carousel__button:disabled:hover,
.image-carousel__button:disabled:focus {
	border-color: var(--fernco-line);
	background: var(--fernco-light);
}

@media (max-width: 700px) {
	.image-carousel--multi .image-carousel__slide {
		flex-basis: calc(100% / var(--carousel-mobile-items-visible));
	}
}

.two-column-carousels,
.two-column-tables,
.imagecarousel-tablepress,
.tablepress-image {
	display: grid;
	gap: 24px;
}

.two-column-carousels__grid,
.two-column-tables__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.imagecarousel-tablepress__grid {
	display: grid;
	grid-template-columns: minmax(260px, 0.45fr) minmax(0, 1fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}
.imagecarousel-tablepress--carousel-right .imagecarousel-tablepress__grid {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);
}

.imagecarousel-tablepress--carousel-left .image-carousel {
	grid-column: 1;
}

.imagecarousel-tablepress--carousel-left .imagecarousel-tablepress__table {
	grid-column: 2;
}

.imagecarousel-tablepress--carousel-right .imagecarousel-tablepress__table {
	grid-column: 1;
}

.imagecarousel-tablepress--carousel-right .image-carousel {
	grid-column: 2;
}

.imagecarousel-tablepress__table {
	min-width: 0;
}

.imagecarousel-tablepress__table-item + .imagecarousel-tablepress__table-item {
	margin-top: 24px;
}

.imagecarousel-tablepress__table-item,
.imagecarousel-tablepress .image-carousel {
	min-width: 0;
}

.tablepress-image__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.55fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.tablepress-image__table,
.tablepress-image__figure {
	min-width: 0;
}

.tablepress-image__figure {
	display: grid;
	gap: 12px;
	margin: 0;
}

.tablepress-image__figure img {
	display: block;
	width: 100%;
	height: auto;
}

.tablepress-image__figure figcaption {
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.carousel-column {
	min-width: 0;
	display: grid;
	gap: 14px;
}

.carousel-column h3,
.two-column-tables__item h3 {
	margin: 0;
	font-size: 28px;
	line-height: 1.2;
}

.carousel-column__caption {
	color: var(--fernco-muted);
	font-size: 19px;
	line-height: 1.35;
}

.two-column-tables__item {
	min-width: 0;
	display: grid;
	gap: 16px;
}

.text-text {
	display: grid;
	gap: 24px;
}

@media (min-width: 901px) {
	.text-text__grid.text-text__grid--two-fifths { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
	.image-image__grid.image-image__grid--left-one-third { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
	.text-image--image-width-one-fifth { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); }
	.text-image--image-left.text-image--image-width-one-fifth { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); }
	.text-image--image-width-four-fifths { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); }
	.text-image--image-left.text-image--image-width-four-fifths { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); }
	.text-text__grid.text-text__grid--one-fifth { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); }
	.text-text__grid.text-text__grid--one-third { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
	.text-text__grid.text-text__grid--two-thirds { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
	.text-text__grid.text-text__grid--four-fifths { grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); }
}

.text-text__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.text-text__column {
	min-width: 0;
}

.text-text__column h3 {
	font-size: 28px;
}

.image-banner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	min-height: clamp(360px, 34vw, 520px);
	background-color: var(--fernco-ink);
	background-position: center;
	background-size: cover;
	border: 0;
}

.image-banner--text-right .image-banner__content {
	grid-column: 2;
}

.image-banner__content {
	display: grid;
	align-content: center;
	gap: 20px;
	min-width: 0;
	padding: clamp(34px, 5vw, 70px);
}

.image-banner--light .image-banner__content,
.image-banner--light .image-banner__content h2,
.image-banner--light .rich-text {
	color: var(--fernco-white);
}

.image-banner--dark .image-banner__content,
.image-banner--dark .image-banner__content h2,
.image-banner--dark .rich-text {
	color: var(--fernco-ink);
}

.image-banner--dark .image-banner__content {
	background: rgba(255, 255, 255, 0.78);
}

.image-banner__content h2 {
	margin: 0;
}

.image-banner__button {
	justify-self: start;
	margin-top: 4px;
}

.single-image {
	min-width: 0;
}

@media (min-width: 761px) {
	.single-image.single-image--align-center,
	.single-image.single-image--align-right {
		grid-column: 1 / -1;
		width: calc((100% + var(--fernco-grid-gutter)) / 12 * var(--single-image-span) - var(--fernco-grid-gutter));
		max-width: 100%;
		justify-self: center;
	}
	.single-image.single-image--align-right { justify-self: end; }
}

.single-image img {
	display: block;
	width: 100%;
	height: auto;
}

.single-image--text-center {
	text-align: center;
}
.single-image__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 24px;
}

.single-image--text-center .single-image__buttons {
	justify-content: center;
}

.single-image__buttons .button {
	margin: 0;
}

.single-image--text-center figcaption .button {
	margin-inline: 10px;
}

.single-image--text-center figcaption p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}

.single-image--text-center figcaption p .button {
	margin: 0;
}

.text-grid-wrap {
	display: grid;
	gap: 24px;
}

.text-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.text-grid-wrap--two_column .text-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.text-grid-wrap--four_column .text-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.text-grid-wrap--five_column .text-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.text-grid-wrap--three_column_small_first .text-grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr);
}

.text-grid-wrap--three_column_wide_middle .text-grid {
	grid-template-columns: minmax(0, 20fr) minmax(0, 24fr) minmax(0, 15fr);
}

.single-button {
	display: flex;
	justify-content: flex-start;
}
.single-button--center { justify-content: center; }
.single-button--right { justify-content: flex-end; }
.single-button__link { gap: 10px; max-width: 100%; white-space: normal; }
.single-button__link span { min-width: 0; overflow-wrap: anywhere; }
.single-button__icon { width: 1.15em; height: 1.15em; flex: 0 0 1.15em; object-fit: contain; }

.text-grid__card {
	min-width: 0;
}

/* Source tables retained inside editable two-column product content. */
.text-text__column {
	min-width: 0;
}

.text-text__column .rich-text:has(table) {
	overflow-x: auto;
}

.text-text__column .rich-text table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 24px;
	font-size: 0.9em;
}

.text-text__column .rich-text th,
.text-text__column .rich-text td {
	padding: 10px 12px;
	border-bottom: 1px solid var(--fernco-border, #dce2e7);
	text-align: left;
	vertical-align: top;
}

.text-text__column .rich-text th {
	background: var(--fernco-light);
}

.text-grid-wrap--card-light .text-grid__card {
	padding: 26px;
	background: var(--fernco-light);
	border-left: 5px solid var(--fernco-blue);
}

.text-grid__card .rich-text img {
	filter: var(--fernco-card-image-filter, none);
}

/* Opt-in shared row; separate cards elsewhere retain their original style. */
.text-grid-wrap--joined-row .text-grid {
	padding: clamp(16px, 2vw, 26px);
}

.text-grid-wrap--joined-row.text-grid-wrap--card-light .text-grid {
	background: var(--fernco-light);
}

.text-grid-wrap--joined-row .text-grid__card {
	padding: 0;
	border: 0;
	background: transparent;
}

.text-grid__card h3 {
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 1.2;
}

.text-grid-wrap--four_column .text-grid__card h3 {
	font-size: 22px;
	line-height: 1.18;
}

.text-grid-wrap--four_column .text-grid__card .rich-text {
	font-size: 17px;
	line-height: 1.4;
}

.text-grid-wrap--four_column .text-grid__card .rich-text a {
	font-size: 16px;
}

.text-grid-wrap--five_column .text-grid__card h3 {
	font-size: 20px;
	line-height: 1.18;
}

.text-grid-wrap--five_column .text-grid__card .rich-text {
	font-size: 16px;
	line-height: 1.38;
}

.text-grid-wrap--five_column .text-grid__card .rich-text a {
	font-size: 15px;
}
.html-embed {
	display: grid;
	gap: 24px;
}

.html-embed iframe,
.html-embed__iframe {
	display: block;
	width: 100%;
	min-height: 720px;
	height: 80vh;
	border: 0;
	background: var(--fernco-light);
}

.page-link-list {
	display: grid;
	gap: 24px;
}

.page-link-list__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.page-link-list--three_column .page-link-list__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-link-list--four_column .page-link-list__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.page-link-card {
	display: grid;
	align-items: center;
	min-height: 112px;
	padding: 26px;
	background: var(--fernco-light);
	border-left: 5px solid var(--fernco-blue);
	color: var(--fernco-ink);
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.page-link-card:hover,
.page-link-card:focus {
	background: var(--fernco-blue);
	color: var(--fernco-white);
	transform: translateY(-2px);
}

.image-banner--light .image-banner__button {
	background: var(--fernco-white);
	border-color: var(--fernco-white);
	color: var(--fernco-blue);
}

.image-banner--light .image-banner__button:hover,
.image-banner--light .image-banner__button:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
	color: var(--fernco-white);
}

.image-image {
	display: grid;
	gap: 24px;
}

.image-image__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.image-image__item {
	display: grid;
	gap: 14px;
	align-content: start;
	margin: 0;
	padding: 0;
}

.image-image__item img {
	width: 100%;
	height: auto;
}

.image-image__item h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.image-image__item figcaption {
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.text-logos-download {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.46fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.text-logos-download__content {
	min-width: 0;
}

.text-logos-download__panel {
	display: grid;
	gap: 22px;
	padding: 24px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.text-logos-download__logos {
	display: grid;
	gap: 16px;
}

.text-logos-download__logo {
	--fernco-logo-width: 120px;
	--fernco-logo-height: 90px;
	display: grid;
	grid-template-columns: minmax(0, var(--fernco-logo-width)) minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin: 0;
}

.image-image__grid--left-two-thirds {
	grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
}

.image-image__grid--left-three-quarters {
	grid-template-columns: minmax(0, 3fr) minmax(200px, 1fr);
}

.text-logos-download__logo--compact {
	--fernco-logo-width: 86px;
	--fernco-logo-height: 70px;
}

.text-logos-download__logo--full {
	--fernco-logo-width: 100%;
	--fernco-logo-height: 160px;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}

.text-logos-download__logo-image {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: var(--fernco-logo-width);
	max-width: 100%;
	height: var(--fernco-logo-height);
	overflow: hidden;
}

.text-logos-download__logo-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left center;
}

.text-logos-download__logo--cover .text-logos-download__logo-image img {
	object-fit: cover;
}

.text-logos-download__logo figcaption {
	color: var(--fernco-muted);
	font-size: 16px;
	line-height: 1.3;
}

.text-logos-download__button {
	justify-self: start;
}

.media-gallery-wrap {
	display: grid;
	gap: 24px;
}

.media-gallery {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.media-gallery-wrap--single .media-gallery {
	grid-template-columns: 1fr;
}

.media-gallery-wrap--two_column .media-gallery {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.media-gallery-wrap--three_column .media-gallery {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.media-gallery-wrap--four_column .media-gallery {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.media-gallery-wrap--feature .media-gallery {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.media-gallery-wrap--feature .media-gallery__item:first-child {
	grid-row: span 2;
}

.media-gallery__item {
	margin: 0;
	background: var(--fernco-light);
	border: 1px solid var(--fernco-line);
}

.media-gallery__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.media-gallery__item figcaption {
	padding: 14px 16px 16px;
	background: var(--fernco-white);
	border-top: 1px solid var(--fernco-line);
	color: var(--fernco-muted);
	font-size: 16px;
	line-height: 1.35;
}

.media-gallery-wrap--feature .media-gallery__item:first-child img {
	aspect-ratio: 4 / 3;
}

.image-grid-wrap {
	display: grid;
	gap: 24px;
}

.wysiwyg-image-grid {
	gap: 28px;
}

.wysiwyg-image-grid .image-grid__item img {
	aspect-ratio: 2.2 / 1;
	height: 100%;
	object-fit: contain;
	background: var(--fernco-light);
}

.image-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.image-grid-wrap--single .image-grid {
	grid-template-columns: 1fr;
}

.image-grid-wrap--three_column .image-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.image-grid-wrap--four_column .image-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.image-grid-wrap--five_column .image-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.image-grid-wrap--text-center .image-grid__item {
	text-align: center;
}

.image-grid-wrap--text-center .image-grid__button {
	justify-self: center;
}

.image-grid__item {
	display: grid;
	gap: 14px;
	align-content: start;
	margin: 0;
	padding: 18px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.image-grid__item img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: contain;
}

.image-grid-wrap--compact-heading-first .image-grid__item > img,
.image-grid-wrap--compact-heading-first .image-grid__image-link {
	width: 50%;
	max-width: 100%;
	aspect-ratio: auto;
	justify-self: start;
}

.image-grid-wrap--compact-heading-first .image-grid__item img {
	display: block;
	height: auto;
	aspect-ratio: var(--grid-image-ratio, auto);
	contain-intrinsic-size: none;
	object-fit: contain;
}

.image-grid-wrap--diagram-stack .image-grid {
	grid-template-columns: minmax(0, 1fr);
	width: calc((100% - var(--fernco-grid-gutter)) / 2);
	gap: 12px;
}
.image-grid-wrap--diagram-stack .image-grid__item {
	padding: 0;
	border: 0;
	background: transparent;
	min-width: 0;
}
.image-grid-wrap--diagram-stack .image-grid__item img {
	height: auto;
	aspect-ratio: var(--diagram-ratio, auto);
	contain-intrinsic-size: none;
	object-fit: contain;
}
.image-grid-wrap--diagram-columns .image-grid {
	width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(var(--diagram-rows), auto);
	grid-auto-flow: column;
	column-gap: var(--fernco-grid-gutter);
	align-items: start;
}
@media (max-width: 760px) {
	.image-grid-wrap--diagram-stack .image-grid { width: 100%; }
	.image-grid-wrap--diagram-columns .image-grid {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		grid-auto-flow: row;
	}
}

.image-grid-wrap--fit-cover .image-grid__image-link,
.image-grid-wrap--fit-cover .image-grid__item > img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.image-grid-wrap--fit-cover .image-grid__image-link img,
.image-grid-wrap--fit-cover .image-grid__item > img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.image-grid__image-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.image-grid__image-link:focus-visible {
	outline: 3px solid var(--fernco-blue);
	outline-offset: 4px;
}

.image-grid__lightbox-link {
	position: relative;
	cursor: zoom-in;
}

.image-grid__lightbox-link::after {
	content: "+";
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	background: rgba(29, 35, 39, 0.86);
	border-radius: 50%;
	color: var(--fernco-white);
	font: 600 24px/1 Arial, sans-serif;
	opacity: 0;
	transform: scale(0.9);
	transition: opacity 160ms ease, transform 160ms ease;
}

.image-grid__lightbox-link:hover::after,
.image-grid__lightbox-link:focus-visible::after {
	opacity: 1;
	transform: scale(1);
}

body.fernco-lightbox-open {
	overflow: hidden;
}

.fernco-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: clamp(18px, 4vw, 54px);
	background: rgba(9, 18, 25, 0.9);
}

.fernco-lightbox[hidden] {
	display: none;
}

.fernco-lightbox__dialog {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	width: min(1400px, 100%);
	height: min(900px, calc(100vh - 80px));
}

.fernco-lightbox__figure {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 0;
	height: 100%;
	margin: 0;
}

.fernco-lightbox__image {
	display: block;
	max-width: 100%;
	max-height: calc(100% - 48px);
	object-fit: contain;
}

.fernco-lightbox__caption {
	margin-top: 14px;
	color: var(--fernco-white);
	font-size: 16px;
	text-align: center;
}

.fernco-lightbox__close,
.fernco-lightbox__control {
	display: grid;
	place-items: center;
	padding: 0;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	color: var(--fernco-white);
	cursor: pointer;
}

.fernco-lightbox__close:hover,
.fernco-lightbox__close:focus-visible,
.fernco-lightbox__control:hover,
.fernco-lightbox__control:focus-visible {
	background: var(--fernco-blue);
	outline: 2px solid var(--fernco-white);
	outline-offset: 2px;
}

.fernco-lightbox__close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 42px;
	height: 42px;
	font-size: 30px;
}

.fernco-lightbox__control {
	width: 46px;
	height: 46px;
	margin: 12px;
}

.fernco-lightbox__control::before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border: solid currentColor;
	border-width: 0 3px 3px 0;
}

.fernco-lightbox__control--previous::before {
	transform: translateX(2px) rotate(135deg);
}

.fernco-lightbox__control--next::before {
	transform: translateX(-2px) rotate(-45deg);
}

@media (max-width: 760px) {
	.fernco-lightbox {
		padding: 14px;
	}

	.fernco-lightbox__dialog {
		grid-template-columns: 1fr;
		height: calc(100vh - 28px);
	}

	.fernco-lightbox__control {
		position: absolute;
		top: 50%;
		z-index: 2;
		width: 40px;
		height: 40px;
		margin: 0;
		transform: translateY(-50%);
	}

	.fernco-lightbox__control--previous {
		left: 0;
	}

	.fernco-lightbox__control--next {
		right: 0;
	}
}

.image-grid__item h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.image-grid__item h3 a {
	color: inherit;
	text-decoration: none;
}

.image-grid__item h3 a:hover,
.image-grid__item h3 a:focus {
	color: var(--fernco-blue);
	text-decoration: underline;
}

.image-grid__item figcaption {
	color: var(--fernco-muted);
	font-size: 17px;
	line-height: 1.35;
}

.image-grid__button {
	justify-self: start;
	min-height: 38px;
	padding: 10px 14px;
	font-size: 15px;
}

.content-accordion-wrap {
	display: grid;
	gap: 24px;
}

.content-accordion {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px var(--fernco-grid-gutter);
	align-items: start;
}

.content-accordion-wrap--two_column .content-accordion {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.content-toggle {
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.content-toggle[open] {
	border-color: var(--fernco-blue);
}

.content-toggle__summary {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 28px;
	gap: 18px;
	align-items: center;
	padding: 18px 22px;
	color: var(--fernco-ink);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.content-toggle__summary::-webkit-details-marker {
	display: none;
}

.content-toggle__summary::after {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--fernco-blue);
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
}

.content-toggle[open] .content-toggle__summary::after {
	content: "-";
}

.content-toggle__body {
	padding: 0 22px 22px;
	color: var(--fernco-muted);
}

.product-overview {
	display: grid;
	gap: 64px;
}

.product-overview__navigation {
	position: sticky;
	top: 86px;
	z-index: 80;
	align-self: start;
	min-width: 0;
	padding: 14px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	box-shadow: 0 7px 18px rgba(20, 48, 79, 0.1);
	backdrop-filter: blur(12px);
}

.product-overview__navigation-inner {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scrollbar-width: thin;
}

.product-overview__navigation-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 48px;
	padding: 11px 20px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-blue);
	color: var(--fernco-blue);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
	transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.product-overview__navigation-link:hover,
.product-overview__navigation-link:focus-visible {
	background: rgba(20, 82, 137, 0.08);
	color: var(--fernco-blue);
}

.product-overview__navigation-link:focus-visible {
	outline: 3px solid rgba(20, 82, 137, 0.25);
	outline-offset: 2px;
}

.product-overview__navigation-link.is-active,
.product-overview__navigation-link.is-active:hover,
.product-overview__navigation-link.is-active:focus-visible {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.button-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.button--outline {
	background: transparent;
	color: var(--fernco-blue);
}

.button--outline:hover,
.button--outline:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
	color: var(--fernco-white);
}

.entry-content--password-form {
	max-width: 760px;
}

.entry-content--password-form input[type="password"] {
	min-height: 44px;
	margin-inline: 8px;
	padding: 8px 12px;
	border: 1px solid var(--fernco-line);
	border-radius: 3px;
}

.product-overview__navigation-link.is-active {
	box-shadow: inset 0 -4px 0 rgba(255, 255, 255, 0.35);
}

.product-overview__group {
	display: grid;
	gap: 34px;
	padding: clamp(28px, 4vw, 48px);
	border: 1px solid var(--fernco-line);
	scroll-margin-top: 184px;
}

.product-overview__group > h3 {
	margin: 0;
	padding-bottom: 16px;
	border-bottom: 3px solid var(--fernco-blue);
	color: var(--fernco-ink);
	font-size: clamp(32px, 3vw, 40px);
	line-height: 1.15;
}

.product-overview__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.product-overview__subheading {
	margin: 4px 0 -18px;
	padding-left: 13px;
	border-left: 4px solid var(--fernco-blue);
	color: var(--fernco-ink);
	font-size: clamp(24px, 2vw, 29px);
	line-height: 1.15;
}

.product-overview__group > h3 + .product-overview__subheading {
	margin-top: clamp(14px, 2vw, 24px);
}

.product-overview__grid + .product-overview__subheading {
	margin-top: clamp(34px, 4vw, 52px);
}

.product-overview__group > h3 + .product-overview__grid,
.product-overview__subheading + .product-overview__grid {
	margin-top: 0;
}


.product-overview-card {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.product-overview-card--linked {
	cursor: pointer;
}

.product-overview-card--linked:hover,
.product-overview-card--linked:focus-within {
	transform: translateY(-2px);
	border-color: var(--fernco-blue);
	box-shadow: 0 8px 22px rgba(20, 48, 79, 0.12);
}

.product-overview-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 190px;
	padding: 18px;
	background: var(--fernco-light);
	border-bottom: 1px solid var(--fernco-line);
}

.product-overview-card__image img {
	width: 100%;
	max-height: 180px;
	object-fit: contain;
}

.product-overview-card__body {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 20px;
}

.product-overview-card h4 {
	margin: 0;
	color: var(--fernco-blue);
	font-size: 23px;
	line-height: 1.12;
}

.product-overview-card__subtitle {
	margin: 0;
	color: var(--fernco-ink);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.product-overview-card__details {
	color: var(--fernco-muted);
	font-size: 16px;
	line-height: 1.35;
}

.product-overview-card__details ul {
	padding-left: 18px;
}

.product-overview-card__link {
	position: absolute;
	inset: 0;
}

.product-overview-card__link:focus-visible {
	outline: 3px solid var(--fernco-blue);
	outline-offset: -3px;
}

.product-overview-card__details a {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.product-overview-card {
		transition: none;
	}

	.product-overview-card--linked:hover,
	.product-overview-card--linked:focus-within {
		transform: none;
	}
}

.cta-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: clamp(28px, 4vw, 46px);
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.cta-strip h2,
.cta-strip p {
	color: var(--fernco-white);
}

.cta-strip p {
	margin-bottom: 0;
}

.button--light {
	flex: 0 0 auto;
	background: var(--fernco-white);
	border-color: var(--fernco-white);
	color: var(--fernco-blue);
}

.button--light:hover,
.button--light:focus {
	background: var(--fernco-light);
	border-color: var(--fernco-light);
	color: var(--fernco-blue-dark);
}

.document-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
	margin-top: 24px;
}

.document-list--three-column {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.document-card-wrap {
	display: flex;
	position: relative;
}

.document-card-wrap > .document-card {
	width: 100%;
	height: 100%;
}

.document-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	min-height: 112px;
	padding: 22px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	color: var(--fernco-ink);
	text-decoration: none;
}

.document-card--has-thumbnail {
	grid-template-columns: 118px minmax(0, 1fr);
	align-items: stretch;
	padding: 16px;
}

.document-card:hover,
.document-card:focus {
	border-color: var(--fernco-blue);
	background: var(--fernco-blue-soft);
	color: var(--fernco-ink);
}

.document-card__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.document-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: var(--fernco-blue-soft);
	color: var(--fernco-blue);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.document-card__thumb {
	width: 100%;
	height: 100%;
	min-height: 92px;
	background: var(--fernco-light);
	border: 1px solid var(--fernco-line);
	object-fit: contain;
}

.document-card__content {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.document-card__title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.document-card__meta {
	color: var(--fernco-blue);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.document-card--pdf .document-card__icon {
	background: #fde9e7;
	color: #b42318;
}

.document-card--word .document-card__icon {
	background: #e6effc;
	color: #1f5fbf;
}

.document-card--excel .document-card__icon {
	background: #e5f4ea;
	color: #18713d;
}

.document-card--powerpoint .document-card__icon {
	background: #faece6;
	color: #b54708;
}

.document-card--archive .document-card__icon {
	background: #f1ecfb;
	color: #6941c6;
}

.document-card--link .document-card__icon {
	background: var(--fernco-blue-soft);
	color: var(--fernco-blue);
}

.video-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--fernco-grid-gutter);
	align-items: start;
}

.video-grid-section {
	display: grid;
	gap: 24px;
}

.video-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
}

.video-grid-section--three_column .video-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.video-card {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.video-card h3 {
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.video-embed {
	position: relative;
	display: block;
	width: 100%;
	max-width: none;
	aspect-ratio: 16 / 9;
	padding: 0;
	background: var(--fernco-ink);
	border: 1px solid var(--fernco-line);
	cursor: pointer;
	overflow: hidden;
}

.video-embed__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms ease, opacity 220ms ease;
}

.video-embed:hover .video-embed__poster,
.video-embed:focus-visible .video-embed__poster {
	opacity: 0.82;
	transform: scale(1.015);
}

.video-embed__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	background: var(--fernco-blue);
	border-radius: 50%;
	box-shadow: 0 18px 42px rgba(29, 37, 44, 0.28);
	transform: translate(-50%, -50%);
}

.video-embed__play::before {
	content: "";
	margin-left: 5px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 23px solid var(--fernco-white);
}

.video-embed:focus-visible {
	outline: 3px solid var(--fernco-blue);
	outline-offset: 4px;
}

.video-embed iframe,
.video-embed object,
.video-embed embed,
.video-embed__iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.video-embed.is-loaded {
	cursor: default;
}

.product-hero {
	background: var(--fernco-light);
	border-bottom: 1px solid var(--fernco-line);
}

.product-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
	gap: var(--fernco-grid-gutter);
	align-items: center;
	padding-block: clamp(44px, 5vw, 72px);
}

.content-section--family-products + .content-section--tabs {
	padding-top: clamp(38px, 5vw, 62px);
}

.product-hero__content:only-child {
	grid-column: 1 / -1;
}

.product-hero__media {
	aspect-ratio: 16 / 9;
	min-height: 0;
	overflow: hidden;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
}

.product-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	padding: 24px;
}

.product-tabs {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

/* Keep a wide data table inside its own scroll area, not the accordion grid. */
.product-accordion,
.product-accordion__panel,
.product-accordion .section-stack,
.content-section--table,
.content-section--table > .container {
	min-width: 0;
	max-width: 100%;
}

.table-scroll {
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
}

.table-scroll .dt-container { width: 100%; min-width: 0; }

/* Interactive tables: scroll the data, leaving search/pagination in place. */
.table-scroll .dt-layout-table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
}

.table-scroll .dt-layout-table > .dt-layout-cell { display: block; min-width: 0; }
.table-scroll input[type="search"] { max-width: 100%; box-sizing: border-box; }

.table-scroll:focus-visible,
.table-scroll .dt-layout-table:focus-visible {
	outline: 2px solid var(--fernco-blue);
	outline-offset: 2px;
}

.table-scroll-hint {
	font-size: 0.875rem;
	margin: 0 0 10px;
}

.table-scroll-hint[hidden] { display: none; }

.product-accordion__button { min-width: 0; overflow-wrap: anywhere; }

.product-accordion {
	border-top: 1px solid var(--fernco-line);
}

.product-accordion:last-child {
	border-bottom: 1px solid var(--fernco-line);
}

.product-accordion__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	margin: 0;
}

.product-accordion__button {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 44px;
	gap: 24px;
	align-items: center;
	width: 100%;
	min-height: 82px;
	padding: 20px 0;
	background: transparent;
	border: 0;
	color: var(--fernco-ink);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	text-align: left;
	cursor: pointer;
}


.product-accordion__button {
	padding-inline: 24px;
	background: #edecec;
	color: var(--fernco-ink);
	transition: background-color 160ms ease, color 160ms ease;
}

.product-accordion__permalink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 128px;
	padding: 12px 18px;
	background: #edecec;
	border-left: 1px solid rgba(29, 37, 44, 0.16);
	color: var(--fernco-blue);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease;
}

.product-accordion__permalink svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.product-accordion__permalink:hover,
.product-accordion__permalink:focus-visible,
.product-accordion__permalink.is-copied {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.product-accordion__permalink:focus-visible {
	position: relative;
	z-index: 1;
	outline: 2px solid var(--fernco-blue);
	outline-offset: 4px;
}

.content-section[id],
.homepage-slider[id] {
	scroll-margin-top: 140px;
}

.product-accordion__button .product-accordion__icon {
	background: var(--fernco-white);
	color: var(--fernco-blue);
}

.product-accordion__button:hover,
.product-accordion__button:focus {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.product-accordion__button:hover .product-accordion__icon,
.product-accordion__button:focus .product-accordion__icon {
	background: var(--fernco-white);
	color: var(--fernco-blue);
}

.product-accordion.is-open .product-accordion__button {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.product-accordion.is-open .product-accordion__button:hover,
.product-accordion.is-open .product-accordion__button:focus {
	background: var(--fernco-blue);
	color: var(--fernco-white);
}

.product-accordion.is-open .product-accordion__icon,
.product-accordion.is-open .product-accordion__button:hover .product-accordion__icon,
.product-accordion.is-open .product-accordion__button:focus .product-accordion__icon {
	background: var(--fernco-white);
	color: var(--fernco-blue);
}

.product-accordion__button:focus-visible {
	outline: 2px solid var(--fernco-blue);
	outline-offset: 4px;
}

.product-accordion__icon {
	position: relative;
	width: 44px;
	height: 44px;
	background: var(--fernco-blue-soft);
	border-radius: 999px;
	color: var(--fernco-blue);
	transition: background-color 160ms ease;
}

.product-accordion__icon::before,
.product-accordion__icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 2px;
	background: currentColor;
	transform: translate(-50%, -50%);
	transition: transform 160ms ease, opacity 160ms ease;
}

.product-accordion__icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.product-accordion.is-open .product-accordion__icon::after {
	opacity: 0;
	transform: translate(-50%, -50%) rotate(0deg);
}

.product-accordion__panel[hidden] {
	display: none;
}

.product-accordion__panel {
	padding-bottom: 28px;
}

.product-accordion .section-stack > .content-section:first-child,
.product-accordion .content-section {
	padding-block: 24px;
}

.product-accordion .content-section + .content-section {
	border-top: 0;
}

.product-accordion .content-section .container {
	width: 100%;
}

.site-footer {
	background: var(--fernco-ink);
	color: var(--fernco-white);
}

.site-footer a,
.site-footer .site-brand__text {
	color: var(--fernco-white);
}

.site-footer__brand-name {
	display: inline-flex;
	color: var(--fernco-white);
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.site-footer__brand-name:hover,
.site-footer__brand-name:focus {
	color: rgba(255, 255, 255, 0.78);
}

.site-footer__inner {
	max-width: var(--fernco-max);
	display: grid;
	grid-template-columns: minmax(280px, 1.35fr) repeat(2, minmax(180px, 0.7fr)) minmax(260px, 1fr);
	gap: var(--fernco-grid-gutter);
	width: calc(100% - (var(--fernco-gutter) * 2));
	margin-inline: auto;
	padding-block: 64px 58px;
}

.site-footer__intro p {
	max-width: 520px;
	margin-top: 16px;
	color: rgba(255, 255, 255, 0.76);
	font-size: 18px;
	line-height: 1.45;
}

.site-footer__contact {
	display: grid;
	gap: 8px;
	margin-top: 26px;
	font-size: 18px;
	line-height: 1.25;
}

.site-footer__contact p,
.site-footer__legal-content p {
	margin: 0;
}

.site-footer__contact a,
.site-footer__links a,
.site-footer__legal-links a,
.site-footer__credit {
	text-decoration: none;
}

.site-footer__contact a:hover,
.site-footer__contact a:focus,
.site-footer__links a:hover,
.site-footer__links a:focus,
.site-footer__legal-links a:hover,
.site-footer__legal-links a:focus,
.site-footer__credit:hover,
.site-footer__credit:focus {
	color: rgba(255, 255, 255, 0.78);
}

.site-footer__section h2 {
	margin-bottom: 16px;
	color: var(--fernco-white);
	font-size: 18px;
	line-height: 1.2;
}

.site-footer__links {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 1.3;
}

.site-footer__countries {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.site-footer__countries a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 10px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.site-footer__countries a:hover,
.site-footer__countries a:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
}

.site-footer__legal {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.site-footer__legal-inner {
	max-width: var(--fernco-max);
	display: grid;
	gap: 10px;
	width: calc(100% - (var(--fernco-gutter) * 2));
	margin-inline: auto;
	padding-block: 18px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 15px;
}

.site-footer__legal-row {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) auto;
	align-items: center;
	gap: 24px;
}

.site-footer__legal p {
	margin: 0;
}

.site-footer__legal-links,
.site-footer__social {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.site-footer__credit,
.site-footer__social {
	justify-self: end;
}

.site-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 50%;
	line-height: 1;
	text-decoration: none;
}

.site-footer__social svg {
	display: block;
	width: 15px;
	height: 15px;
}

.site-footer__social a:hover,
.site-footer__social a:focus {
	background: var(--fernco-blue);
	border-color: var(--fernco-blue);
}

@media (max-width: 1260px) {
	.site-header__inner {
		grid-template-columns: auto auto;
		align-content: start;
		max-height: 100vh;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.menu-toggle {
		display: block;
		justify-self: end;
	}

	.primary-navigation,
	.site-header__actions {
		display: none;
		grid-column: 1 / -1;
		justify-self: stretch;
	}

	.primary-navigation {
		grid-row: 2;
		padding-top: 8px;
		border-top: 1px solid var(--fernco-line);
	}

	.site-header__actions {
		grid-row: 3;
	}

	.primary-navigation.is-open,
	.site-header__actions.is-open {
		display: block;
	}

	.primary-menu,
	.site-header__actions {
		min-width: 100%;
		margin-top: 0;
		box-shadow: none;
	}

	.primary-menu {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
	}

	.primary-menu > li {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 46px;
		align-items: stretch;
		width: 100%;
		border-bottom: 1px solid var(--fernco-line);
	}

	.site-header__actions {
		align-items: stretch;
		flex-direction: column;
		gap: 16px;
		padding: 14px 0 18px;
		border-bottom: 0;
	}

	.site-header__actions.is-open {
		display: flex;
	}

	.primary-menu > li > a {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		height: auto;
		min-height: 0;
		padding: 13px 8px;
	}

	.mobile-submenu-toggle {
		display: flex;
		grid-column: 2;
		grid-row: 1;
		align-items: center;
		justify-content: center;
		width: 46px;
		min-height: 46px;
		padding: 0;
		color: var(--fernco-ink);
		background: transparent;
		border: 0;
		border-left: 1px solid var(--fernco-line);
		cursor: pointer;
	}

	.mobile-submenu-toggle:hover,
	.mobile-submenu-toggle:focus-visible,
	.mobile-submenu-toggle[aria-expanded="true"] {
		color: var(--fernco-blue);
		background: rgba(0, 108, 181, 0.07);
	}

	.mobile-submenu-toggle__icon {
		width: 9px;
		height: 9px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		transition: transform 160ms ease;
	}

	.mobile-submenu-toggle[aria-expanded="true"] .mobile-submenu-toggle__icon {
		transform: translateY(2px) rotate(225deg);
	}

	.primary-menu .sub-menu,
	.primary-menu .sub-menu .sub-menu {
		position: static;
		inset: auto;
		width: 100%;
		min-width: 0;
		padding: 0 0 8px 18px;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition: none;
	}

	.primary-menu .sub-menu .sub-menu::before {
		display: none;
	}

	.primary-menu > .menu-item-has-children > .sub-menu,
	.primary-menu > .menu-item--mega > .mega-menu {
		display: none;
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.primary-menu > .is-mobile-submenu-open > .sub-menu,
	.primary-menu > .is-mobile-submenu-open > .mega-menu {
		display: block;
	}

	.primary-menu .sub-menu .sub-menu {
		padding-left: 14px;
	}

	.primary-menu .sub-menu a {
		width: 100%;
		min-height: 0;
		padding: 9px 8px;
		font-size: 14px;
	}

	.primary-menu .menu-item-has-children > a::after,
	.primary-menu .menu-item--mega > a::after {
		display: none;
	}

	.mega-menu {
		position: static;
		inset: auto;
		width: 100%;
		padding: 0 8px 14px 18px;
		background: rgba(29, 37, 44, 0.035);
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
		transition: none;
	}

	.mega-menu__inner {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.mega-menu__column--wide {
		grid-column: auto;
	}

	.mega-menu__column {
		padding-bottom: 0;
	}

	.mega-menu__groups {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.mega-menu__promo {
		display: none;
	}

	.header-action--search {
		width: 44px;
		height: 44px;
		min-height: 44px;
		border: 1px solid var(--fernco-line);
		border-radius: 4px;
	}

	.site-search-shell {
		position: static;
		flex: 0 0 auto;
	}

	.language-navigation {
		order: -1;
		width: 100%;
		min-width: 0;
		z-index: auto;
	}

	.language-menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: 100%;
	}

	.language-menu > li {
		display: contents;
	}

	.language-menu a {
		width: 100%;
		min-width: 0;
		box-sizing: border-box;
		overflow-wrap: anywhere;
		min-height: 40px;
		padding: 0 10px;
		border: 1px solid var(--fernco-line);
		border-radius: 4px;
	}

	.language-menu > li.menu-item-has-children > a::after {
		display: none;
	}

	.language-menu .sub-menu {
		position: static;
		display: contents;
		align-items: center;
		flex-wrap: wrap;
		gap: 6px;
		min-width: 0;
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: none;
	}

	.language-menu .sub-menu a {
		min-height: 40px;
		padding: 0 10px;
	}
}

@media (max-width: 1100px) {
	.product-family-list,
	.product-related-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-overview__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.news-layout {
		grid-template-columns: 1fr;
	}

	.news-sidebar {
	}

	.news-card-grid,
	.news-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.product-overview__navigation {
		top: 74px;
		padding: 8px;
		box-shadow: 0 4px 12px rgba(20, 48, 79, 0.09);
	}

	.product-overview__navigation-inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		overflow: visible;
	}

	.product-overview__navigation-link {
		min-height: 40px;
		padding: 6px 12px;
		font-size: 14px;
		white-space: normal;
	}

	.product-overview__group {
		scroll-margin-top: 188px;
	}

	.homepage-slide[style*="--homepage-slide-mobile-bg"] {
		background-image: var(--homepage-slide-mobile-bg) !important;
	}

	.homepage-slide__inner,
	.homepage-slide--content-right .homepage-slide__inner {
		grid-template-columns: minmax(0, 1fr);
		min-height: auto;
		padding-block: 56px 84px;
		padding-inline: 0;
	}

	.homepage-slider__track,
	.homepage-slide {
		min-height: auto;
	}

	.homepage-slide--content-right .homepage-slide__content,
	.homepage-slide--content-right .homepage-slide__media,
	.homepage-slide--content-right .homepage-slide__tiles {
		grid-column: auto;
		grid-row: auto;
	}

	.homepage-slide h1 {
		font-size: 42px;
	}

	.homepage-slide__text {
		font-size: 22px;
	}

	.homepage-slide__tiles {
		grid-template-columns: 1fr;
	}


	:root {
		--fernco-gutter: min(var(--fernco-gutter-setting), 24px);
	}

	.site-header__inner {
		width: calc(100% - (var(--fernco-gutter) * 2));
		min-height: 74px;
	}

	.page-hero__inner,
	.archive-header .container {
		padding-block: 52px;
	}

	.site-footer__inner,
	.site-footer__legal-inner,
	.site-footer__legal-row {
		grid-template-columns: 1fr;
		flex-direction: column;
		align-items: flex-start;
	}

	.site-footer__credit,
	.site-footer__social {
		justify-self: start;
	}

	.footer-navigation {
		justify-self: start;
	}

	.footer-menu,
	.legal-menu {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.text-image,
	.text-image[class*="text-image--image-width-"],
	.image-banner,
	.text-image-image,
	.text-image-image__media,
	.text-text__grid,
	.image-image__grid,
	.two-column-carousels__grid,
	.two-column-tables__grid,
	.imagecarousel-tablepress .imagecarousel-tablepress__grid,
	.tablepress-image__grid,
	.text-logos-download,
	.media-gallery,
	.media-gallery-wrap--feature .media-gallery,
		.image-grid,
		.image-grid-wrap[class*="image-grid-wrap--"] .image-grid,
		.text-grid,
		.text-grid-wrap[class*="text-grid-wrap--"] .text-grid,
		.page-link-list__grid,
		.content-accordion-wrap--two_column .content-accordion,
		.product-overview__grid,
	.video-card-grid,
	.video-grid-section--three_column .video-card-grid,
	.video-grid,
	.product-hero__inner {
		grid-template-columns: 1fr;
	}

	.product-hero__inner {
		padding-block: 44px;
	}

	.product-hero__media {
		aspect-ratio: 4 / 3;
	}

	.product-hero__media img {
		padding: 18px;
	}

	.content-section__inner--grid > [class*="content-section__content--span-"] {
		grid-column: 1 / -1;
	}

	.content-section__inner--grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.homepage-slide__content {
		min-width: 0;
		overflow-wrap: anywhere;
	}
	.imagecarousel-tablepress .image-carousel,
	.imagecarousel-tablepress .imagecarousel-tablepress__table {
		grid-column: auto;
	}

	.content-section--image-left .text-image__media {
		order: 0;
	}

	.text-image--image-left .text-image__media {
		order: 0;
	}

	.image-banner--text-right .image-banner__content {
		grid-column: auto;
	}

	.product-accordion__button {
		grid-template-columns: minmax(0, 1fr) 38px;
		min-height: 68px;
		font-size: 22px;
	}

	.product-accordion__permalink {
		min-width: 54px;
		padding-inline: 16px;
	}

	.product-accordion__permalink-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.product-accordion__icon {
		width: 38px;
		height: 38px;
	}

	.document-list {
		grid-template-columns: 1fr;
	}

	.news-card {
		grid-template-columns: 1fr;
	}

	.news-card__image {
		aspect-ratio: 16 / 9;
		min-height: 0;
		border-right: 0;
	}

	.news-card-grid,
	.news-related__grid,
	.case-studies-grid--2-columns .case-studies-grid__items,
	.case-studies-grid--4-columns .case-studies-grid__items {
		grid-template-columns: 1fr;
	}

	.product-family-list,
	.product-related-list {
		grid-template-columns: 1fr;
	}

	.cta-strip {
		align-items: flex-start;
		flex-direction: column;
	}
}


.form-embed {
	display: grid;
	gap: 28px;
}

.form-embed__intro,
.form-embed__form {
	max-width: 900px;
}

.form-embed .frm-fluent-form,
.form-embed .fluentform {
	max-width: 900px;
	margin-left: 0;
	margin-right: auto;
}

.form-embed .ff-el-group {
	margin-bottom: 22px;
}

.form-embed .ff-el-input--label label,
.form-embed .ff-el-form-check-label {
	font-size: 18px;
	font-weight: 600;
	color: var(--fernco-ink);
}

.form-embed .ff-el-form-control {
	min-height: 54px;
	border: 1px solid var(--fernco-line);
	border-radius: 0;
	font-family: inherit;
	font-size: 18px;
	line-height: 1.4;
	color: var(--fernco-ink);
}

.form-embed textarea.ff-el-form-control {
	min-height: 180px;
}

.form-embed .ff-btn-submit {
	min-height: 54px;
	padding: 12px 28px;
	border: 1px solid var(--fernco-blue);
	background: var(--fernco-blue);
	color: var(--fernco-white);
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}

.form-embed .ff-btn-submit:hover,
.form-embed .ff-btn-submit:focus {
	background: var(--fernco-blue-dark);
	border-color: var(--fernco-blue-dark);
}

.map-responsive iframe {
	display: block;
	width: 100%;
	min-height: 440px;
}

.form-embed .ff-el-form-check,
.form-embed .ff-el-form-check-label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.form-embed input[type='checkbox'] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 5px 0 0;
	accent-color: var(--fernco-blue);
}

.form-embed .ff_t_c {
	display: inline-block;
	margin-left: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	color: var(--fernco-ink);
}

.form-embed .ff-el-tc .ff_tc_label {
	display: flex !important;
	align-items: flex-start;
	gap: 12px;
}

.form-embed .ff-el-tc .ff_tc_checkbox {
	flex: 0 0 auto;
	display: inline-flex;
}

.form-embed .ff-el-tc .ff_t_c {
	flex: 1 1 auto;
}

.site-search-shell {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.site-search[hidden] {
	display: none;
}

.site-search {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	z-index: 1200;
	width: min(520px, calc(100vw - 32px));
	padding: 12px;
	background: #fff;
	border: 1px solid #dbe4ea;
	box-shadow: 0 18px 45px rgba(0, 30, 52, 0.16);
}

.site-search::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 14px;
	width: 14px;
	height: 14px;
	background: #fff;
	border-top: 1px solid #dbe4ea;
	border-left: 1px solid #dbe4ea;
	transform: rotate(45deg);
}

.site-search__form {
	position: relative;
	z-index: 1;
	margin: 0 0 10px;
}

.site-search__input {
	width: 100%;
	min-height: 46px;
	border: 1px solid #ccd8e0;
	background: #f6f8fa;
	color: var(--fernco-dark);
	font: inherit;
	font-size: 18px;
	line-height: 1.3;
	padding: 10px 12px;
	outline: none;
}

.site-search__input:focus {
	border-color: var(--fernco-blue);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(0, 100, 170, 0.12);
}

.site-search__status {
	position: relative;
	z-index: 1;
	min-height: 20px;
	margin: 0 0 8px;
	color: #5d6a72;
	font-size: 14px;
	line-height: 1.35;
}

.site-search__results {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 8px;
	max-height: min(560px, calc(100vh - 170px));
	overflow: auto;
}

.site-search-result {
	display: grid;
	grid-template-columns: 118px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	min-height: 88px;
	padding: 8px;
	border: 1px solid #e1e8ed;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.site-search-result:hover,
.site-search-result:focus {
	border-color: var(--fernco-blue);
	box-shadow: 0 8px 22px rgba(0, 47, 80, 0.1);
	transform: translateY(-1px);
}

.site-search-result__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 118px;
	height: 72px;
	background: #f1f5f7;
	overflow: hidden;
}

.site-search-result__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.site-search-result__image--empty {
	color: var(--fernco-blue);
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.site-search-result__body {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.site-search-result__type {
	justify-self: start;
	padding: 3px 7px;
	border-radius: 999px;
	background: #e8f3fb;
	color: var(--fernco-blue-dark);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.2;
	text-transform: uppercase;
}

.site-search-result__title {
	color: var(--fernco-dark);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
}

.site-search-result__meta {
	color: #5d6a72;
	font-size: 14px;
	line-height: 1.25;
}

.site-search-result--document .site-search-result__image {
	background: #e8f3fb;
}

@media (max-width: 1260px) {
	.site-search {
		position: static;
		top: 100%;
		right: 0;
		left: 0;
		width: 100%;
		margin-top: 8px;
	}

	.site-search::before {
		display: none;
	}
}

@media (max-width: 700px) {
	.site-search {
		left: 0;
		width: 100%;
	}

	.site-search-result {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 10px;
	}

	.site-search-result__image {
		width: 92px;
		height: 62px;
	}
}

.sticky-flags {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 95;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 20px;
	transform: translateY(-50%);
}

.sticky-flags__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	padding: 14px 9px;
	border: 1px solid var(--fernco-blue-dark);
	border-right: 0;
	border-radius: 7px 0 0 7px;
	background: var(--fernco-blue);
	box-shadow: 0 12px 30px rgba(0, 63, 115, 0.2);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	writing-mode: vertical-rl;
}

.sticky-flags__link:hover,
.sticky-flags__link:focus-visible {
	background: var(--fernco-blue-dark);
	box-shadow: 0 16px 36px rgba(0, 63, 115, 0.26);
	color: #fff;
}

.sticky-flags__link span {
	display: block;
	transform: rotate(180deg);
}

@media (max-width: 900px) {
	.sticky-flags {
		display: none;
	}
}

.page-sidebar-layout {
	padding-block: clamp(36px, 6vw, 76px);
}

.page-sidebar-layout__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.page-sidebar-layout__main > .section-stack {
	display: grid;
	gap: clamp(28px, 4vw, 48px);
}

.page-sidebar-layout__main .content-section {
	padding-block: 0;
}

.page-sidebar-layout__main .content-section + .content-section {
	margin-top: 0;
}

.page-sidebar-layout__main .content-section > .container {
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

/* Coloured sections are padded panels within the sidebar's main column. */
.page-sidebar-layout__main .content-section--surface-light {
	padding: 32px;
}

@media (max-width: 760px) {
	.page-sidebar-layout__main .content-section--surface-light {
		padding: 20px;
	}
}

.page-sidebar {
	display: grid;
	gap: 24px;
	align-self: start;
}

.page-sidebar > .acfui-frontend-layout > .page-sidebar__block {
	height: 100%;
}


.page-sidebar__block {
	padding: 24px;
	background: var(--fernco-white);
	border: 1px solid var(--fernco-line);
	border-top: 5px solid var(--fernco-blue);
}

.page-sidebar__heading {
	margin: 0 0 16px;
	color: var(--fernco-blue);
	font-size: 24px;
	line-height: 1.2;
}

.page-sidebar__content {
	font-size: 18px;
	line-height: 1.45;
}

.page-sidebar-accordion {
	display: grid;
	gap: 10px;
}

.page-sidebar-toggle {
	background: #f4f6f8;
	border: 1px solid var(--fernco-line);
}

.page-sidebar-toggle[open] {
	border-color: var(--fernco-blue);
}

.page-sidebar-toggle__summary {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 22px;
	gap: 12px;
	align-items: center;
	padding: 13px 15px;
	color: var(--fernco-ink);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	list-style: none;
}

.page-sidebar-toggle__summary::-webkit-details-marker {
	display: none;
}

.page-sidebar-toggle__summary::after {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: var(--fernco-blue);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

.page-sidebar-toggle[open] .page-sidebar-toggle__summary::after {
	content: "-";
}

.page-sidebar-toggle__body {
	padding: 0 15px 15px;
	font-size: 16px;
	line-height: 1.45;
}

.page-sidebar-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.page-sidebar-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: var(--fernco-blue);
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	transition: background 0.2s ease;
}

.page-sidebar-social__link:hover,
.page-sidebar-social__link:focus-visible {
	background: var(--fernco-blue-dark);
	color: #fff;
}

.page-sidebar-social__link svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.page-sidebar-social__link > span:not(.page-sidebar-social__fallback) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.page-sidebar-social__fallback {
	font-size: 18px;
	font-weight: 700;
}

@media (max-width: 1100px) {
	.page-sidebar-layout__grid {
		grid-template-columns: 1fr;
	}

	.page-sidebar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.page-sidebar {
		grid-template-columns: 1fr;
	}
}

/* Shared small-screen containment. Keep desktop composition unchanged. */
@media (max-width: 1100px) {
	.product-overview, .product-overview__group,
	.product-overview-card, .product-overview-card__body { grid-template-columns: minmax(0, 1fr); }
	.product-overview__group, .product-overview-card__body { min-width: 0; overflow-wrap: anywhere; }
	.site-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.site-footer__inner > *,
	.product-hero__inner > *,
	.text-image > *,
	.text-text__grid > *,
	.text-grid > *,
	.news-layout > *,
	.news-card-grid > *,
	.news-related__grid > * { min-width: 0; }
	main :is(h1, h2, h3, .rich-text),
	.document-card__content,
	.site-footer { overflow-wrap: anywhere; }
	main :is(h1, h2, h3), .document-card__title { hyphens: auto; }
	.document-card__content > * { min-width: 0; }
	.document-card--has-thumbnail { grid-template-columns: minmax(60px, 28%) minmax(0, 1fr); }
	.product-overview__navigation-inner {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
	.product-overview__navigation-link { white-space: normal; min-width: 0; }
}

@media (min-width: 761px) and (max-width: 1000px) {
	.product-hero__inner { grid-template-columns: minmax(0, 1fr); }
	.product-hero__media { width: 100%; max-width: 620px; }
}

@media (max-width: 760px) {
	body { font-size: 18px; }
	main h1, .homepage-slide h1 { font-size: clamp(28px, 7.2vw, 36px); }
	main h2 { font-size: clamp(26px, 6.7vw, 30px); }
	main h3 { font-size: 24px; }
	.page-hero__summary, .homepage-slide__text { font-size: 18px; }
	.site-footer__inner { grid-template-columns: minmax(0, 1fr); }
	.news-layout, .news-card-grid, .news-related__grid,
	.product-hero__inner { grid-template-columns: minmax(0, 1fr); }
	.product-enquiry__media { max-width: 320px; }
	.product-enquiry__form .ff-el-group { margin-bottom: 18px; }
	.product-enquiry__form .ff-el-form-control { font-size: 18px; min-height: 48px; }
	.product-enquiry__form .ff-btn-submit { min-height: 48px; }
	.product-enquiry__form .ff-el-form-check-label { font-size: 16px; }
}

/* Align the homepage introduction and cards to the four-column image grid. */
.content-image-news {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--fernco-grid-gutter);
	align-items: stretch;
}
.content-image-news > * { min-width: 0; }
.content-image-news__content { grid-column: span 2; }
.content-image-news__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}
.content-image-news__news.news-card-grid { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1000px) {
	.content-image-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.content-image-news { grid-template-columns: minmax(0, 1fr); }
	.content-image-news__content { grid-column: auto; }
}