/* RDP: catalog pages = product master + category pages (2026-11-06, round 2). Built by scripts/redesign-masters.php,
   grid + menus from inc/rdp-catalog.php, behaviour in rdp-catalog.js. Loaded only on pages with .rdp-cl containers.
   Design reference = the live catalog pages: patterned title bar, "Moulds We Offer" box (title on the frame, range
   icons, blue current row), equal filter buttons, cards with a round second photo and "Read More" + blue arrow box.
   Content at the site width, backgrounds edge to edge (same rule as the product pages). */

.fusion-fullwidth.rdp-cl {
	--cl-blue: #1b4d89;
	--cl-blue-dark: #163f70;
	--cl-navy: #0e2a4c;
	--cl-ink: #1c2733;
	--cl-text: #3d4855;
	--cl-muted: #5b6573;
	--cl-line: #d8e0ea;
	--cl-soft: #f3f6fa;
	--cl-img: #e7ebf0;
	--cl-bg: #ffffff;
	--cl-gap: 64px;
	padding-top: var(--cl-gap) !important;
	padding-bottom: var(--cl-gap) !important;
	background: transparent !important;
	border-image: linear-gradient(var(--cl-bg), var(--cl-bg)) fill 0 / / 0 100vw;
	color: var(--cl-text);
}
.rdp-cl p {
	margin: 0 0 14px;
}
.rdp-cl .fusion-title {
	margin-bottom: 0 !important;
}
.rdp-cl .fusion-text > :last-child {
	margin-bottom: 0;
}
.rdp-cl .fusion-column-wrapper {
	margin-bottom: 0 !important;
}
.rdp-cl a {
	color: var(--cl-blue);
}
.rdp-cl h2,
.rdp-cl .rdp-cl-h2 h2 {
	margin: 0 0 22px !important;
	font-size: clamp(23px, 2.1vw, 29px) !important;
	line-height: 1.25 !important;
	color: var(--cl-ink) !important;
	text-align: left;
}
.rdp-cl .rdp-cl-sub {
	margin: -12px 0 24px;
	font-size: 15.5px;
	color: var(--cl-muted);
}
.rdp-cl-item[hidden],
.rdp-cl-item.is-more,
.rdp-cl-group[hidden],
.rdp-cl-none[hidden],
.rdp-cl-showall[hidden] {
	display: none !important;
}

/* ---------- buttons (Avada buttons) ---------- */
.rdp-cl .fusion-button.rdp-cl-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px !important;
	font-size: 15.5px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	border: 2px solid var(--cl-blue) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.rdp-cl .fusion-button.rdp-cl-btn .fusion-button-text {
	color: inherit !important;
	font: inherit !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-primary {
	color: #ffffff !important;
	background: var(--cl-blue) !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-primary:hover,
.rdp-cl .fusion-button.rdp-cl-btn-primary:focus-visible {
	background: var(--cl-blue-dark) !important;
	border-color: var(--cl-blue-dark) !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-ghost {
	color: var(--cl-blue) !important;
	background: #ffffff !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-ghost:hover,
.rdp-cl .fusion-button.rdp-cl-btn-ghost:focus-visible {
	color: #ffffff !important;
	background: var(--cl-blue) !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-white {
	color: var(--cl-navy) !important;
	background: #ffffff !important;
	border-color: #ffffff !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-outline {
	color: #ffffff !important;
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.6) !important;
}
.rdp-cl .fusion-button.rdp-cl-btn-white:hover,
.rdp-cl .fusion-button.rdp-cl-btn-outline:hover {
	color: #ffffff !important;
	background: #2f6db5 !important;
	border-color: #2f6db5 !important;
}

/* ---------- header band: the old title bar, with the intro, key facts and the starting price ---------- */
.fusion-fullwidth.rdp-cl-head {
	--cl-gap: 26px;
	/* title bar pattern of the site (Avada option page_title_bg) on a light blue-grey, painted to the window edges */
	box-shadow: 0 0 0 100vmax #f2f5f9;
	clip-path: inset(0 -100vmax);
	border-image: url("/wp-content/uploads/ohm-prodcts-1.png") 0 fill / / 0 100vw repeat;
	border-bottom: 1px solid var(--cl-line) !important;
}
.rdp-cl-head > .fusion-builder-row {
	align-items: center;
}
.rdp-cl-head-copy > .fusion-column-wrapper {
	padding-right: 40px !important;
}
.rdp-cl .rdp-cl-crumbs,
.rdp-cl .rdp-cl-crumbs a {
	font-size: 13px !important;
	color: var(--cl-muted) !important;
}
.rdp-cl .rdp-cl-crumbs p {
	margin: 0 0 10px !important;
}
.rdp-cl .rdp-cl-crumbs .separator {
	font-size: 0 !important;
}
.rdp-cl .rdp-cl-crumbs .separator::before {
	content: "›";
	margin: 0 7px;
	font-size: 14px;
	color: #9aa6b4;
}
.rdp-cl .rdp-cl-h1 h1 {
	margin: 0 0 12px !important;
	font-size: clamp(28px, 2.7vw, 38px) !important;
	line-height: 1.15 !important;
	color: var(--cl-ink) !important;
	text-align: left !important;
}
.rdp-cl .rdp-cl-intro {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.65;
	color: var(--cl-text);
}
.rdp-cl .rdp-cl-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl .rdp-cl-facts li {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	margin: 0 !important;
	padding: 8px 13px !important;
	font-size: 14px;
	line-height: 1.3;
	color: var(--cl-muted);
	background: #ffffff;
	border: 1px solid var(--cl-line);
	border-radius: 999px;
}
.rdp-cl .rdp-cl-facts strong {
	font-size: 15px;
	color: var(--cl-ink);
}
.rdp-cl-pricebox {
	padding: 20px 22px 6px;
	background: #ffffff;
	border: 1px solid var(--cl-line);
	border-top: 4px solid var(--cl-blue);
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(14, 42, 76, 0.08);
}
.rdp-cl .rdp-cl-pricebox .k {
	margin: 0 0 2px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cl-muted);
}
.rdp-cl .rdp-cl-pricebox .v {
	margin: 0 0 4px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--cl-blue);
}
.rdp-cl .rdp-cl-pricebox .v span {
	margin-left: 6px;
	font-size: 16px;
	font-weight: 600;
	color: var(--cl-ink);
}
.rdp-cl .rdp-cl-pricebox .n {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--cl-muted);
}
.rdp-cl-head-cta > .fusion-column-wrapper {
	display: flex !important;
	flex-direction: column;
	gap: 0;
}
.rdp-cl-head-cta .fusion-button.rdp-cl-btn {
	width: 100%;
	margin-top: 14px;
}
.rdp-cl .rdp-cl-call {
	margin: 10px 0 0;
	font-size: 14px;
	text-align: center;
	color: var(--cl-muted);
}
.rdp-cl .rdp-cl-call a {
	font-weight: 700;
}

/* ---------- body ---------- */
.fusion-fullwidth.rdp-cl-body {
	--cl-gap: 30px;
	padding-bottom: 64px !important;
}
.rdp-cl-main .rdp-cl-h2 h2 {
	margin-bottom: 18px !important;
}
/* sidebar boxes: title sits on the frame, as on the old "Moulds We Offer" widget.
   2026-11-06 pins (toys A): space between the boxes (Avada's wrapper rule beat the plain gap), every box the same
   width (the inner rows ignored the wrapper's right padding: no padding now), sticky sidebar (below). */
.rdp-cl-side > .fusion-column-wrapper {
	display: flex !important;
	flex-direction: column;
	gap: 34px !important;
	padding-right: 0 !important;
}
@media (min-width: 1024px) {
	/* sticks under the stuck header (76 px) + 20 px; a sidebar taller than the window scrolls with the page until
	   its end is in view, then sticks (top set by rdp-catalog.js) */
	.rdp-cl-body-a .rdp-cl-side {
		position: sticky !important;
		top: 96px;
		align-self: flex-start !important;
	}
}
/* a box is an Avada inner column (so a form element can sit inside it) */
.rdp-cl-side .fusion-builder-row-inner {
	width: 100% !important;
	margin: 0 !important;
}
/* Avada writes width:104% !important inline on inner rows (100% + column spacing), so the boxes were wider than the
   menu box. The row box is taken out of the layout: the box columns sit straight in the sidebar, as wide as the menu */
.fusion-fullwidth.rdp-cl-body .rdp-cl-side > .fusion-column-wrapper > .fusion-builder-row-inner {
	display: contents !important;
}
.rdp-cl-side .rdp-cl-box {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.rdp-cl-box > .fusion-column-wrapper,
.rdp-cl-nav-side {
	position: relative;
	margin: 0 !important;
	padding: 24px 16px 16px !important;
	background: #ffffff !important;
	border: 2px solid var(--cl-blue) !important;
	border-radius: 10px !important;
}
.rdp-cl .rdp-cl-boxt {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 !important;
	padding: 0 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	color: var(--cl-ink);
	background: #ffffff;
	transform: translate(-50%, -50%);
}
.rdp-cl-nav ul {
	display: grid;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-nav li {
	margin: 0 !important;
	padding: 0 !important;
}
.rdp-cl-nav a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 6px 12px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none !important;
	color: var(--cl-ink) !important;
	background: var(--cl-soft);
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease;
}
.rdp-cl-nav a:hover,
.rdp-cl-nav a:focus-visible {
	background: #e3ebf5;
}
.rdp-cl-nav a[aria-current="page"] {
	color: #ffffff !important;
	background: var(--cl-blue);
}
.rdp-cl-navt {
	flex: 1 1 auto;
}
.rdp-cl-navn {
	flex: none;
	min-width: 28px;
	padding: 1px 7px;
	font-size: 12.5px;
	font-weight: 600;
	text-align: center;
	color: var(--cl-blue);
	background: #ffffff;
	border-radius: 999px;
}
.rdp-cl-nav a[aria-current="page"] .rdp-cl-navn {
	color: var(--cl-blue);
}
.rdp-cl-ico {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: var(--cl-blue);
}
.rdp-cl-ico-img::before {
	content: "";
	width: 28px;
	height: 28px;
	background: currentColor;
	-webkit-mask: var(--ico) center / contain no-repeat;
	mask: var(--ico) center / contain no-repeat;
}
.rdp-cl-nav a[aria-current="page"] .rdp-cl-ico {
	color: #ffffff;
}
.rdp-cl-box .rdp-form {
	margin: 0;
}
.rdp-cl .rdp-cl-boxnote {
	margin: 0 0 12px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--cl-muted);
}
.rdp-cl-talk {
	display: grid;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-talk li {
	margin: 0 !important;
	padding: 0 !important;
}
.rdp-cl-talk a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none !important;
	color: var(--cl-ink) !important;
	background: var(--cl-soft);
	border-radius: 8px;
	word-break: break-word;
}
.rdp-cl-talk a:hover,
.rdp-cl-talk a:focus-visible {
	color: #ffffff !important;
	background: var(--cl-blue);
}
.rdp-cl-talk svg {
	flex: none;
	color: var(--cl-blue);
}
.rdp-cl-talk a:hover svg,
.rdp-cl-talk a:focus-visible svg {
	color: #ffffff;
}
.rdp-cl-body-a .rdp-cl-main > .fusion-column-wrapper {
	padding-left: 18px !important;
}

/* ---------- bar: title + count | filter buttons (as the old ones: equal width, blue when on) + search ---------- */
.rdp-cl-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin: 0 0 22px;
}
.rdp-cl-bar-t {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 14px;
}
.rdp-cl .rdp-cl-bar-t h2 {
	margin: 0 !important;
}
.rdp-cl-tools {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
.rdp-cl-filters {
	display: grid;
	flex: 0 1 auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: 8px;
}
.rdp-cl-filters button {
	min-height: 44px;
	padding: 0 10px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	color: var(--cl-ink);
	background: #ffffff;
	border: 1.5px solid #c9d3df;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.rdp-cl-filters button span {
	margin-left: 2px;
	font-weight: 500;
	color: var(--cl-muted);
}
.rdp-cl-filters button:hover {
	border-color: var(--cl-blue);
}
.rdp-cl-filters button[aria-pressed="true"] {
	color: #ffffff;
	background: var(--cl-blue);
	border-color: var(--cl-blue);
}
.rdp-cl-filters button[aria-pressed="true"] span {
	color: rgba(255, 255, 255, 0.85);
}
.rdp-cl-search {
	position: relative;
	flex: 1 1 240px;
	max-width: 340px;
	margin: 0 !important;
}
.rdp-cl-search svg {
	position: absolute;
	top: 50%;
	left: 13px;
	color: var(--cl-muted);
	transform: translateY(-50%);
	pointer-events: none;
}
.rdp-cl-search input[type="search"] {
	width: 100%;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 12px 0 40px !important;
	font-size: 15px !important;
	color: var(--cl-ink) !important;
	background: #ffffff !important;
	border: 1.5px solid #c9d3df !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
.rdp-cl-search input[type="search"]:focus {
	outline: none;
	border-color: var(--cl-blue) !important;
	box-shadow: 0 0 0 3px rgba(27, 77, 137, 0.16) !important;
}
.rdp-cl .rdp-cl-count {
	margin: 0;
	font-size: 13.5px;
	white-space: nowrap;
	color: var(--cl-muted);
}

/* ---------- grid + card (old card: photo, round second photo, title, Read More + blue arrow box) ---------- */
.rdp-cl-grid {
	display: grid;
	grid-template-columns: repeat(var(--cl-cols, 3), minmax(0, 1fr));
	gap: 24px 20px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-item {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
}
.rdp-cl-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: center;
	background: #ffffff;
	border: 1.5px solid #d3dbe5;
	border-radius: 10px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.rdp-cl-card:hover,
.rdp-cl-card:focus-within {
	border-color: var(--cl-blue);
	box-shadow: 0 14px 30px rgba(14, 42, 76, 0.12);
	transform: translateY(-3px);
}
.rdp-cl-img {
	position: relative;
	margin: 8px 8px 0;
	background: var(--cl-img);
	border-radius: 6px;
}
.rdp-cl-img .rdp-cl-photo {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	border-radius: 6px;
}
.rdp-cl-dot {
	position: absolute;
	left: 50%;
	bottom: -32px;
	width: 66px;
	height: 66px;
	overflow: hidden;
	background: var(--cl-img);
	border: 4px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(14, 42, 76, 0.18);
	transform: translateX(-50%);
}
.rdp-cl-dot img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rdp-cl-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 42px 14px 16px;
}
.rdp-cl .rdp-cl-sub {
	margin: 0;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--cl-blue);
}
.rdp-cl .rdp-cl-name {
	margin: 0 !important;
	font-size: 16.5px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.rdp-cl .rdp-cl-name a {
	color: var(--cl-ink) !important;
	text-decoration: none !important;
}
/* the title link covers the whole card */
.rdp-cl .rdp-cl-name a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: 10px;
}
.rdp-cl .rdp-cl-name a:focus-visible {
	outline: none;
}
.rdp-cl .rdp-cl-name a:focus-visible::after {
	outline: 3px solid var(--cl-blue);
	outline-offset: 2px;
}
.rdp-cl .rdp-cl-meta {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.4;
	color: var(--cl-muted);
}
.rdp-cl .rdp-cl-price {
	margin: 2px 0 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--cl-muted);
}
.rdp-cl .rdp-cl-price strong {
	font-size: 15.5px;
	color: var(--cl-ink);
}
/* the dollar price on its own line: in narrow cards "· USD 2,350" wrapped with a lone dot */
.rdp-cl .rdp-cl-price .usd {
	display: block;
	white-space: nowrap;
}
.rdp-cl .rdp-cl-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: auto 0 0;
	padding-top: 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--cl-ink);
}
.rdp-cl-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #ffffff;
	background: var(--cl-blue);
	border-radius: 6px;
	transition: background 0.2s ease, transform 0.2s ease;
}
.rdp-cl-card:hover .rdp-cl-arrow {
	background: var(--cl-blue-dark);
	transform: translateX(3px);
}
/* master: one block per range */
.rdp-cl-group + .rdp-cl-group {
	margin-top: 48px;
}
.rdp-cl-ghead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	margin: 0 0 18px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--cl-line);
}
.rdp-cl .rdp-cl-ghead h2 {
	flex: 1 1 auto;
	margin: 0 !important;
	font-size: 22px !important;
}
.rdp-cl-ghead h2 span {
	display: inline-block;
	margin-left: 4px;
	padding: 2px 9px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	vertical-align: 3px;
	color: var(--cl-blue);
	background: #e6eef8;
	border-radius: 999px;
}
.rdp-cl-ghead > a {
	font-size: 14.5px;
	font-weight: 600;
	white-space: nowrap;
}
.rdp-cl-showall {
	display: flex;
	margin: 20px auto 0;
	align-items: center;
	min-height: 44px;
	padding: 0 22px;
	font-size: 15px;
	font-weight: 600;
	color: var(--cl-blue);
	background: #ffffff;
	border: 1.5px solid var(--cl-blue);
	border-radius: 8px;
	cursor: pointer;
}
.rdp-cl-showall:hover,
.rdp-cl-showall:focus-visible {
	color: #ffffff;
	background: var(--cl-blue);
}
.rdp-cl .rdp-cl-none {
	margin: 0;
	padding: 18px 20px;
	font-size: 15.5px;
	background: var(--cl-soft);
	border: 1px dashed #b6c9e0;
	border-radius: 10px;
}

/* ---------- B: range tabs under the header ----------
   2026-11-06 pin: "keep this sticky - page id scroll - fix b.g. color of active tab (active color goes outside)".
   The tabs were equal grid cells, so long labels ran past their cell and the active cell's background looked like a
   loose block. Now: segments sized to their label inside one light track; the current one is a blue segment with
   white text (as the current row of "Moulds We Offer"). On the master the bar sticks under the header and the tabs
   jump to the range blocks (rdp-catalog.js). */
.fusion-fullwidth.rdp-cl-tabs {
	--cl-gap: 12px;
	/* white with a 1 px line at the bottom, both from window edge to window edge */
	border-image: linear-gradient(to bottom, #ffffff calc(100% - 1px), var(--cl-line) calc(100% - 1px)) fill 0 / / 0 100vw;
}
.fusion-fullwidth.rdp-cl-tabs-sticky {
	position: sticky !important;
	top: 76px; /* the stuck site header (rdp-site.css) */
	z-index: 9990;
}
.rdp-cl-nav-tabs ul {
	display: flex;
	gap: 4px;
	padding: 5px !important;
	overflow-x: auto;
	scrollbar-width: none;
	background: var(--cl-soft);
	border: 1px solid var(--cl-line);
	border-radius: 12px;
}
.rdp-cl-nav-tabs ul::-webkit-scrollbar {
	display: none;
}
.rdp-cl-nav-tabs li {
	flex: 1 0 auto;
}
.rdp-cl-nav-tabs a {
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 6px 14px;
	font-size: 14px;
	white-space: nowrap;
	background: transparent;
	border-radius: 9px;
}
.rdp-cl-nav-tabs a:hover,
.rdp-cl-nav-tabs a:focus-visible {
	background: #e3ebf5;
}
.rdp-cl-nav-tabs a[aria-current],
.rdp-cl-nav-tabs a[aria-current]:hover {
	color: #ffffff !important;
	background: var(--cl-blue);
}
.rdp-cl-nav-tabs .rdp-cl-ico {
	width: 26px;
	height: 26px;
}
.rdp-cl-nav-tabs .rdp-cl-ico-img::before {
	width: 24px;
	height: 24px;
}
.rdp-cl-nav-tabs a[aria-current] .rdp-cl-ico {
	color: #ffffff;
}
.rdp-cl-nav-tabs .rdp-cl-navt {
	flex: none;
}
.rdp-cl-nav-tabs .rdp-cl-navn {
	background: #ffffff;
}
/* a jump (or a #link from elsewhere) stops below the stuck header + the tab bar */
#Moulds,
.rdp-cl-group[id] {
	scroll-margin-top: 170px; /* stuck header 76 + tab bar 82 + 12 */;
}
/* B: quote band after the grid */
.fusion-fullwidth.rdp-cl-quote {
	--cl-bg: var(--cl-navy);
	color: rgba(255, 255, 255, 0.85);
}
.rdp-cl-quote > .fusion-builder-row {
	align-items: center;
}
.rdp-cl-quote .rdp-cl-quote-copy > .fusion-column-wrapper {
	padding-right: 48px !important;
}
.rdp-cl .rdp-cl-quote-copy h2 {
	color: #ffffff !important;
}
.rdp-cl-quote-copy p {
	font-size: 16px;
	line-height: 1.7;
}
.rdp-cl-quote-copy .rdp-cl-ticks li {
	color: #ffffff;
}
.rdp-cl-quote-copy .rdp-cl-ticks li::before {
	background-color: #2f6db5;
}
/* the four ways to start (2026-11-06): reference product, drawing / 3D, concept, purpose */
.rdp-cl-starts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 4px 0 18px !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-starts li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 !important;
	padding: 14px !important;
	font-size: 14px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.78);
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
}
.rdp-cl-starts strong {
	display: block;
	margin-bottom: 2px;
	font-size: 15px;
	color: #ffffff;
}
.rdp-cl-starts-ico {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #ffffff;
	background: #2f6db5;
	border-radius: 10px;
}
@media (max-width: 479px) {
	.rdp-cl-starts {
		grid-template-columns: minmax(0, 1fr);
	}
}
.rdp-cl .rdp-cl-quote-call {
	margin: 18px 0 0;
	font-size: 15px;
}
.rdp-cl .rdp-cl-quote-call a {
	font-weight: 700;
	color: #ffffff;
}
.rdp-cl-quote-form > .fusion-column-wrapper {
	padding: 26px 26px 10px !important;
	background: #ffffff !important;
	border-radius: 14px !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
}
.rdp-cl .rdp-cl-formt {
	margin: 0 0 12px;
	font-size: 19px;
	font-weight: 700;
	color: var(--cl-ink);
}

/* ---------- SEO text: article + quick facts ---------- */
.fusion-fullwidth.rdp-cl-seo {
	--cl-bg: var(--cl-soft);
}
.rdp-cl-article > .fusion-column-wrapper {
	padding-right: 48px !important;
}
.rdp-cl-article .rdp-cl-h2 + .fusion-text {
	margin-top: -6px;
}
.rdp-cl-article .rdp-cl-h2:not(:first-child) h2 {
	margin-top: 44px !important;
}
.rdp-cl-prose {
	font-size: 16px;
	line-height: 1.75;
}
.rdp-cl-prose h3 {
	margin: 26px 0 10px !important;
	font-size: 19px !important;
	line-height: 1.35 !important;
	color: var(--cl-ink) !important;
}
.rdp-cl-prose ul,
.rdp-cl-prose ol {
	margin: 0 0 16px !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-prose li {
	position: relative;
	margin: 0 0 10px !important;
	padding: 0 0 0 28px !important;
}
.rdp-cl-ticks li::before,
.rdp-cl-types li::before {
	content: "";
	position: absolute;
	top: 0.45em;
	left: 2px;
	width: 16px;
	height: 16px;
	background: var(--cl-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 11px no-repeat;
	border-radius: 50%;
}
.rdp-cl-types li a {
	font-weight: 700;
}
.rdp-cl-steps {
	counter-reset: step;
}
.rdp-cl-steps li {
	padding-left: 44px !important;
	counter-increment: step;
}
.rdp-cl-steps li::before {
	content: counter(step);
	position: absolute;
	top: 0.1em;
	left: 0;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	background: var(--cl-blue);
	border-radius: 50%;
}
.rdp-cl-steps li strong {
	color: var(--cl-ink);
}
.rdp-cl-tablewrap {
	margin: 4px 0 18px;
	overflow-x: auto;
	background: #ffffff;
	border: 1px solid var(--cl-line);
	border-radius: 12px;
}
.rdp-cl-table {
	width: 100%;
	margin: 0 !important;
	border-collapse: collapse;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}
.rdp-cl-table th,
.rdp-cl-table td {
	padding: 12px 16px !important;
	text-align: left;
	vertical-align: top;
	border: 0 !important;
	border-bottom: 1px solid var(--cl-line) !important;
}
.rdp-cl-table thead th {
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cl-muted);
	background: #f7f9fc;
}
.rdp-cl-table tbody tr:last-child th,
.rdp-cl-table tbody tr:last-child td {
	border-bottom: 0 !important;
}
.rdp-cl-table tbody th {
	font-weight: 600;
}
.rdp-cl-table td span {
	display: block;
	font-size: 13px;
	color: var(--cl-muted);
}
/* quick facts card */
@media (min-width: 1024px) {
	.rdp-cl-seo .rdp-cl-aside {
		position: sticky !important;
		top: 100px;
		align-self: flex-start;
	}
}
.rdp-cl-aside > .fusion-column-wrapper {
	padding: 22px 22px 22px !important;
	background: #ffffff !important;
	border: 1px solid var(--cl-line) !important;
	border-radius: 14px !important;
}
.rdp-cl .rdp-cl-asidet {
	margin: 0 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: var(--cl-ink);
}
.rdp-cl-facts-dl {
	margin: 0 0 16px;
}
.rdp-cl-facts-dl div {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 10px;
	padding: 9px 0;
	border-bottom: 1px solid #edf1f6;
}
.rdp-cl-facts-dl dt {
	font-size: 13.5px;
	color: var(--cl-muted);
}
.rdp-cl-facts-dl dd {
	margin: 0;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--cl-ink);
}
.rdp-cl-aside .fusion-button.rdp-cl-btn {
	width: 100%;
}

/* ---------- FAQs: two columns of toggles ---------- */
.fusion-fullwidth.rdp-cl-faq {
	--cl-bg: #ffffff;
}
.rdp-cl-faq .rdp-cl-h2 h2 {
	text-align: center;
}
.rdp-cl-faq .rdp-cl-sub {
	text-align: center;
}
.rdp-cl-faqcol > .fusion-column-wrapper {
	padding: 0 10px !important;
}
.rdp-cl .rdp-cl-acc .fusion-panel {
	margin-bottom: 10px !important;
	background: #ffffff !important;
	border: 1px solid var(--cl-line) !important;
	border-radius: 10px !important;
	overflow: hidden;
}
.rdp-cl .rdp-cl-acc .panel-title a {
	padding: 16px 18px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--cl-ink) !important;
	background: transparent !important;
}
.rdp-cl .rdp-cl-acc .panel-title a:hover,
.rdp-cl .rdp-cl-acc .panel-title a:focus-visible,
.rdp-cl .rdp-cl-acc .panel-title a[aria-expanded="true"] {
	color: var(--cl-blue) !important;
	background: #f4f7fb !important;
}
.rdp-cl .rdp-cl-acc .panel-body {
	padding: 0 18px 16px !important;
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--cl-text);
}

/* ---------- other ranges ---------- */
.fusion-fullwidth.rdp-cl-others {
	--cl-bg: var(--cl-soft);
	--cl-gap: 56px;
}
.rdp-cl-ranges {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.rdp-cl-ranges li {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
}
.rdp-cl-range {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	border: 1.5px solid #d3dbe5;
	border-radius: 10px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.rdp-cl-range:hover {
	border-color: var(--cl-blue);
	box-shadow: 0 12px 26px rgba(14, 42, 76, 0.12);
}
.rdp-cl-range-img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.rdp-cl-range-body {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 2px 12px;
	padding: 14px 16px 16px;
}
.rdp-cl-range-body .rdp-cl-ico {
	grid-row: span 2;
}
.rdp-cl .rdp-cl-range h3 {
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 1.3 !important;
}
.rdp-cl .rdp-cl-range h3 a {
	color: var(--cl-ink) !important;
	text-decoration: none !important;
}
.rdp-cl .rdp-cl-range h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}
.rdp-cl .rdp-cl-range p {
	margin: 0;
	font-size: 14px;
	color: var(--cl-muted);
}

/* ---------- closing card (kept apart from the blue footer) ---------- */
.fusion-fullwidth.rdp-cl-cta {
	--cl-bg: #ffffff;
	--cl-gap: 56px;
}
.rdp-cl-cta-in > .fusion-column-wrapper {
	display: flex !important;
	flex-flow: row wrap !important;
	align-items: center !important;
	gap: 14px 16px !important;
	padding: 30px 34px !important;
	color: rgba(255, 255, 255, 0.85) !important;
	background: var(--cl-navy) !important;
	border-radius: 16px !important;
}
.rdp-cl-cta-in > .fusion-column-wrapper > .fusion-text {
	flex: 1 1 420px;
	margin: 0 !important;
}
.rdp-cl-cta-in > .fusion-column-wrapper > div:has(> .fusion-button) {
	flex: 0 0 auto;
}
.rdp-cl .rdp-cl-cta-t {
	margin: 0 0 4px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #ffffff;
}
.rdp-cl .rdp-cl-cta-p {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.6;
}

/* ================= responsive ================= */
@media (max-width: 1199px) {
	.rdp-cl-body-b .rdp-cl-grid {
		--cl-cols: 3 !important;
	}
}
@media (max-width: 1023px) {
	.fusion-fullwidth.rdp-cl {
		--cl-gap: 48px;
	}
	/* Avada's column spacing is a percentage of the column width: stretched to 100 % it grew to 20-54 px */
	.rdp-cl .fusion-layout-column > .fusion-column-wrapper {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.fusion-fullwidth.rdp-cl > .fusion-builder-row {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.rdp-cl-body-a .rdp-cl-main > .fusion-column-wrapper {
		padding-left: 0 !important;
	}
	.fusion-fullwidth.rdp-cl-head {
		--cl-gap: 28px;
	}
	.fusion-fullwidth.rdp-cl-tabs {
		--cl-gap: 10px; /* the 48 px of the other sections made the tab bar 154 px tall */
	}
	.rdp-cl-head .fusion-layout-column,
	.rdp-cl-body .fusion-layout-column,
	.rdp-cl-seo .fusion-layout-column,
	.rdp-cl-quote .fusion-layout-column,
	.rdp-cl-faq .rdp-cl-faqcol {
		width: 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.rdp-cl-head-copy > .fusion-column-wrapper,
	.rdp-cl-article > .fusion-column-wrapper,
	.rdp-cl-quote .rdp-cl-quote-copy > .fusion-column-wrapper {
		padding-right: 0 !important;
	}
	.rdp-cl-main > .fusion-column-wrapper {
		padding-left: 0 !important;
	}
	.rdp-cl-faqcol > .fusion-column-wrapper {
		padding: 0 !important;
	}
	.rdp-cl-faqcol + .rdp-cl-faqcol .rdp-cl-acc {
		margin-top: -10px;
	}
	/* head: the price box as one row under the text */
	.rdp-cl-head-cta > .fusion-column-wrapper {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 10px 18px;
		margin-top: 20px !important;
		padding: 16px 18px !important;
		background: #ffffff !important;
		border: 1px solid var(--cl-line) !important;
		border-top: 4px solid var(--cl-blue) !important;
		border-radius: 14px !important;
	}
	.rdp-cl-pricebox {
		grid-row: span 2;
		padding: 0;
		background: none;
		border: 0;
		box-shadow: none;
	}
	.rdp-cl-head-cta .fusion-button.rdp-cl-btn {
		margin-top: 0;
	}
	.rdp-cl .rdp-cl-call {
		margin: 0;
	}
	/* A: the sidebar follows the moulds */
	.rdp-cl-body-a .rdp-cl-side {
		order: 2;
	}
	.rdp-cl-body-a .rdp-cl-side > .fusion-column-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		margin-top: 44px !important;
		padding-right: 0 !important;
	}
	.rdp-cl-body-a .rdp-cl-side .rdp-cl-box-quote {
		grid-row: span 2;
	}
	.rdp-cl-body-b .rdp-cl-grid {
		--cl-cols: 3 !important;
	}
	.rdp-cl-quote-form > .fusion-column-wrapper {
		margin-top: 26px !important;
	}
	.rdp-cl-seo .rdp-cl-aside > .fusion-column-wrapper {
		margin-top: 30px !important;
	}
}
@media (max-width: 767px) {
	.fusion-fullwidth.rdp-cl {
		--cl-gap: 40px;
	}
	.fusion-fullwidth.rdp-cl-head {
		--cl-gap: 18px;
	}
	.fusion-fullwidth.rdp-cl-body {
		--cl-gap: 24px;
	}
	.fusion-fullwidth.rdp-cl-tabs {
		--cl-gap: 8px;
	}
	.fusion-fullwidth.rdp-cl-tabs-sticky {
		top: 68px; /* the stuck header on phones */
	}
	.rdp-cl-nav-tabs ul {
		margin: 0 -8px !important;
		padding: 4px !important;
	}
	.rdp-cl-nav-tabs a {
		min-height: 42px;
		padding: 5px 12px;
		font-size: 13.5px;
	}
	#Moulds,
	.rdp-cl-group[id] {
		scroll-margin-top: 130px;
	}
	.rdp-cl .rdp-cl-crumbs p {
		margin-bottom: 6px !important;
	}
	.rdp-cl .rdp-cl-h1 h1 {
		margin-bottom: 8px !important;
		font-size: 26px !important;
	}
	.rdp-cl .rdp-cl-intro {
		margin-bottom: 12px;
		font-size: 15px;
		line-height: 1.55;
	}
	.rdp-cl .rdp-cl-facts {
		flex-wrap: nowrap;
		gap: 6px;
		margin: 0 -16px !important;
		padding: 0 16px 2px !important;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.rdp-cl .rdp-cl-facts::-webkit-scrollbar {
		display: none;
	}
	.rdp-cl .rdp-cl-facts li {
		flex: none;
		white-space: nowrap;
	}
	.rdp-cl .rdp-cl-facts li {
		padding: 5px 10px !important;
		font-size: 12.5px;
	}
	.rdp-cl .rdp-cl-facts strong {
		font-size: 13.5px;
	}
	.rdp-cl-head-cta > .fusion-column-wrapper {
		display: flex !important;
		flex-flow: row wrap !important;
		align-items: center !important;
		margin-top: 14px !important;
		padding: 12px 14px !important;
		gap: 10px 14px !important;
	}
	.rdp-cl-head-cta > .fusion-column-wrapper > .fusion-text:first-child {
		flex: 1 1 100%;
	}
	.rdp-cl-head-cta > .fusion-column-wrapper > div:has(> .fusion-button) {
		flex: 0 0 auto;
	}
	.rdp-cl-head-cta > .fusion-column-wrapper > .fusion-text:last-child {
		flex: 1 1 0;
		min-width: 0;
	}
	.rdp-cl-head-cta .rdp-cl-call {
		text-align: left;
	}
	.rdp-cl .rdp-cl-pricebox .k {
		font-size: 11px;
	}
	.rdp-cl .rdp-cl-pricebox .v {
		font-size: 22px;
	}
	.rdp-cl .rdp-cl-pricebox .v span {
		font-size: 14px;
	}
	.rdp-cl .rdp-cl-pricebox .n {
		font-size: 12px;
		line-height: 1.4;
	}
	.rdp-cl-head-cta .fusion-button.rdp-cl-btn {
		min-height: 44px;
		padding: 0 18px !important;
	}
	.rdp-cl .rdp-cl-call {
		font-size: 13px;
	}
	.rdp-cl-tools {
		flex-basis: 100%;
	}
	.rdp-cl-filters {
		display: flex;
		flex: 1 1 100%;
		order: 2;
		width: calc(100% + 32px);
		margin: 0 -16px;
		padding: 0 16px 2px;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.rdp-cl-filters::-webkit-scrollbar {
		display: none;
	}
	.rdp-cl-filters button {
		flex: none;
		min-height: 40px;
		padding: 0 14px;
		font-size: 14px;
	}
	.rdp-cl-search {
		flex-basis: 100%;
		max-width: none;
	}
	.rdp-cl-grid,
	.rdp-cl-body-b .rdp-cl-grid {
		--cl-cols: 2 !important;
		gap: 12px 10px;
	}
	.rdp-cl-img {
		margin: 5px 5px 0;
	}
	.rdp-cl-dot {
		bottom: -24px;
		width: 50px;
		height: 50px;
		border-width: 3px;
	}
	.rdp-cl-body {
		gap: 3px;
		padding: 30px 8px 12px;
	}
	.rdp-cl .rdp-cl-sub {
		font-size: 10px;
	}
	.rdp-cl .rdp-cl-name {
		font-size: 14.5px !important;
	}
	.rdp-cl .rdp-cl-meta {
		font-size: 12px;
	}
	.rdp-cl .rdp-cl-price {
		font-size: 12.5px;
	}
	.rdp-cl .rdp-cl-price strong {
		font-size: 14px;
	}

	.rdp-cl .rdp-cl-more {
		padding-top: 8px;
		font-size: 13px;
	}
	.rdp-cl-arrow {
		width: 28px;
		height: 28px;
	}
	.rdp-cl .rdp-cl-ghead h2 {
		flex: 1 1 0;
		min-width: 0;
		font-size: 19px !important;
	}
	.rdp-cl-ghead > a {
		flex-basis: 100%;
	}
	.rdp-cl-body-a .rdp-cl-side > .fusion-column-wrapper {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}
	.rdp-cl-body-a .rdp-cl-side .rdp-cl-box-quote {
		grid-row: auto;
	}
	.rdp-cl-quote-form > .fusion-column-wrapper {
		padding: 20px 16px 6px !important;
	}
	.rdp-cl-ranges {
		display: flex;
		margin: 0 -16px !important;
		padding: 0 16px 4px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	.rdp-cl-ranges::-webkit-scrollbar {
		display: none;
	}
	.rdp-cl-ranges li {
		flex: 0 0 78%;
		scroll-snap-align: start;
	}
	.rdp-cl-cta-in > .fusion-column-wrapper {
		padding: 24px 20px !important;
	}
	.rdp-cl-facts-dl div {
		grid-template-columns: 100px minmax(0, 1fr);
	}
	.rdp-cl-table th,
	.rdp-cl-table td {
		padding: 10px 12px !important;
		font-size: 14px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.rdp-cl-card,
	.rdp-cl-arrow {
		transition: none;
	}
	.rdp-cl-card:hover,
	.rdp-cl-card:focus-within {
		transform: none;
	}
}