/* Remeda – modern layer on top of the Avada styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root {
--r-teal: #005253;
--r-teal-2: #008486;
--r-sand: #be896e;
--r-wine: #800f41;
--r-ink: #12292b;
--r-muted: #5b6b6c;
--r-bg: #f5f8f8;
--r-radius: 18px;
--r-shadow: 0 10px 30px rgba(0, 40, 41, .08);
--r-shadow-lg: 0 24px 60px rgba(0, 40, 41, .16);
}
html { scroll-behavior: smooth; }
body, .fusion-body, p, li, .fusion-text, .textwidget, .fusion-menu a {
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, .fusion-title h1, .fusion-title h2, .fusion-title h3, .content-box-heading, .widget-title {
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
letter-spacing: -0.02em;
font-weight: 700 !important;
}
body { color: var(--r-ink); }
.fusion-text p, .fusion-text span { line-height: 1.75; color: var(--r-muted); }
::selection { background: var(--r-teal-2); color: #fff; }
/* ---------- Header ---------- */
.fusion-header-wrapper { position: sticky; top: 0; z-index: 1000; }
.fusion-header-wrapper .fusion-header,
.fusion-header-v1 .fusion-header {
background: rgba(255, 255, 255, .86) !important;
-webkit-backdrop-filter: saturate(180%) blur(14px);
backdrop-filter: saturate(180%) blur(14px);
border-bottom: 1px solid rgba(0, 82, 83, .08) !important;
box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.fusion-main-menu > ul > li > a {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--r-ink) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
padding: 8px 0 !important;
position: relative !important;
}
.fusion-main-menu > ul > li > a::after {
display: none !important;
}
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-ancestor > a,
.fusion-main-menu > ul > li.current-menu-item > a {
color: #008486 !important;
}
/* Scroll-spy: highlight the menu link of the section being viewed */
body.spy-on .fusion-main-menu > ul > li > a {
color: var(--r-ink) !important;
}
body.spy-on .fusion-main-menu > ul > li > a:hover,
body.spy-on .fusion-main-menu > ul > li.spy-active > a {
color: #008486 !important;
}
.fusion-main-menu .sub-menu {
background: #ffffff !important;
border-radius: 14px !important;
box-shadow: 0 12px 48px rgba(0, 40, 41, 0.15) !important;
border: 1px solid rgba(0, 82, 83, 0.08) !important;
padding: 8px 0 !important;
margin-top: 2px !important;
min-width: 220px !important;
animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
backdrop-filter: blur(8px);
}
.fusion-main-menu .sub-menu li {
padding: 0 !important;
}
.fusion-main-menu .sub-menu a {
font-size: 14px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0.02em !important;
padding: 12px 22px !important;
color: var(--r-ink) !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: block !important;
position: relative !important;
border-left: 3px solid transparent !important;
margin: 0 8px !important;
border-radius: 6px !important;
}
.fusion-main-menu .sub-menu a:hover {
background: rgba(0, 132, 134, 0.08) !important;
color: #008486 !important;
border-left-color: #008486 !important;
padding-left: 24px !important;
border-radius: 0 6px 6px 0 !important;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Language switcher */
.trp-language-switcher.trp-floating-switcher {
border-radius: 0 0 12px 12px !important;
box-shadow: 0 6px 20px rgba(0,0,0,.18);
opacity: .92;
transition: opacity .2s;
}
.trp-language-switcher.trp-floating-switcher:hover { opacity: 1; }
@media (min-width: 769px) {
.trp-language-switcher.trp-floating-switcher { right: max(32px, calc((100vw - 1440px) / 2)) !important; left: auto !important; }
}
/* ---------- Hero ---------- */
body.home .fusion-builder-row-1.fusion-fullwidth {
position: relative;
background-color: #008486 !important;
background-attachment: scroll;
min-height: 66vh !important;
}
body.home .fusion-builder-row-1.fusion-fullwidth::before {
content: "";
position: absolute; inset: 0;
background: none;
pointer-events: none;
}
body.home .fusion-builder-row-1 .fusion-builder-row { position: relative; z-index: 1; }
body.home .fusion-builder-row-1 .fusion-column-wrapper {
background: transparent !important;
-webkit-backdrop-filter: none;
backdrop-filter: none;
border-radius: 0 !important;
box-shadow: none !important;
transition: none;
}
body.home .fusion-builder-row-1 .fusion-layout-column:hover .fusion-column-wrapper {
transform: none;
box-shadow: none !important;
}
.fusion-builder-row-1 .fusion-layout-column.fusion-builder-column-hero-text .fusion-column-wrapper {
padding: 80px 60px !important;
}
.fusion-builder-row-1 .fusion-layout-column.fusion-builder-column-hero-image .fusion-column-wrapper {
padding: 0 !important;
min-height: 420px;
background:
url("/assets/10020-newwheel.webp") center / contain no-repeat,
#008486 !important;
}
@media (max-width: 1024px) {
.fusion-builder-row-1 .fusion-layout-column.fusion-builder-column-hero-image .fusion-column-wrapper {
min-height: 280px;
background:
linear-gradient(180deg, #008486 0%, rgba(0, 132, 134, 0) 30%),
url("/assets/operation-110953862-3-300x200.png") center / cover no-repeat,
#008486 !important;
}
}
body.home .fusion-builder-row-1 h1 { color: #ffffff !important; }
body.home .fusion-builder-row-1 p { color: #ffffff !important; }
body.home .fusion-builder-row-1 .fusion-button {
background: #005253 !important;
color: #ffffff !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
padding: 14px 30px !important;
width: auto !important;
display: inline-block !important;
align-self: flex-start !important;
}
body.home .fusion-builder-row-1 .fusion-button .fa { font-size: 12px; margin-left: 8px !important; }
body.home .fusion-builder-row-1 .fusion-button .fusion-button-text { color: #ffffff !important; }
body.home .fusion-builder-row-1 .fusion-button:hover {
background: #003d3e !important;
transform: translateY(-2px);
}
body.home .fusion-builder-row-1 .content-box-heading { font-size: 17px !important; letter-spacing: .06em; }
body.home .fusion-builder-row-1 .content-container p { font-size: 15px; line-height: 1.65; }
body.home .fusion-builder-row-1 .icon i.circle-yes {
background: linear-gradient(135deg, var(--r-teal-2), var(--r-teal)) !important;
box-shadow: 0 8px 20px rgba(0, 132, 134, .35);
}
/* ---------- Section titles ---------- */
.fusion-title .title-sep { display: none !important; }
.fusion-title h2, .fusion-title h2 h2 {
font-size: clamp(30px, 4vw, 46px) !important;
line-height: 1.15 !important;
color: var(--r-ink);
}
.fusion-title-center h2 h2::after {
content: "";
display: block;
width: 56px; height: 4px; margin: 18px auto 0;
border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
.fusion-title h3 { color: var(--r-teal) !important; }
.secondary-title h3[style*="800f41"] { color: var(--r-teal) !important; font-size: 30px !important; }
/* ---------- Product rows ---------- */
body.home .fusion-builder-row-3 .fusion-imageframe img,
body.home .fusion-builder-row-3 .fusion-imageframe {
border-radius: var(--r-radius);
}
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-6,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-8,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-10,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-12,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-14 {
background: var(--r-bg);
border-radius: var(--r-radius);
padding: 18px;
transition: transform .35s ease, box-shadow .35s ease;
}
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-6:hover,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-8:hover,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-10:hover,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-12:hover,
body.home .fusion-builder-row-3 .fusion-layout-column.fusion-builder-column-14:hover {
transform: translateY(-6px);
box-shadow: var(--r-shadow-lg);
}
body.home .fusion-builder-row-3 .fusion-imageframe img { transition: transform .5s ease; }
body.home .fusion-builder-row-3 .fusion-layout-column:hover .fusion-imageframe img { transform: scale(1.04); }
/* ---------- Buttons ---------- */
.fusion-button, .fusion-button.button-flat, .wpcf7-submit {
border-radius: 999px !important;
background: var(--r-teal) !important;
color: #fff !important;
font-weight: 600 !important;
letter-spacing: .04em;
padding: 14px 30px !important;
box-shadow: 0 8px 20px rgba(0, 82, 83, .25);
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.fusion-button .fusion-button-text { color: #fff !important; }
.fusion-button:hover, .wpcf7-submit:hover {
background: var(--r-teal-2) !important;
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(0, 132, 134, .35);
}
.fusion-button i.button-icon-right { display: none; }
.fusion-button .fusion-button-text::after { content: " →"; }
/* ---------- Stats band ---------- */
body.home .fusion-builder-row-4.fusion-fullwidth {
background-color: rgba(0, 25, 26, .72) !important;
padding: 40px 0 60px !important;
}
body.home .fusion-builder-row-4 .equal-box .fusion-column-wrapper {
border-radius: var(--r-radius) !important;
box-shadow: var(--r-shadow-lg) !important;
transition: transform .3s ease;
}
body.home .fusion-builder-row-4 .equal-box:hover .fusion-column-wrapper { transform: translateY(-6px); }
body.home .fusion-builder-row-4 .fusion-title h3 { color: var(--r-ink) !important; font-size: 22px !important; line-height: 1.4 !important; }
body.home .fusion-builder-row-4 .fusion-title h3 strong {
display: block;
font-size: 64px;
line-height: 1.05;
background: linear-gradient(135deg, var(--r-teal-2), var(--r-sand));
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-white h2 { color: #fff !important; text-shadow: 0 2px 20px rgba(0,0,0,.35); }
/* ---------- History timeline ---------- */
.timeline .content-box-heading { color: var(--r-teal) !important; font-size: 17px !important; }
.timeline .icon i.circle-yes {
background: linear-gradient(135deg, var(--r-teal-2), var(--r-teal)) !important;
box-shadow: 0 6px 14px rgba(0,132,134,.3);
}
.timeline .content-container { color: var(--r-muted) !important; }
body.home .fusion-builder-column-22 .fusion-column-wrapper { border-radius: var(--r-radius) !important; min-height: 420px; box-shadow: var(--r-shadow-lg); }
/* ---------- Environmental ---------- */
body.home .fusion-fullwidth.fusion-builder-row-7 {
width: 100vw !important;
max-width: 100vw !important;
background: #f5f8f8 !important;
box-sizing: border-box !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-right: clamp(24px, 6vw, 96px) !important;
padding-left: clamp(24px, 6vw, 96px) !important;
border-radius: 0 !important;
margin: 0 0 0 calc(-50vw + 50%) !important;
}
body.home .fusion-builder-row-7 .fusion-builder-row {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
body.home .fusion-builder-row-7 .fusion-layout-column {
padding: 0 !important;
}
body.home .fusion-builder-row-7 .fusion-column-wrapper { padding-left: 0 !important; padding-right: 0 !important; }
body.home .fusion-builder-row-7 .fusion-imageframe img { border-radius: 14px; }
/* ---------- Worldwide section ---------- */
#worldwide {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
background: #f0f6f6 !important;
padding: 70px 0 !important;
}
#worldwide > div {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
/* ---------- Footer ---------- */
.fusion-footer-widget-area {
background: linear-gradient(160deg, #002b2c, var(--r-teal)) !important;
border: 0 !important;
box-sizing: border-box !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-right: clamp(24px, 6vw, 96px) !important;
padding-left: clamp(24px, 6vw, 96px) !important;
}
.fusion-footer-widget-area > .fusion-row,
.fusion-footer-copyright-area > .fusion-row { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.fusion-footer-widget-area .fusion-columns { display: flex !important; flex-wrap: wrap; gap: 48px; margin: 0 !important; }
.fusion-footer-widget-area .fusion-column { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; flex: 1 1 320px; }
.fusion-footer-widget-area .fusion-column:first-child { flex: 2 1 420px; }
.fusion-footer-widget-area .fusion-column:last-child { flex: 1 1 280px; }
.fusion-footer-widget-area .fusion-clearfix { display: none; }
.fusion-footer-widget-area .fusion-column:has(.textwidget:empty) { display: none !important; }
.fusion-footer-copyright-area { padding-right: clamp(24px, 6vw, 96px) !important; padding-left: clamp(24px, 6vw, 96px) !important; box-sizing: border-box !important; }
.fusion-footer-widget-area, .fusion-footer-widget-area p, .fusion-footer-widget-area span,
.fusion-footer-widget-area .widget-title, .fusion-footer-widget-area a { color: rgba(255,255,255,.88) !important; }
.fusion-footer-widget-area .widget-title { color: #fff !important; font-size: 18px !important; }
.fusion-footer-copyright-area {
background: #001d1e !important;
border: 0 !important;
}
.fusion-footer-copyright-area, .fusion-footer-copyright-area a { color: rgba(255,255,255,.6) !important; }
.fusion-social-networks a { transition: transform .2s; }
.fusion-social-networks a:hover { transform: translateY(-3px); }
/* ---------- General ---------- */
img { max-width: 100%; height: auto; }
a { transition: color .2s ease; }
.fusion-body .fusion-row { max-width: 1240px; }
.fusion-fullwidth { overflow: visible; }
@media (max-width: 800px) {
body.home .fusion-builder-row-4 .fusion-title h3 strong { font-size: 48px; }
body.home .fusion-builder-row-7 { border-radius: 0; margin: 0 auto; }
}
@media (prefers-reduced-motion: reduce) {
* { transition: none !important; animation: none !important; }
html { scroll-behavior: auto; }
}
/* ===== Remeda History: modern timeline ===== */
.fusion-builder-row-6.fusion-equal-height-columns { display: none !important; }
.rt { max-width: 1100px; margin: 0 auto; padding: 24px 24px 72px; font-family: Inter, system-ui, sans-serif; }
.rt-banner { display: none; }
.rt-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rt-legend { display: none; }
.rt-tag { display: none; }
.rt-legend li { display: flex; align-items: center; gap: 8px; }
.rt-legend i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
.rt-list { list-style: none; margin: 0; padding: 0; position: relative; }
.rt-list::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: linear-gradient(#008486, #be896e); border-radius: 2px; }
.rt-item { --c: #008486; position: relative; width: 50%; box-sizing: border-box; padding: 0 44px 32px 0; }
.rt-item:nth-child(even) { margin-left: 50%; padding: 0 0 32px 44px; }
.rt-company { --c: #800f41; }
.rt-product { --c: #008486; }
.rt-facility { --c: #be896e; }
.rt-item::after { content: ""; position: absolute; top: 30px; right: -9px; width: 18px; height: 18px; border-radius: 50%; background: var(--c); border: 3px solid #fff; box-shadow: 0 0 0 2px var(--c); box-sizing: border-box; }
.rt-item:nth-child(even)::after { right: auto; left: -9px; }
.rt-card { background: #fff; border-radius: 16px; padding: 22px 26px; border-top: 4px solid var(--c); box-shadow: 0 10px 34px rgba(0,0,0,.09); transition: transform .25s ease, box-shadow .25s ease; }
.rt-card:hover { transform: translateY(-4px); box-shadow: 0 16px 44px rgba(0,0,0,.14); }
.rt-year { display: block; font-size: 44px; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: var(--c); }
.rt-tag { display: inline-block; margin: 10px 0 6px; padding: 3px 11px; border-radius: 999px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--c); background: color-mix(in srgb, var(--c) 12%, #fff); }
.rt-card h3 { margin: 4px 0 8px; font-size: 18px; color: #1b2b2c; }
.rt-card p { margin: 0 0 6px; color: #555; font-size: 15px; line-height: 1.6; }
.rt-js .rt-item { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s ease; }
.rt-js .rt-item.in { opacity: 1; transform: none; }
@media (max-width: 760px) {
.rt { padding: 12px 16px 56px; }
.rt-banner { height: 160px; }
.rt-list::before { left: 18px; margin-left: 0; }
.rt-item, .rt-item:nth-child(even) { width: 100%; margin-left: 0; padding: 0 0 24px 52px; }
.rt-item::after, .rt-item:nth-child(even)::after { left: 9px; right: auto; }
.rt-year { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
.rt-js .rt-item { opacity: 1; transform: none; transition: none; }
.rt-card { transition: none; }
}
/* Force green background on product cards */
body.home .fusion-builder-column-0 .fusion-column-wrapper,
body.home .fusion-builder-column-1 .fusion-column-wrapper,
body.home .fusion-builder-column-2 .fusion-column-wrapper {
background-color: #008486 !important;
}
body.home .fusion-column-has-shadow .fusion-column-wrapper {
background-color: #008486 !important;
}
.fusion-content-boxes .content-box-wrapper {
background-color: transparent !important;
}
/* ---------- Products Grid ---------- */
#products { scroll-margin-top: 120px; }
.products-grid { max-width: 1200px; margin: 0 auto; padding: 0 24px 40px; display: flex; flex-direction: column; gap: 40px; }
.product-card { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 40px; background: #f4f8f8; border-radius: 24px; transition: transform .3s ease, box-shadow .3s ease; }
.product-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(0, 40, 41, .15); }
.product-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; max-height: 440px; background: #fff; border-radius: 18px; overflow: hidden; }
.product-image img { display: block; max-width: 92%; max-height: 92%; width: auto; height: auto; object-fit: contain; }
.product-content h3 { margin: 0 0 14px; font-size: 32px; line-height: 1.2; font-weight: 700; color: #005253; }
.product-content p { margin: 0 0 26px; font-size: 17px; line-height: 1.7; color: #4a5a5a; }
.product-link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 30px; border-radius: 999px; background: #008486; color: #fff !important; font-weight: 600; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.product-link:hover { background: #005253; transform: translateY(-2px); }
@media (max-width: 900px) {
.products-grid { padding: 32px 16px; gap: 32px; }
.product-card { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
.product-image { max-height: 300px; }
.product-content h3 { font-size: 26px; }
.product-content p { font-size: 16px; margin-bottom: 20px; }
.product-link { width: 100%; justify-content: center; }
}
/* ---------- Distributor map (vault56 maps) ---------- */
body.page-id-2 #main > .fusion-row { max-width: none !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.dmap { max-width: 1504px; box-sizing: border-box; margin: 0 auto; padding: 24px 32px 40px; font-family: 'Inter', system-ui, sans-serif; }
.dm-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.dm-count { margin-right: auto; font-size: 14px; color: #5b6b6c; font-weight: 500; }
.dm-view { border: 1px solid #cfe0e0; background: #fff; color: #005253; padding: 7px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; }
.dm-view.is-on { background: #008486; border-color: #008486; color: #fff; }
.dm-viewport { position: relative; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 18px; background: var(--r-bg) !important; border: 1px solid #d3e3e3; box-shadow: 0 10px 30px rgba(0, 40, 41, .1); touch-action: pan-y; cursor: grab; }
.dm-viewport.is-zoomed { touch-action: none; }
.dm-viewport.is-drag { cursor: grabbing; }
.dm-ctrls { position: absolute; top: 12px; right: 12px; z-index: 7; display: flex; flex-direction: column; gap: 6px; }
.dm-ctrl { width: 36px; height: 36px; padding: 0; border: 1px solid #d3e3e3; border-radius: 10px; background: #fff; color: #005253; font-size: 20px; line-height: 1; font-weight: 600; font-family: inherit; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 40, 41, .12); transition: background .15s ease, color .15s ease; }
.dm-ctrl:hover { background: #008486; color: #fff; border-color: #008486; }
.dm-zoom { width: 34px; padding: 7px 0; text-align: center; font-size: 16px; line-height: 1; }
.dm-help { position: absolute; left: 12px; bottom: 10px; z-index: 6; font-size: 12px; color: #3d5556; background: rgba(255,255,255,.85); padding: 4px 10px; border-radius: 999px; pointer-events: none; }
.dm-panel { margin-top: 18px; min-height: 90px; }
.dm-hint { margin: 0; color: #5b6b6c; font-size: 15px; }
.dm-country { margin: 0 0 12px; font-size: 24px; color: #005253; }
.dm-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.dm-card { background: var(--r-bg); border-radius: 14px; padding: 18px 20px; font-size: 15px; line-height: 1.6; color: #4a5a5a; }
.dm-card strong { display: block; color: #12292b; font-size: 16px; margin-bottom: 4px; }
.dm-addr { margin-bottom: 8px; }
.dm-row { display: flex; gap: 10px; }
.dm-ic { color: #008486; width: 16px; text-align: center; }
.dm-card a { color: #005253; text-decoration: none; word-break: break-all; }
.dm-card a:hover { text-decoration: underline; }
.dm-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.dm-chip { border: 1px solid #cfe0e0; background: #fff; color: #005253; padding: 6px 14px; border-radius: 999px; font-size: 13px; cursor: pointer; font-family: inherit; }
.dm-chip:hover { background: #008486; color: #fff; border-color: #008486; }
.dm-logo { height: 64px; display: flex; align-items: center; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #dfe9e9; }
.dm-logo img { max-height: 56px; max-width: 170px; width: auto; height: auto; object-fit: contain; display: block; }
.dm-tip { position: absolute; z-index: 8; transform: translate(-50%, calc(-100% - 14px)); background: #12292b; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.4; padding: 8px 14px; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 40, 41, .3); pointer-events: none; max-width: 300px; text-align: center; }
.dm-tip.is-below { transform: translate(-50%, 18px); }
.dm-tip::after { content: ""; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 10px; height: 10px; background: #12292b; transform: rotate(45deg); }
.dm-tip.is-below::after { bottom: auto; top: -5px; }
.dm-list { margin-top: 40px; }
.dm-group { margin-bottom: 44px; }
.dm-group-title { margin: 0 0 18px; padding-bottom: 12px; font-size: 28px; color: #12292b; border-bottom: 2px solid #d3e3e3; }
.dm-csec { scroll-margin-top: 170px; margin-bottom: 26px; padding: 14px; margin-left: -14px; margin-right: -14px; border-radius: 16px; transition: background .4s ease; }
.dm-csec.is-hl { background: rgba(0, 132, 134, .1); }
.dm-csec .dm-country { display: flex; align-items: center; }
.dm-mini { border-radius: 10px; box-shadow: none; margin-bottom: 10px; }
@media (max-width: 700px) { .dmap { padding: 16px 12px 28px; } }
/* vault56 maps styling */
.v56-map { border-radius: 18px !important; }
.v56-map-control { background: #fff !important; border: 1px solid #d3e3e3 !important; color: #005253 !important; }
.v56-map-control:hover { background: #f4f8f8 !important; }
.v56-map-region { fill: #5fa9ab; stroke: #f5f8f8; stroke-width: 1px; }
.v56-map-region.selected { fill: #008486; }
.v56-map-region:hover { fill: #008486; }
/* ---------- Products carousel (deprecated) ---------- */
.pc { background: #fff; padding: 24px 0 56px; scroll-margin-top: 120px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; position: relative; z-index: 10; display: none; }
#products { scroll-margin-top: 120px; }
.pc-head { max-width: 760px; margin: 0 auto 36px; padding: 0 24px; text-align: center; }
.pc-head h2 { margin: 0 0 14px; font-size: 40px; line-height: 1.15; font-weight: 700; color: #0f2b2c; }
.pc-head p { margin: 0; font-size: 17px; line-height: 1.65; color: #5a6a6a; }
.pc-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.pc-track { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; outline-offset: 4px; }
.pc-track::-webkit-scrollbar { display: none; }
.pc-slide { flex: 0 0 100%; box-sizing: border-box; scroll-snap-align: center; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; padding: 40px; background: #f4f8f8; border-radius: 24px; }
.pc-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; max-height: 440px; background: #fff; border-radius: 18px; overflow: hidden; }
.pc-img img { display: block; max-width: 92%; max-height: 92%; width: auto; height: auto; object-fit: contain; }
.pc-body h3 { margin: 0 0 14px; font-size: 32px; line-height: 1.2; font-weight: 700; color: #005253; }
.pc-body p { margin: 0 0 26px; font-size: 17px; line-height: 1.7; color: #4a5a5a; }
.pc-link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 30px; border-radius: 999px; background: #008486; color: #fff !important; font-weight: 600; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.pc-link:hover { background: #005253; transform: translateY(-2px); }
.pc-controls { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 28px; position: relative; z-index: 20; pointer-events: auto; }
.pc-btn { width: 52px; height: 52px; border-radius: 50%; border: 1px solid #d5e2e2; background: #fff; color: #005253; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; box-shadow: 0 6px 18px rgba(0, 40, 41, .1); transition: background .2s ease, color .2s ease, transform .2s ease; position: relative; z-index: 20; pointer-events: auto; }
.pc-btn:hover { background: #008486; color: #fff; border-color: #008486; }
.pc-btn:active { transform: scale(.94); }
.pc-btn svg { width: 22px; height: 22px; }
.pc-dots { display: flex; gap: 10px; }
.pc-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: #c5d6d6; cursor: pointer; transition: width .25s ease, background .25s ease; }
.pc-dot.is-active { width: 28px; background: #008486; }
@media (max-width: 900px) {
.pc { padding: 48px 0 40px; }
.pc-head h2 { font-size: 30px; }
.pc-head p { font-size: 16px; }
.pc-wrap { padding: 0 16px; }
.pc-track { gap: 16px; }
.pc-slide { grid-template-columns: 1fr; gap: 22px; padding: 20px; border-radius: 20px; }
.pc-img { aspect-ratio: 4 / 3; max-height: 280px; }
.pc-body h3 { font-size: 26px; }
.pc-body p { font-size: 16px; margin-bottom: 22px; }
.pc-link { width: 100%; justify-content: center; box-sizing: border-box; }
.pc-btn { width: 46px; height: 46px; }
.pc-controls { gap: 16px; margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
.pc-track { scroll-behavior: auto; }
.pc-link, .pc-btn, .pc-dot { transition: none; }
}
/* ===== Product pages: modern, clean look (instrument table 3441, loading system 2422, cube system 3429) ===== */
body.page-id-3441 .fusion-fullwidth,
body.page-id-2422 .fusion-fullwidth,
body.page-id-3429 .fusion-fullwidth { background-color: #fff !important; }
body.page-id-3441 .fusion-fullwidth:nth-of-type(even),
body.page-id-2422 .fusion-fullwidth:nth-of-type(even),
body.page-id-3429 .fusion-fullwidth:nth-of-type(even) { background-color: var(--r-bg) !important; }
/* page header: first row */
body.page-id-3441 .fusion-builder-row-1,
body.page-id-2422 .fusion-builder-row-1,
body.page-id-3429 .fusion-builder-row-1 { background: linear-gradient(180deg, #eef5f5, #fff) !important; padding-top: 56px !important; padding-bottom: 24px !important; }
body.page-id-3441 .fusion-builder-row-1 h2,
body.page-id-2422 .fusion-builder-row-1 h2,
body.page-id-3429 .fusion-builder-row-1 h2 { color: var(--r-teal) !important; font-size: clamp(32px, 4.5vw, 52px) !important; line-height: 1.12 !important; }
body.page-id-3441 .fusion-builder-row-1 .fusion-text,
body.page-id-2422 .fusion-builder-row-1 .fusion-text,
body.page-id-3429 .fusion-builder-row-1 .fusion-text { max-width: 760px; margin: 0 auto; text-align: center; font-size: 17px; }
/* section headings */
body.page-id-3441 .fusion-title h3,
body.page-id-2422 .fusion-title h3,
body.page-id-3429 .fusion-title h3 { font-size: clamp(22px, 2.6vw, 30px) !important; line-height: 1.25 !important; color: var(--r-ink) !important; }
body.page-id-3441 .fusion-title h3 strong,
body.page-id-2422 .fusion-title h3 strong,
body.page-id-3429 .fusion-title h3 strong { color: var(--r-teal-2); font-weight: 800; }
body.page-id-3441 .fusion-title .title-sep-container,
body.page-id-2422 .fusion-title .title-sep-container,
body.page-id-3429 .fusion-title .title-sep-container { display: none !important; }
/* images */
body.page-id-3441 main .fusion-imageframe,
body.page-id-2422 main .fusion-imageframe,
body.page-id-3429 main .fusion-imageframe { display: inline-block; border-radius: var(--r-radius); overflow: hidden; }
body.page-id-3441 main .fusion-imageframe img,
body.page-id-2422 main .fusion-imageframe img,
body.page-id-3429 main .fusion-imageframe img { border-radius: var(--r-radius); max-width: 100%; height: auto; }
body.page-id-3441 main .fusion-text img,
body.page-id-2422 main .fusion-text img,
body.page-id-3429 main .fusion-text img { max-width: 100%; height: auto; }
/* tables */
body.page-id-3441 main table,
body.page-id-2422 main table,
body.page-id-3429 main table { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: var(--r-shadow); margin: 18px 0 28px; }
body.page-id-3441 main table th,
body.page-id-2422 main table th,
body.page-id-3429 main table th { background: var(--r-teal) !important; color: #fff !important; padding: 12px 14px !important; border: 0 !important; text-align: center; }
body.page-id-3441 main table th *,
body.page-id-2422 main table th *,
body.page-id-3429 main table th * { color: #fff !important; font-size: 12px !important; letter-spacing: .04em; }
body.page-id-3441 main table td,
body.page-id-2422 main table td,
body.page-id-3429 main table td { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid #e3ecec !important; color: var(--r-ink); }
body.page-id-3441 main table td span,
body.page-id-2422 main table td span,
body.page-id-3429 main table td span { font-size: 13px !important; }
body.page-id-3441 main table tbody tr:nth-child(even) td,
body.page-id-2422 main table tbody tr:nth-child(even) td,
body.page-id-3429 main table tbody tr:nth-child(even) td { background: #f5f9f9; }
body.page-id-3441 main table tbody tr:hover td,
body.page-id-2422 main table tbody tr:hover td,
body.page-id-3429 main table tbody tr:hover td { background: #e6f3f3; }
body.page-id-3441 main table tbody tr:last-child td,
body.page-id-2422 main table tbody tr:last-child td,
body.page-id-3429 main table tbody tr:last-child td { border-bottom: 0 !important; }
/* polish: product pages */
body.page-id-3441 main table td, body.page-id-2422 main table td, body.page-id-3429 main table td { font-variant-numeric: tabular-nums; }
body.page-id-3441 main table, body.page-id-2422 main table, body.page-id-3429 main table { table-layout: auto; }
@media (max-width: 640px) {
body.page-id-3441 main table th, body.page-id-2422 main table th, body.page-id-3429 main table th,
body.page-id-3441 main table td, body.page-id-2422 main table td, body.page-id-3429 main table td { padding: 10px 8px !important; }
body.page-id-3441 main table th *, body.page-id-2422 main table th *, body.page-id-3429 main table th * { letter-spacing: 0; overflow-wrap: anywhere; }
}
body.page-id-3441 main h3, body.page-id-2422 main h3, body.page-id-3429 main h3 { text-wrap: balance; overflow-wrap: anywhere; }
body.page-id-3441 main p, body.page-id-2422 main p, body.page-id-3429 main p { text-wrap: pretty; }
body.page-id-3441 .fusion-accordian .panel-title a, body.page-id-2422 .fusion-accordian .panel-title a, body.page-id-3429 .fusion-accordian .panel-title a { min-height: 44px; display: flex; align-items: center; transition: color .2s ease-out; }
body.page-id-3441 .fusion-accordian .panel-title a:focus-visible, body.page-id-2422 .fusion-accordian .panel-title a:focus-visible, body.page-id-3429 .fusion-accordian .panel-title a:focus-visible { outline: 3px solid #008486; outline-offset: -3px; border-radius: 14px; }
body.page-id-3441 main img.alignnone, body.page-id-2422 main img.alignnone, body.page-id-3429 main img.alignnone { margin: 4px 6px 8px 0; }
/* accordions (brochures, downloads) */
body.page-id-3441 .fusion-accordian .fusion-panel,
body.page-id-2422 .fusion-accordian .fusion-panel,
body.page-id-3429 .fusion-accordian .fusion-panel { border: 1px solid #d9e6e6 !important; border-radius: 14px !important; margin-bottom: 10px !important; overflow: hidden; background: #fff; }
body.page-id-3441 .fusion-accordian .panel-title a,
body.page-id-2422 .fusion-accordian .panel-title a,
body.page-id-3429 .fusion-accordian .panel-title a { color: var(--r-teal) !important; font-weight: 600; }
/* lists, links, content */
body.page-id-3441 main .fusion-text a:not(.fusion-button),
body.page-id-2422 main .fusion-text a:not(.fusion-button),
body.page-id-3429 main .fusion-text a:not(.fusion-button) { color: var(--r-teal-2); font-weight: 600; text-decoration: none; }
body.page-id-3441 main .fusion-text a:not(.fusion-button):hover,
body.page-id-2422 main .fusion-text a:not(.fusion-button):hover,
body.page-id-3429 main .fusion-text a:not(.fusion-button):hover { text-decoration: underline; }
body.page-id-3441 main .fusion-fullwidth,
body.page-id-2422 main .fusion-fullwidth,
body.page-id-3429 main .fusion-fullwidth { padding-top: 40px; padding-bottom: 40px; }
body.page-id-3441 main .fusion-builder-row-1,
body.page-id-2422 main .fusion-builder-row-1,
body.page-id-3429 main .fusion-builder-row-1 { padding-top: 56px; padding-bottom: 24px; }
body.page-id-3441 .fusion-layout-column .fusion-column-wrapper,
body.page-id-2422 .fusion-layout-column .fusion-column-wrapper,
body.page-id-3429 .fusion-layout-column .fusion-column-wrapper { border-radius: var(--r-radius); }
/* brochures: clean cards with a button-like label */
body.page-id-3441 .fusion-builder-row-inner .fusion-title h3,
body.page-id-2422 .fusion-builder-row-inner .fusion-title h3,
body.page-id-3429 .fusion-builder-row-inner .fusion-title h3 { font-size: 15px !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--r-teal) !important; margin: 0 0 12px !important; text-align: center !important; }
body.page-id-3441 .fusion-builder-row-inner .fusion-column-wrapper,
body.page-id-2422 .fusion-builder-row-inner .fusion-column-wrapper,
body.page-id-3429 .fusion-builder-row-inner .fusion-column-wrapper { background: #fff; border: 1px solid #d9e6e6; padding: 20px !important; text-align: center; box-shadow: var(--r-shadow); transition: transform .25s ease, box-shadow .25s ease; }
body.page-id-3441 .fusion-builder-row-inner .fusion-column-wrapper:hover,
body.page-id-2422 .fusion-builder-row-inner .fusion-column-wrapper:hover,
body.page-id-3429 .fusion-builder-row-inner .fusion-column-wrapper:hover { transform: translateY(-4px); box-shadow: var(--r-shadow-lg); }
body.page-id-3441 .fusion-builder-row-inner .fusion-imageframe,
body.page-id-2422 .fusion-builder-row-inner .fusion-imageframe,
body.page-id-3429 .fusion-builder-row-inner .fusion-imageframe { display: block; }
body.page-id-3441 a[href$=".pdf"]::after,
body.page-id-2422 a[href$=".pdf"]::after,
body.page-id-3429 a[href$=".pdf"]::after { content: none; }
body.page-id-3441 .fusion-builder-row-inner .fusion-imageframe a,
body.page-id-2422 .fusion-builder-row-inner .fusion-imageframe a,
body.page-id-3429 .fusion-builder-row-inner .fusion-imageframe a { display: block; }
body.page-id-3441 .fusion-builder-row-inner .fusion-imageframe a::after,
body.page-id-2422 .fusion-builder-row-inner .fusion-imageframe a::after,
body.page-id-3429 .fusion-builder-row-inner .fusion-imageframe a::after { content: "Download PDF \2193"; display: inline-block; margin-top: 14px; padding: 10px 22px; border-radius: 999px; background: var(--r-teal); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
body.page-id-3441 .fusion-builder-row-inner .fusion-imageframe a:hover::after,
body.page-id-2422 .fusion-builder-row-inner .fusion-imageframe a:hover::after,
body.page-id-3429 .fusion-builder-row-inner .fusion-imageframe a:hover::after { background: var(--r-teal-2); }
/* ===== Product pages: round 2 fixes ===== */
/* centred page title */
body.page-id-3441 .fusion-builder-row-1 .fusion-title,
body.page-id-2422 .fusion-builder-row-1 .fusion-title,
body.page-id-3429 .fusion-builder-row-1 .fusion-title { display: flex !important; justify-content: center !important; align-items: center; width: 100%; text-align: center !important; }
body.page-id-3441 .fusion-builder-row-1 .fusion-title > h2,
body.page-id-2422 .fusion-builder-row-1 .fusion-title > h2,
body.page-id-3429 .fusion-builder-row-1 .fusion-title > h2 { margin: 0 auto !important; text-align: center !important; width: 100%; }
body.page-id-3441 .fusion-builder-row-1 .fusion-title h2 h2,
body.page-id-2422 .fusion-builder-row-1 .fusion-title h2 h2,
body.page-id-3429 .fusion-builder-row-1 .fusion-title h2 h2 { text-align: center !important; margin: 0 auto !important; }
body.page-id-3441 .fusion-builder-row-1 .awb-title-spacer,
body.page-id-2422 .fusion-builder-row-1 .awb-title-spacer,
body.page-id-3429 .fusion-builder-row-1 .awb-title-spacer { display: none !important; }
/* uniform product headings */
body.page-id-3441 main .fusion-title.fusion-title-size-three,
body.page-id-2422 main .fusion-title.fusion-title-size-three,
body.page-id-3429 main .fusion-title.fusion-title-size-three { margin: 0 0 28px !important; }
body.page-id-3441 main .fusion-title.fusion-title-size-three h3,
body.page-id-2422 main .fusion-title.fusion-title-size-three h3,
body.page-id-3429 main .fusion-title.fusion-title-size-three h3 { text-align: left !important; margin: 0 !important; line-height: 1.25 !important; }
body.page-id-3441 main .fusion-title.fusion-title-size-three h3 h3,
body.page-id-2422 main .fusion-title.fusion-title-size-three h3 h3,
body.page-id-3429 main .fusion-title.fusion-title-size-three h3 h3 { font-size: inherit !important; }
body.page-id-3441 main .fusion-builder-row-2 .fusion-text h3,
body.page-id-2422 main .fusion-text h3,
body.page-id-3429 main .fusion-text h3 { font-size: 20px !important; line-height: 1.4 !important; color: var(--r-ink) !important; }
/* accordion: no frame, clean divider */
body.page-id-3441 .fusion-accordian .fusion-panel,
body.page-id-2422 .fusion-accordian .fusion-panel,
body.page-id-3429 .fusion-accordian .fusion-panel { border: 0 !important; border-bottom: 1px solid #dfe9e9 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; margin-bottom: 0 !important; }
body.page-id-3441 .fusion-accordian .panel-heading,
body.page-id-2422 .fusion-accordian .panel-heading,
body.page-id-3429 .fusion-accordian .panel-heading { background: transparent !important; padding: 4px 0 !important; }
body.page-id-3441 .fusion-accordian .fa-fusion-box,
body.page-id-2422 .fusion-accordian .fa-fusion-box,
body.page-id-3429 .fusion-accordian .fa-fusion-box { border-radius: 4px !important; background-color: var(--r-teal) !important; border-color: var(--r-teal) !important; }
/* brochures: tighter gap under title, rounder button */
body.page-id-3441 .fusion-layout-column:has(> .fusion-column-wrapper > .fusion-builder-row-inner),
body.page-id-2422 .fusion-layout-column:has(> .fusion-column-wrapper > .fusion-builder-row-inner),
body.page-id-3429 .fusion-layout-column:has(> .fusion-column-wrapper > .fusion-builder-row-inner) { margin-top: 0 !important; }
body.page-id-3441 .fusion-builder-row-4 .fusion-title-size-one,
body.page-id-2422 .fusion-builder-row-4 .fusion-title-size-one,
body.page-id-3429 .fusion-builder-row-4 .fusion-title-size-one { margin-bottom: 24px !important; }
body.page-id-3441 .fusion-builder-row-inner .fusion-imageframe a::after,
body.page-id-2422 .fusion-builder-row-inner .fusion-imageframe a::after,
body.page-id-3429 .fusion-builder-row-inner .fusion-imageframe a::after { border-radius: 999px !important; padding: 12px 28px; box-shadow: 0 6px 16px rgba(0, 82, 83, .25); }
@media (max-width: 800px) {
body.page-id-3441 main table,
body.page-id-2422 main table,
body.page-id-3429 main table { display: block; overflow-x: auto; white-space: nowrap; }
body.page-id-3441 main .fusion-fullwidth,
body.page-id-2422 main .fusion-fullwidth,
body.page-id-3429 main .fusion-fullwidth { padding-top: 24px; padding-bottom: 24px; }
}
/* "More information" buttons on product pages: 10px radius */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-button,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-button.button-flat { border-radius: 10px !important; }
/* ===== Product pages: round 3 (flat products, one background, centred titles) ===== */
/* 6. Cards only for the brochure row; product columns stay flat */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-fullwidth:not(.fusion-builder-row-4) .fusion-builder-row-inner .fusion-column-wrapper {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
text-align: inherit;
transform: none !important;
transition: none;
border-radius: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-fullwidth:not(.fusion-builder-row-4) .fusion-builder-row-inner .fusion-column-wrapper:hover {
transform: none !important;
box-shadow: none !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-fullwidth:not(.fusion-builder-row-4) .fusion-builder-row-inner .fusion-title h3 {
text-transform: none !important;
letter-spacing: normal !important;
text-align: left !important;
font-size: clamp(22px, 2.6vw, 30px) !important;
color: var(--r-ink) !important;
margin: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-fullwidth:not(.fusion-builder-row-4) .fusion-builder-row-inner .fusion-imageframe a::after { content: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-fullwidth:not(.fusion-builder-row-4) .fusion-builder-row-inner .fusion-imageframe { display: inline-block; }
/* 7. One background for the whole product section */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1),
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1):nth-of-type(even),
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1):nth-of-type(odd) {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
/* 8. Centred page titles */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 > .fusion-builder-row {
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 1240px;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-layout-column {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-column-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
align-items: center !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title {
display: flex !important;
justify-content: center !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title .awb-title-spacer,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title .title-sep-container { display: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h1,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h2,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h3 {
width: 100% !important;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h1 { font-size: clamp(32px, 4.5vw, 52px) !important; line-height: 1.12 !important; color: var(--r-teal) !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h1 h3 { font-size: inherit !important; color: var(--r-teal) !important; line-height: inherit !important; }
/* ===== Product pages: round 4 (title is an h2, not h1) + accordion icon radius ===== */
.fusion-accordian .fa-fusion-box { border-radius: 4px !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title {
display: block !important;
text-align: center !important;
float: none !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title > .title-sep-container,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title > .awb-title-spacer { display: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title > h2,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h2 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
float: none !important;
font-size: clamp(32px, 4.5vw, 52px) !important;
line-height: 1.12 !important;
color: var(--r-teal) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-builder-row-1 .fusion-title h2:empty { display: none !important; }
/* Cube system: CUBE / TWIST logo titles centred in their columns */
body.page-id-3429 .fusion-builder-row-1 .fusion-builder-row-inner .fusion-column-wrapper { text-align: center !important; align-items: center !important; justify-content: center !important; }
body.page-id-3429 .fusion-builder-row-1 .fusion-builder-row-inner .fusion-column-wrapper > div { text-align: center !important; width: 100%; }
body.page-id-3429 .fusion-builder-row-1 .fusion-builder-row-inner .fusion-imageframe { display: inline-block !important; float: none !important; margin: 0 auto !important; }
/* Product tables: never clip the table (all columns visible, scroll sideways if the column is narrow) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-text { overflow: visible !important; max-width: 100%; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-column-wrapper { overflow: visible !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main table { display: table !important; width: 100% !important; max-width: 100%; table-layout: auto; overflow: visible !important; white-space: normal !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main table td,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main table th { padding: 10px 8px !important; word-break: normal; overflow-wrap: anywhere; }
@media (max-width: 800px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main table { display: block !important; overflow-x: auto !important; }
}
/* ===== Startsida: sektionsrytm, hero, stats, details (steps 9-13) ===== */
/* 9. One rhythm: 80px above/below, 1200px content, white / light alternating */
body.home #products { padding: 80px 24px !important; background: #fff !important; }
body.home #worldwide { padding: 80px 0 !important; background: var(--r-bg) !important; }
body.home #worldwide > div { max-width: 1504px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
body.home #timeline.rt { max-width: none; padding: 80px 24px; background: #fff; }
body.home #timeline .rt-list, body.home #timeline .rt-header { max-width: 1100px; margin-left: auto; margin-right: auto; }
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-top: 72px !important; padding-bottom: 72px !important; background: #f3f8f7 !important; }
body.home #products h2, body.home #worldwide > div > h2, body.home #timeline .rt-header h2 { font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.15 !important; color: var(--r-teal) !important; }
body.home #products h2::after, body.home #worldwide > div > h2::after, body.home #timeline .rt-header h2::after {
content: ""; display: block; width: 56px; height: 4px; margin: 18px auto 0; border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
body.home #worldwide > div > h2 { margin-bottom: 48px !important; }
/* 10. Hero + product cards */
body.home .fusion-builder-row-1 h1 { font-size: clamp(36px, 5vw, 60px) !important; line-height: 1.08 !important; }
body.home .fusion-builder-row-1 p { font-size: clamp(16px, 1.5vw, 20px) !important; line-height: 1.6 !important; max-width: 520px; opacity: .95; }
.hero-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 8px; }
.hero-ctas .fusion-button { margin: 0 !important; }
/* Hero buttons: same size as the "Read more" button (13px 29px, 14px PT Sans bold, 1px letter-spacing) */
body.home .hero-ctas .fusion-button,
body.home .hero-ctas .hero-secondary {
padding: 13px 29px !important; font-size: 14px !important; line-height: 17px !important;
font-weight: 700 !important; letter-spacing: 1px !important; box-sizing: border-box;
}
body.home .hero-ctas .hero-secondary {
background: rgba(255,255,255,.15) !important;
color: #ffffff !important;
box-shadow: none !important;
padding: 13px 29px !important;
border: none !important;
border-radius: 999px !important;
width: auto !important;
display: inline-block !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
box-sizing: border-box;
transition: all .2s ease;
}
body.home .hero-ctas .hero-secondary:hover {
background: #003d3e !important;
border-radius: 999px !important;
transform: none;
}
.hero-secondary {
display: inline-block; padding: 13px 28px; border: none;
color: #fff !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
transition: background .2s ease, color .2s ease, transform .2s ease;
}
.hero-secondary:hover { background: #fff; color: var(--r-teal) !important; transform: translateY(-2px); }
.product-card { box-shadow: 0 4px 18px rgba(0, 40, 41, .06); min-height: 400px; }
.product-card:nth-child(even) .product-image { order: 2; }
.product-card:nth-child(even) .product-content { order: 1; }
@media (max-width: 900px) {
.product-card:nth-child(even) .product-image, .product-card:nth-child(even) .product-content { order: 0; }
}
/* 11. Stats: flat row, big numbers */
#worldwide .stat { background: transparent !important; box-shadow: none !important; border-radius: 0; padding: 24px 16px; text-align: center; }
#worldwide .stat-pre { color: var(--r-muted); font-size: 16px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
#worldwide .stat-num { font-size: clamp(56px, 8vw, 88px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; margin: 6px 0; font-variant-numeric: tabular-nums;
background: linear-gradient(135deg, var(--r-teal-2), var(--r-teal)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#worldwide .stat > div:last-child { color: var(--r-ink); font-size: 20px; font-weight: 600; }
#worldwide a[href="/distributors"] { transition: transform .25s ease, box-shadow .25s ease; }
#worldwide a[href="/distributors"]:hover { transform: translateY(-4px); box-shadow: var(--r-shadow-lg) !important; }
/* 12. History: thinner line, sticky-feeling years; environment: ISO as clean tiles */
body.home .rt-list::before { width: 1px; margin-left: 0; opacity: .6; }
.rt-year { position: sticky; top: 96px; }
.rt-card { border-top-width: 3px; box-shadow: 0 6px 22px rgba(0, 40, 41, .07); }
body.home .fusion-builder-row-7 .fusion-imageframe { display: inline-block; background: #fff; padding: 10px 14px; border-radius: 12px; box-shadow: 0 4px 14px rgba(0, 40, 41, .08); }
body.home .fusion-builder-row-7 .fusion-imageframe img { border-radius: 6px; }
body.home .fusion-builder-row-7 i, body.home .fusion-builder-row-7 .icon i { color: var(--r-teal-2); }
/* 13. Soft details */
.fx-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.fx-reveal.fx-in { opacity: 1; transform: none; }
/* Product cards slide in: 1st from the left, 2nd from the right, 3rd from the left */
.pr-item.fx-reveal { transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); }
.pr-item.fx-reveal[data-fx="left"] { transform: translateX(-90px); }
.pr-item.fx-reveal[data-fx="right"] { transform: translateX(90px); }
.pr-item.fx-reveal[data-fx="zoom"] { transform: scale(.7); transform-origin: 50% 50%; }
.pr-item.fx-reveal.fx-in { transform: none; }
@media (max-width: 900px) { .pr-item.fx-reveal[data-fx="left"], .pr-item.fx-reveal[data-fx="right"] { transform: translateY(40px); } .pr-item.fx-reveal.fx-in { transform: none; } }
.product-card.fx-reveal { transform: translateX(-90px); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1), box-shadow .3s ease; }
.product-card.fx-reveal:nth-child(even) { transform: translateX(90px); }
.product-card.fx-reveal.fx-in, .product-card.fx-reveal:nth-child(even).fx-in { transform: none; }
.product-card.fx-reveal.fx-in:hover { transform: translateY(-6px); transition: transform .3s ease, box-shadow .3s ease; }
@media (max-width: 900px) { .product-card.fx-reveal { transform: translateX(-40px); } .product-card.fx-reveal:nth-child(even) { transform: translateX(40px); } }
@media (prefers-reduced-motion: reduce) { .product-card.fx-reveal, .product-card.fx-reveal:nth-child(even) { transform: none; opacity: 1; } }
html, body { overflow-x: clip; }
/* Section transitions (section-anim.js adds .sa, then .sa-in when visible) */
.sa { opacity: 0; transform: translateY(36px); transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); will-change: opacity, transform; }
.sa.sa-alt { transform: translateY(28px) scale(.985); }
.sa.sa-in { opacity: 1; transform: none; will-change: auto; }
/* Product pages: every section row (cards too) sits in the same container as the title row */
html body:is(.page-id-3441, .page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth > .fusion-builder-row { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
/* Loading system: inner card rows span the full container, like the other product pages */
html body.page-id-2422:not(#rm-x) main .fusion-fullwidth .fusion-builder-row-inner { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
/* Loading system: the column wrapper of the cards section had 2% side margins, which indented the cards */
html body.page-id-2422:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-2 > .fusion-builder-row > .fusion-layout-column > .fusion-column-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
/* Product pages: sections only fade in, never shift or scale, so every container keeps the same left edge */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .sa, body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .sa.sa-alt { transform: none !important; }
@media (prefers-reduced-motion: reduce) { .sa { opacity: 1; transform: none; transition: none; } }
.fusion-header-wrapper .fusion-header { transition: padding .25s ease, box-shadow .25s ease; }
body.is-scrolled .fusion-header-wrapper .fusion-header { padding-top: 6px !important; padding-bottom: 6px !important; box-shadow: 0 6px 24px rgba(0, 40, 41, .08); }
body.is-scrolled .fusion-header .fusion-logo img { max-height: 44px; width: auto; transition: max-height .25s ease; }
a:focus-visible, button:focus-visible, .fusion-button:focus-visible, .hero-secondary:focus-visible, .product-link:focus-visible {
outline: 3px solid var(--r-teal-2); outline-offset: 3px; border-radius: 8px;
}
.hero-secondary:focus-visible { outline-color: #fff; }
.fusion-button, .product-link, .hero-secondary, .product-card, .rt-card { transition-duration: .25s; }
@media (prefers-reduced-motion: reduce) {
.fx-reveal { opacity: 1; transform: none; }
.rt-year { position: static; }
}
@media (max-width: 800px) {
body.home #products, body.home #timeline.rt { padding: 56px 16px !important; }
body.home #worldwide { padding: 56px 0 !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-top: 56px !important; padding-bottom: 56px !important; }
.rt-year { position: static; }
.hero-ctas { flex-direction: column; align-items: flex-start; }
}
/* ===== Remeda History: improved cards ===== */
body.home #timeline .rt-card {
position: relative;
background: #f7fafa;
border: 1px solid #e1ecec;
border-top: 1px solid #e1ecec;
border-left: 4px solid var(--c);
border-radius: 16px;
padding: 24px 28px 22px;
box-shadow: 0 2px 10px rgba(0, 40, 41, .04);
transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
body.home #timeline .rt-card:hover {
background: #fff;
transform: translateY(-3px);
box-shadow: 0 14px 36px rgba(0, 40, 41, .10);
}
/* year as a pill, not a huge number */
body.home #timeline .rt-year {
position: static;
display: inline-block;
font-size: 15px;
line-height: 1;
font-weight: 700;
letter-spacing: .06em;
padding: 7px 14px;
border-radius: 999px;
color: #fff;
background: var(--c);
margin-bottom: 14px;
}
body.home #timeline .rt-card h3 {
margin: 0 0 8px;
font-size: 20px;
line-height: 1.3;
color: var(--r-ink);
}
body.home #timeline .rt-card p {
font-size: 15px;
line-height: 1.65;
color: var(--r-muted);
}
body.home #timeline .rt-card p:last-child { margin-bottom: 0; }
/* small connector from the card to the dot on the line */
body.home #timeline .rt-item::before {
content: "";
position: absolute;
top: 38px;
right: 0;
width: 44px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--c));
opacity: .5;
}
body.home #timeline .rt-item:nth-child(even)::before {
right: auto;
left: 0;
background: linear-gradient(270deg, transparent, var(--c));
}
body.home #timeline .rt-item::after { top: 30px; }
body.home #timeline .rt-item { padding-bottom: 36px; }
@media (max-width: 760px) {
body.home #timeline .rt-card { padding: 20px 20px 18px; }
body.home #timeline .rt-item::before,
body.home #timeline .rt-item:nth-child(even)::before { right: auto; left: 18px; width: 34px; background: linear-gradient(90deg, var(--c), transparent); }
body.home #timeline .rt-card h3 { font-size: 18px; }
}
/* ===== Product pages: round 5 ===== */
/* Side margin on the section background + wider content (still 3 columns) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth {
padding-left: clamp(20px, 4vw, 64px) !important;
padding-right: clamp(20px, 4vw, 64px) !important;
box-sizing: border-box;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth > .fusion-builder-row {
max-width: 1480px !important;
width: 100% !important;
}
/* Equal height product columns; headings reserve two lines so wrapping does not change the height */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row:has(> .fusion_builder_column_1_3) { align-items: stretch !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3 { align-self: stretch !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3 > .fusion-column-wrapper { height: 100%; box-sizing: border-box; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3 .fusion-title h3.title-heading-left {
min-height: 2.6em;
display: flex;
align-items: flex-end;
line-height: 1.3 !important;
font-size: clamp(20px, 2vw, 26px) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3 .fusion-title h3.title-heading-left h3 { font-size: inherit !important; line-height: inherit !important; margin: 0; }
/* "More information": no background on the toggle icon */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) .fusion-accordian .fa-fusion-box,
.fusion-accordian .panel-title a .fa-fusion-box {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
color: var(--r-teal) !important;
box-shadow: none !important;
}
.fusion-accordian .panel-title a .fa-fusion-box::before { color: var(--r-teal) !important; }
/* Brochures: uniform, modern cards */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) {
display: flex !important;
flex-wrap: wrap;
align-items: stretch !important;
gap: 24px;
margin: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) > .fusion-layout-column {
flex: 1 1 220px;
max-width: 320px;
width: auto !important;
margin: 0 !important;
align-self: stretch !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-column-wrapper {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
box-sizing: border-box;
background: #fff !important;
border: 1px solid #e1ecec !important;
border-radius: 16px !important;
padding: 24px 20px !important;
box-shadow: 0 2px 12px rgba(0, 40, 41, .05) !important;
text-align: center;
transition: transform .25s ease, box-shadow .25s ease !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-column-wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: var(--r-shadow-lg) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-title { margin: 0 0 14px !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-title h3 {
text-align: center !important;
text-transform: none !important;
letter-spacing: normal !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--r-teal) !important;
min-height: 0;
display: block;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-imageframe {
display: block !important;
width: 100%;
border-radius: 10px;
background: var(--r-bg);
padding: 12px;
box-sizing: border-box;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-imageframe img {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 6px;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-inner:has(a[href$=".pdf"]) .fusion-imageframe a::after {
content: "Download PDF \2193" !important;
display: inline-block;
margin-top: 14px;
}
/* Cube system: clickable images */
body.page-id-3429 main .fusion-row > .fusion_builder_column_1_3 .fusion-imageframe img,
body.page-id-3429 main .fusion-text img.zoomable,
body.page-id-3429 main .fusion-imageframe img { cursor: zoom-in; }
.v56-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 20, 21, .88); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; animation: lbfade .2s ease; }
.v56-lb img { max-width: min(92vw, 900px); max-height: 90vh; width: auto; height: auto; background: #fff; border-radius: 12px; padding: 12px; box-sizing: border-box; box-shadow: 0 24px 80px rgba(0,0,0,.5); object-fit: contain; }
.v56-lb button { position: absolute; top: 18px; right: 22px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: #005253; font-size: 26px; line-height: 1; cursor: pointer; }
@keyframes lbfade { from { opacity: 0; } to { opacity: 1; } }
/* ===== Remeda History: no category badge, one colour, no left border ===== */
body.home #timeline .rt-tag, .rt-tag { display: none !important; }
body.home #timeline .rt-item, body.home #timeline .rt-company, body.home #timeline .rt-product, body.home #timeline .rt-facility { --c: #008486; }
body.home #timeline .rt-card { border: 1px solid #e1ecec !important; border-left: 1px solid #e1ecec !important; }
/* Product sub-pages: every product image sits in an invisible fixed-size box */
body.page-id-3441 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe),
body.page-id-2422 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe),
body.page-id-3429 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe) {
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
height: 300px;
overflow: visible;
background: transparent;
border-radius: 0;
}
body.page-id-3441 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe) img,
body.page-id-2422 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe) img,
body.page-id-3429 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe) img {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain;
}
@media (max-width: 640px) {
body.page-id-3441 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe),
body.page-id-2422 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe),
body.page-id-3429 main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-imageframe:not(.fusion-builder-row-inner .fusion-imageframe) { height: 240px; }
}
/* Product cards: each product column is a card so its text visibly belongs to it */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) {
padding: 0 12px !important;
box-sizing: border-box;
margin-bottom: 24px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper {
background: #fff !important;
border: 1px solid #e3eaea !important;
border-radius: 16px !important;
box-shadow: 0 2px 6px rgba(15, 40, 40, .05), 0 10px 28px rgba(15, 40, 40, .06) !important;
padding: 24px 22px 20px !important;
box-sizing: border-box;
height: 100%;
transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper:hover {
border-color: #cfdcdc !important;
box-shadow: 0 4px 10px rgba(15, 40, 40, .08), 0 16px 36px rgba(15, 40, 40, .1) !important;
transform: translateY(-3px);
}
@media (max-width: 800px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) { padding: 0 !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper { padding: 18px 16px !important; }
}
/* Tighter, more modern cards; no bottom border on "More information" */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) {
padding: 0 5px !important;
margin-bottom: 10px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper {
border: 0 !important;
border-radius: 14px !important;
box-shadow: 0 1px 2px rgba(15, 40, 40, .06), 0 6px 20px rgba(15, 40, 40, .07) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper:hover {
box-shadow: 0 2px 4px rgba(15, 40, 40, .08), 0 12px 28px rgba(15, 40, 40, .1) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .fusion-panel,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-default,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-heading,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-title,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-title a,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-collapse,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian .panel-body {
border-bottom: 0 !important;
border-top: 0 !important;
box-shadow: none !important;
}
@media (max-width: 800px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) { margin-bottom: 12px !important; }
}
/* Equal gap sideways and downwards between product cards (10px) */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) {
width: 33.3333% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 5px !important;
margin-bottom: 10px !important;
box-sizing: border-box !important;
}
}
/* Title divider (same short teal/sand line as the start page) on product pages */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title h2:not(:has(h2))::after {
content: "";
display: block;
width: 56px; height: 4px; margin: 18px auto 0;
border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
/* Product cards: smaller gap sideways (4px), larger gap downwards (28px) */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) {
padding: 0 2px !important;
margin-bottom: 28px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 800px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) { margin-bottom: 20px !important; }
}
/* More space between the description and the title divider */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title h2:not(:has(h2))::after {
margin-top: 18px !important;
margin-bottom: 36px !important;
}
/* Product cards: sideways gap equal to the gap downwards (28px) */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) {
padding: 0 14px !important;
margin-bottom: 28px !important;
}
}
/* Section title divider: below the title, title centred (not a flex row) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1) h2,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1) h2 > h3 {
display: block !important;
text-align: center !important;
width: 100%;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title h2:not(:has(h2))::after {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Brochures laid out directly in a row (Cube / Loading system): same card style as Instrument table */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) {
display: flex !important;
flex-wrap: wrap;
align-items: stretch !important;
justify-content: flex-start;
gap: 24px;
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100% !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) > .fusion-layout-column {
flex: 1 1 220px;
max-width: 320px;
width: auto !important;
margin: 0 !important;
align-self: stretch !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) > .fusion-layout-column > .fusion-column-wrapper {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
box-sizing: border-box;
background: #fff !important;
border: 1px solid #e1ecec !important;
border-radius: 16px !important;
padding: 24px 20px !important;
margin: 0 !important;
box-shadow: 0 2px 12px rgba(0, 40, 41, .05) !important;
text-align: center;
transition: transform .25s ease, box-shadow .25s ease !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) > .fusion-layout-column > .fusion-column-wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: var(--r-shadow-lg) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) .fusion-title { margin: 0 0 14px !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) .fusion-title h3 {
text-align: center !important;
text-transform: none !important;
letter-spacing: normal !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--r-teal) !important;
display: block;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) .fusion-imageframe {
display: block !important;
width: 100%;
border-radius: 10px;
background: var(--r-bg);
padding: 12px;
box-sizing: border-box;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) .fusion-imageframe img {
width: 100%;
height: 200px;
object-fit: contain;
border-radius: 6px;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row.fusion-row:not(.fusion-builder-row-inner):has(> .fusion-layout-column > .fusion-column-wrapper > div > .fusion-imageframe a[href$=".pdf"]) .fusion-imageframe a::after {
content: "Download PDF \2193" !important;
display: inline-block;
margin-top: 14px;
}
/* Section titles: the markup has an empty h2 (carrying the divider) next to the h3 text.
Stack them: text first, centred, divider underneath. */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1):has(> h2.title-heading-left) {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1):has(> h2.title-heading-left) > h3 {
order: 1;
width: 100%;
text-align: center !important;
margin: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1):has(> h2.title-heading-left) > h2.title-heading-left {
order: 2;
width: 100% !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1):has(> h2.title-heading-left) > .awb-title-spacer,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title:not(.fusion-title-1):has(> h2.title-heading-left) > .title-sep-container { display: none !important; }
/* Cube "Shelf racks" title (h2 containing an h3): title centred, divider underneath */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1:has(> h2 > h3) {
display: block !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1 > h2:has(> h3) {
display: block !important;
width: 100% !important;
text-align: center !important;
float: none !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1 > h2 > h3 {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1 > h2:has(> h3)::after {
display: block !important;
margin: 18px auto 36px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1:has(> h2 > h3) > .awb-title-spacer,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-title.fusion-title-1:has(> h2 > h3) > .title-sep-container { display: none !important; }
/* Brochures in a plain row (Cube / Loading system): same card style as Instrument table */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
gap: 24px !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1200px !important;
width: 100% !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column {
flex: 1 1 220px !important;
max-width: 320px !important;
width: auto !important;
margin: 0 !important;
align-self: stretch !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: space-between !important;
height: 100% !important;
box-sizing: border-box;
background: #fff !important;
border: 1px solid #e1ecec !important;
border-radius: 16px !important;
padding: 24px 20px !important;
margin: 0 !important;
box-shadow: 0 2px 12px rgba(0, 40, 41, .05) !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title { margin: 0 0 14px !important; width: 100%; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3 {
display: block !important;
text-align: center !important;
text-transform: none !important;
font-size: 18px !important;
font-weight: 700 !important;
color: var(--r-teal) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe {
display: block !important;
width: 100%;
background: var(--r-bg);
border-radius: 10px;
padding: 12px;
box-sizing: border-box;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe img {
width: 100% !important;
height: 200px !important;
object-fit: contain;
}
/* ===== Round 6 =====
The browser splits "text
" into an EMPTY h2 followed by the h3 as a sibling.
So "Shelf racks" is: [empty h2 carrying the divider] + [h3 with the text]. Stack them, centred. */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-title.fusion-title-1:has(> h2.title-heading-left) {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-title.fusion-title-1:has(> h2.title-heading-left) > h3 {
order: 1;
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
font-size: clamp(30px, 4vw, 46px) !important;
line-height: 1.15 !important;
color: var(--r-ink) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-title.fusion-title-1:has(> h2.title-heading-left) > h2.title-heading-left {
order: 2;
display: block !important;
width: 100% !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:not(.fusion-builder-row-1) .fusion-title.fusion-title-1:has(> h2.title-heading-left) > h2.title-heading-left::after {
content: "" !important;
display: block !important;
width: 56px; height: 4px;
margin: 18px auto 36px !important;
border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
/* Instrument table: 'Special instrument tables' title larger, with the same short separator as the other titles */
body.page-id-3441:not(#rm-x) main .fusion-title.fusion-title-11 :is(h2, h3), body.page-id-3441:not(#rm-x) main .fusion-title.fusion-title-11 .wysiwyg-font-size-30 { font-size: clamp(34px, 4.2vw, 48px) !important; line-height: 1.15 !important; }
body.page-id-3441:not(#rm-x) main .fusion-title.fusion-title-11 { flex-direction: column !important; align-items: flex-start !important; }
body.page-id-3441.page-id-3441:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-3 { padding-top: 56px !important; padding-bottom: 56px !important; }
body.page-id-3441:not(#rm-x) main .fusion-title.fusion-title-11::after {
content: "" !important; display: block !important; width: 56px; height: 4px; margin: 18px 0 0 !important; border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
/* Brochure cards in a plain row: hide the empty split h3, add the Download button + hover like Instrument table */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3:empty { display: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a { display: block; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a::after {
content: "Download PDF \2193" !important;
display: inline-block;
margin-top: 14px;
padding: 12px 28px;
border-radius: 999px;
background: var(--r-teal);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
box-shadow: 0 6px 16px rgba(0, 82, 83, .25);
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a:hover::after { background: var(--r-teal-2); }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
transition: transform .25s ease, box-shadow .25s ease !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column > .fusion-column-wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: var(--r-shadow-lg) !important;
}
/* Brochure cards in a plain row: the fixed 300px product-image box must not apply (same as Instrument table) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe {
height: auto !important;
overflow: hidden !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe img {
max-height: 200px !important;
height: 200px !important;
width: 100% !important;
object-fit: contain !important;
}
/* Cube / Loading: the "Brochures" title row (the section just before the PDF row) – centred, with the divider, like the section titles */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(+ .fusion-fullwidth a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
margin: 0 0 8px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(+ .fusion-fullwidth a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3 {
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 0 !important;
font-size: clamp(30px, 4vw, 46px) !important;
line-height: 1.15 !important;
color: var(--r-ink) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(+ .fusion-fullwidth a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3:empty { display: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(+ .fusion-fullwidth a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title::after {
content: "";
display: block;
width: 56px; height: 4px;
margin: 18px auto 12px;
border-radius: 4px;
background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
/* Brochure card titles (English / Français ...): centred, same size as Instrument table */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row .fusion-title h3 {
font-size: 18px !important;
line-height: 1.3 !important;
min-height: 0 !important;
justify-content: center !important;
text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row .fusion-title {
display: block !important;
text-align: center !important;
margin: 0 0 14px !important;
}
/* ===== Round 7: Cube / Loading brochures, higher specificity =====
Earlier brochure rules lost to the product-image rules (fixed 300px box, display:flex).
Same card as Instrument table, with enough specificity to win. */
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
gap: 24px !important;
max-width: 1200px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column {
flex: 1 1 220px !important;
max-width: 300px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
align-self: stretch !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column > .fusion-column-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: space-between !important;
height: 100% !important;
box-sizing: border-box !important;
background: #fff !important;
border: 1px solid #e1ecec !important;
border-radius: 16px !important;
padding: 24px 20px !important;
margin: 0 !important;
box-shadow: 0 2px 12px rgba(0, 40, 41, .05) !important;
text-align: center !important;
transition: transform .25s ease, box-shadow .25s ease !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) > .fusion-row > .fusion-layout-column > .fusion-column-wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: var(--r-shadow-lg) !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-column-wrapper > div:not(.fusion-title) {
width: 100% !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title {
display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
text-align: center !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title::after { content: none !important; display: none !important; }
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3 {
display: block !important;
text-align: center !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
text-transform: none !important;
color: var(--r-teal) !important;
margin: 0 !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-title h3:empty { display: none !important; }
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe {
display: block !important;
width: 100% !important;
height: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: var(--r-bg) !important;
border-radius: 10px !important;
padding: 12px !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe img {
display: block !important;
width: 100% !important;
height: 200px !important;
max-height: 200px !important;
object-fit: contain !important;
border-radius: 6px !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a { display: block !important; }
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a::after {
content: "Download PDF \2193" !important;
display: inline-block !important;
margin-top: 14px;
padding: 12px 28px;
border-radius: 999px;
background: var(--r-teal);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
box-shadow: 0 6px 16px rgba(0, 82, 83, .25);
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]):not(:has(.fusion-builder-row-inner)) .fusion-imageframe a:hover::after { background: var(--r-teal-2); }
/* ===== Round 8: Loading system brochures (nested row inside row-3) =====
The "flat product columns" rule excluded only row-4, so it flattened these cards. */
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: center !important;
gap: 24px !important;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner > .fusion-layout-column {
flex: 1 1 220px !important;
max-width: 300px !important;
width: auto !important;
margin: 0 !important;
align-self: stretch !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: space-between !important;
height: 100% !important;
box-sizing: border-box !important;
background: #fff !important;
border: 1px solid #e1ecec !important;
border-radius: 16px !important;
padding: 24px 20px !important;
margin: 0 !important;
box-shadow: 0 2px 12px rgba(0, 40, 41, .05) !important;
text-align: center !important;
transition: transform .25s ease, box-shadow .25s ease !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner > .fusion-layout-column > .fusion-column-wrapper:hover {
transform: translateY(-4px) !important;
box-shadow: var(--r-shadow-lg) !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-column-wrapper > div:not(.fusion-title) { width: 100% !important; }
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-title {
display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
text-align: center !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-title h3 {
display: block !important;
text-align: center !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
letter-spacing: normal !important;
text-transform: none !important;
color: var(--r-teal) !important;
margin: 0 !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-title .title-sep-container { display: none !important; }
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-imageframe {
display: block !important;
width: 100% !important;
height: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
background: var(--r-bg) !important;
border-radius: 10px !important;
padding: 12px !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-imageframe img {
display: block !important;
width: 100% !important;
height: 200px !important;
max-height: 200px !important;
object-fit: contain !important;
border-radius: 6px !important;
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-imageframe a { display: block !important; }
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-imageframe a::after {
content: "Download PDF \2193" !important;
display: inline-block !important;
margin-top: 14px;
padding: 12px 28px;
border-radius: 999px !important;
background: var(--r-teal);
color: #fff;
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
box-shadow: 0 6px 16px rgba(0, 82, 83, .25);
}
html body.page-id-2422 main .fusion-fullwidth.fusion-fullwidth:has(a[href$=".pdf"]) .fusion-builder-row-inner .fusion-imageframe a:hover::after { background: var(--r-teal-2); }
/* ===== Round 9: Loading system + Cube system product cards = Instrument table cards =====
Loading system keeps its products in nested rows (.fusion-builder-row-inner), which the earlier
card rules (direct .fusion-row children) and the "flat" rule at round 3 did not allow. */
@media (min-width: 801px) {
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])),
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])):has(> .fusion_builder_column_1_3) {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3,
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_1_3 {
box-sizing: border-box !important;
padding: 0 14px !important;
margin: 0 0 28px !important;
align-self: stretch !important;
}
@media (min-width: 801px) {
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3,
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_1_3 {
width: 33.3333% !important;
}
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3 > .fusion-column-wrapper,
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_1_3 > .fusion-column-wrapper {
box-sizing: border-box !important;
height: 100% !important;
margin: 0 !important;
background: #fff !important;
border: 0 !important;
border-radius: 14px !important;
box-shadow: 0 1px 2px rgba(15, 40, 40, .06), 0 6px 20px rgba(15, 40, 40, .07) !important;
padding: 24px 22px 20px !important;
transition: box-shadow .25s ease, transform .25s ease !important;
}
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3 > .fusion-column-wrapper:hover,
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_1_3 > .fusion-column-wrapper:hover {
box-shadow: 0 2px 4px rgba(15, 40, 40, .08), 0 12px 28px rgba(15, 40, 40, .1) !important;
transform: translateY(-3px) !important;
}
@media (max-width: 800px) {
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3,
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth > .fusion-row:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_1_3 {
padding: 0 !important;
margin-bottom: 20px !important;
}
}
/* Cube system: centre the "Shelf racks" title block and its text */
body.page-id-3429 .fusion-title.fusion-title-2,
body.page-id-3429 .fusion-title.fusion-title-2 .title-heading-left,
body.page-id-3429 .fusion-title.fusion-title-2 h3 {
text-align: center !important;
}
body.page-id-3429 .fusion-title.fusion-title-2 {
display: block !important;
}
body.page-id-3429 .fusion-title.fusion-title-2 .title-sep-container { margin-left: auto; margin-right: auto; }
body.page-id-3429 .fusion-text.fusion-text-2,
body.page-id-3429 .fusion-text.fusion-text-2 p {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
/* Fix: undo the mistaken title-2 rule, centre the real "Shelf racks" block (title-1 + text-2) */
body.page-id-3429 .fusion-title.fusion-title-2 { display: revert; }
body.page-id-3429 .fusion-title.fusion-title-2 .title-heading-left,
body.page-id-3429 .fusion-title.fusion-title-2 h3 { text-align: inherit !important; }
html body.page-id-3429 main .fusion-title.fusion-title-1,
html body.page-id-3429 main .fusion-title.fusion-title-1 h2,
html body.page-id-3429 main .fusion-title.fusion-title-1 h3 {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
html body.page-id-3429 main .fusion-column-wrapper:has(> .fusion-title.fusion-title-1),
html body.page-id-3429 main .fusion-column-wrapper:has(> div > .fusion-title.fusion-title-1) {
align-items: center !important;
text-align: center !important;
}
html body.page-id-3429 main .fusion-text.fusion-text-2,
html body.page-id-3429 main .fusion-text.fusion-text-2 p {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 900px;
}
/* Cube "Shelf racks" description: same space below as the Instrument table description
(24px section padding + 40px next-section padding = 64px) */
html body.page-id-3429 main .fusion-text.fusion-text-2 {
margin-bottom: 64px !important;
}
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) {
padding-bottom: 24px !important;
}
/* Cube "Shelf racks" text section: no bottom padding */
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) {
padding-bottom: 0 !important;
}
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) .fusion-text.fusion-text-2 {
margin-bottom: 0 !important;
}
/* Cube "Shelf racks" text section: same padding and margin as the Instrument table description section
(section padding 56px top / 24px bottom, text margin 0 auto) */
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) {
padding-top: 56px !important;
padding-bottom: 24px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) .fusion-text.fusion-text-2 {
max-width: 760px !important;
margin: 0 auto !important;
}
/* Cube "Shelf racks" text: the column under it has margin-bottom 0 (Instrument table's has 20px), so add the missing 20px */
html body.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) .fusion-text.fusion-text-2 {
margin-bottom: 20px !important;
}
/* ---------- Footer: modern refresh ---------- */
.fusion-footer-widget-area {
background: linear-gradient(135deg, #00282a 0%, #003d3f 60%, #00494b 100%) !important;
padding-top: 72px !important;
padding-bottom: 64px !important;
position: relative;
}
.fusion-footer-widget-area::before {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, #BE896E, rgba(190,137,110,0));
}
.fusion-footer-widget-area .fusion-columns { gap: 64px !important; max-width: 1200px; margin: 0 auto !important; }
.fusion-footer-widget-area .fusion-column:first-child { flex: 2 1 420px; }
.fusion-footer-widget-area .widget-title {
font-size: 13px !important; letter-spacing: .14em; text-transform: uppercase;
font-weight: 600 !important; margin: 0 0 22px !important; padding-bottom: 14px;
position: relative; color: #fff !important;
}
.fusion-footer-widget-area .widget-title::after {
content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px;
background: #fff; border-radius: 2px;
}
.fusion-footer-widget-area p, .fusion-footer-widget-area span {
font-size: 15px !important; line-height: 1.75 !important; color: rgba(255,255,255,.78) !important;
}
.fusion-footer-widget-area .fusion-column:last-child p { line-height: 2.1 !important; }
.fusion-footer-widget-area .textwidget i {
width: 18px; margin-right: 12px; text-align: center; color: #e8d9a8 !important;
}
.fusion-footer-widget-area a { transition: color .2s ease; }
.fusion-footer-widget-area a:hover { color: #e8d9a8 !important; }
.fusion-footer-copyright-area {
background: #00191a !important;
border-top: 1px solid rgba(255,255,255,.08) !important;
padding-top: 22px !important; padding-bottom: 22px !important;
}
.fusion-footer-copyright-area .fusion-copyright-content {
display: flex !important; flex-wrap: wrap; align-items: center;
justify-content: space-between; gap: 14px; max-width: 1200px; margin: 0 auto;
padding: 0 !important;
}
.fusion-footer-copyright-area .fusion-copyright-notice,
.fusion-footer-copyright-area .fusion-social-links-footer {
float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;
font-size: 13px;
}
.fusion-footer-copyright-area .fusion-social-networks-wrapper { display: flex; gap: 10px; }
.fusion-footer-copyright-area .fusion-social-network-icon {
display: inline-flex !important; align-items: center; justify-content: center;
width: 36px !important; height: 36px !important; margin: 0 !important;
border-radius: 50%; background: rgba(255,255,255,.08) !important;
color: #fff !important; font-size: 15px !important; line-height: 1 !important;
transition: background .2s, transform .2s;
}
.fusion-footer-copyright-area .fusion-social-network-icon:hover {
background: #e8d9a8 !important; color: #00282a !important; transform: translateY(-3px);
}
@media (max-width: 700px) {
.fusion-footer-widget-area { padding-top: 48px !important; padding-bottom: 40px !important; }
.fusion-footer-widget-area .fusion-columns { gap: 36px !important; }
.fusion-footer-copyright-area .fusion-copyright-content { justify-content: center; text-align: center; }
}
/* Mobile footer: no divider lines */
@media (max-width: 800px) {
body .fusion-footer-copyright-area > .fusion-row,
body .fusion-footer-widget-area .fusion-column-last,
body .fusion-footer-copyright-area .fusion-social-network-icon + .fusion-social-network-icon,
body .fusion-footer-copyright-area { border: 0 !important; }
body .fusion-footer-widget-area .fusion-column-last { padding-top: 0 !important; padding-left: 0 !important; }
}
/* No back-to-top button */
.to-top-container, #toTop, .fusion-top-top-link { display: none !important; }
/* Font Awesome icons in the footer */
.fa-ico { display: inline-block; font-style: normal; line-height: 1; width: 18px; text-align: center; }
.fa-ico::before { font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-font-smoothing: antialiased; }
.fa-ico-home::before { content: "\f015"; }
.fa-ico-phone::before { content: "\f095"; }
.fa-ico-fax::before { content: "\f1ac"; }
.fa-ico-mail::before { content: "\f0e0"; }
.fa-ico-facebook::before { content: "\f39e"; font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.fa-ico-linkedin::before { content: "\f0e1"; font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.fa-ico-youtube::before { content: "\f167"; font-family: "Font Awesome 5 Brands"; font-weight: 400; }
.fusion-footer-widget-area .textwidget .fa-ico { margin-right: 12px; font-size: 16px; color: inherit; }
.fusion-footer-copyright-area .fusion-social-network-icon .fa-ico { margin-right: 6px; font-size: 16px; }
.fusion-footer .fa-ico, .fusion-footer .fa-ico::before, .fusion-footer-widget-area .textwidget .fa-ico, .fusion-footer-copyright-area .fusion-social-network-icon .fa-ico { color: #fff !important; }
/* (old Lucide rules, now unused) */
.fusion-footer-widget-area svg.lu,
.fusion-footer-copyright-area svg.lu {
width: 18px; height: 18px; flex: none;
fill: none; stroke: currentColor; stroke-width: 2;
stroke-linecap: round; stroke-linejoin: round;
}
.fusion-footer-widget-area .textwidget svg.lu {
display: inline-block; vertical-align: -3px; margin-right: 12px; color: #e8d9a8;
}
.fusion-footer-copyright-area .fusion-social-network-icon svg.lu { width: 17px; height: 17px; }
.fusion-footer-copyright-area .fusion-social-network-icon::before { content: none !important; }
/* ---------- Environmental work: modern cards ---------- */
.env-grid {
display: grid; grid-template-columns: 2fr 1fr; gap: 24px;
max-width: 1200px; margin: 28px auto 0; align-items: stretch;
}
.env-card {
position: relative; box-sizing: border-box;
background: #fff; border: 1px solid rgba(0,82,83,.10); border-radius: 16px;
padding: 32px 34px; box-shadow: 0 6px 24px rgba(0,43,44,.06);
transition: transform .25s ease, box-shadow .25s ease;
}
.env-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,43,44,.12); }
.env-card p { margin: 0 !important; line-height: 1.75; color: #3d4b4b; font-size: 15.5px; }
.env-ico {
display: inline-flex; align-items: center; justify-content: center;
width: 48px; height: 48px; border-radius: 12px; margin-bottom: 16px;
background: rgba(0,82,83,.09); color: #005253;
}
.env-ico svg.lu {
width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8;
stroke-linecap: round; stroke-linejoin: round;
}
.env-title { margin: 0 0 10px !important; font-size: 20px !important; color: #005253 !important; }
.env-iso { background: linear-gradient(160deg, #002b2c, #005253); border: 0; }
.env-iso .env-ico { background: rgba(255,255,255,.12); color: #e8d9a8; }
.env-iso p { color: rgba(255,255,255,.82); }
.env-badge {
display: block; margin: 0 0 12px; font-size: 22px; font-weight: 700;
letter-spacing: .02em; color: #fff;
}
@media (max-width: 800px) {
.env-grid { grid-template-columns: 1fr; gap: 16px; }
.env-card { padding: 24px 22px; }
}
/* ---------- Environmental work: open layout, no cards (overrides above) ---------- */
.env-grid {
grid-template-columns: 1.8fr 1fr; gap: 0; max-width: 1100px;
margin: 36px auto 0; align-items: center;
}
.env-card, .env-card:hover {
background: none; border: 0; border-radius: 0; box-shadow: none; transform: none;
padding: 8px 48px;
}
.env-aim, .env-aim:hover { padding-left: 0 !important; }
.env-aim .env-ico {
width: 44px; height: 44px; border-radius: 50%;
background: transparent; border: 1.5px solid #005253; margin-bottom: 14px;
}
.env-aim .env-title { font-size: 26px !important; letter-spacing: -.01em; }
.env-aim p { font-size: 17px; line-height: 1.85; max-width: 62ch; }
.env-iso {
background: none; border-left: 2px solid #c9b46a; padding-right: 0;
display: flex; flex-direction: column; align-items: flex-start;
}
.env-iso .env-ico {
background: transparent; color: #b08f2e; width: 44px; height: 44px; margin-bottom: 12px;
}
.env-iso .env-ico svg.lu { width: 36px; height: 36px; stroke-width: 1.5; }
.env-badge { color: #005253; font-size: 32px; line-height: 1.15; letter-spacing: -.01em; }
.env-iso p { color: #3d4b4b; }
@media (max-width: 800px) {
.env-grid { grid-template-columns: 1fr; gap: 28px; }
.env-card, .env-card:hover { padding: 0 4px; }
.env-iso { border-left: 0; border-top: 2px solid #c9b46a; padding-top: 24px; }
.env-aim .env-title { font-size: 22px !important; }
}
/* ---------- Environmental work: centred title with divider, content top-aligned ---------- */
body.home .fusion-title.fusion-title-12 {
display: flex !important; flex-direction: column; align-items: flex-start;
text-align: left; margin: 0 0 8px !important;
}
body.home .fusion-title.fusion-title-12 .title-sep-container,
body.home .fusion-title.fusion-title-12 .awb-title-spacer { display: none !important; }
body.home .fusion-title.fusion-title-12 h3 { text-align: left !important; margin: 0 !important; }
body.home .fusion-title.fusion-title-12::after {
content: ""; display: block; width: 56px; height: 4px; margin: 18px 0 24px;
border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
.env-iso, .env-iso:hover { border-left: 0 !important; border-top: 0 !important; padding-left: 0 !important; }
.env-ico { display: none !important; }
.env-grid { align-items: start !important; }
.env-iso, .env-iso:hover { justify-content: flex-start; padding-left: 0 !important; }
.env-iso .env-badge {
display: block; margin: 0 0 10px !important; font-size: 26px !important; font-weight: 700 !important;
font-family: 'Inter', system-ui, sans-serif; line-height: 1.2;
letter-spacing: -.01em; color: #005253 !important;
}
.env-iso p { font-size: 17px; line-height: 1.85; max-width: 62ch; color: #3d4b4b; }
/* ---------- Environmental work: same container as the footer (background stays full width) ---------- */
body.home .fusion-fullwidth.fusion-builder-row-7 {
box-sizing: border-box !important;
padding-left: max(32px, calc((100vw - 1440px) / 2)) !important;
padding-right: max(32px, calc((100vw - 1440px) / 2)) !important;
}
body.home .fusion-builder-row-7 .fusion-builder-row {
max-width: 1440px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important;
}
body.home .fusion-builder-row-7 .fusion-layout-column { padding-left: 0 !important; padding-right: 0 !important; }
body.home .fusion-builder-row-7 .env-grid { max-width: 1440px; width: 100%; margin-left: auto; margin-right: auto; }
/* No hover effect on the environmental texts */
body.home .env-card, body.home .env-card:hover,
body.home .env-iso, body.home .env-iso:hover,
body.home .env-iso *, body.home .env-iso:hover * {
transition: none !important; transform: none !important; box-shadow: none !important;
background: none !important; padding-left: 0 !important; margin-left: 0 !important;
}
/* ISO block: identical padding at rest and on hover (the generic .env-card:hover rule added 48px) */
body.home .env-grid .env-card.env-iso,
body.home .env-grid .env-card.env-iso:hover {
padding: 8px 0 8px 0 !important; margin: 0 !important;
border: 0 !important; transform: none !important; transition: none !important;
}
body.home .env-grid .env-card.env-iso:hover > *,
body.home .env-grid .env-card.env-iso > * { padding-left: 0 !important; margin-left: 0 !important; text-indent: 0 !important; }
body.home .env-iso:hover .env-badge { color: #005253 !important; }
body.home .env-iso:hover p { color: #3d4b4b !important; }
/* Footer: one block, fades in together with the copyright bar (no slide, so no gap shows) */
.fusion-footer.sa, .fusion-footer.sa.sa-alt { transform: none !important; transition: opacity .6s ease !important; }
.fusion-footer.sa.sa-in { opacity: 1; }
.fusion-footer .sa { opacity: 1 !important; transform: none !important; }
/* Footer is never animated: always fully visible, widget area and copyright bar as one block */
.fusion-footer, .fusion-footer.sa, .fusion-footer .sa,
.fusion-footer-widget-area, .fusion-footer-copyright-area {
opacity: 1 !important; transform: none !important; transition: none !important;
}
.fusion-footer { display: block; margin: 0 !important; }
.fusion-footer-widget-area, .fusion-footer-copyright-area { margin: 0 !important; }
.fusion-footer-copyright-area { border-top: 0 !important; }
/* ---------- Product pages: the section background reaches the header edge ---------- */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #main,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #main > .fusion-row,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #content {
padding-top: 0 !important; margin-top: 0 !important; background: transparent !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #sliders-container { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #wrapper,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) #main { background-color: #fff !important; background-image: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-builder-row-1 { margin-top: 0 !important; }
/* Product cards: image in a fixed container at the top; text and "More information" pushed to the bottom of the card */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) { display: flex; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper {
display: flex !important;
flex-direction: column;
width: 100%;
padding-bottom: 28px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) {
height: 300px;
flex: 0 0 300px;
margin-bottom: auto;
display: flex; align-items: center; justify-content: center;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > .fusion-clearfix { display: none; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) ~ * { flex-shrink: 0; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper::before,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper::after { display: none; }
}
/* Cards with several images: images keep their natural height; the first thing after the images (text) is pushed to the bottom */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) {
height: auto; flex: 0 0 auto; margin-bottom: 0;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe):last-of-type,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe):has(+ :not(div:has(> .fusion-imageframe))) {
margin-bottom: auto;
}
}
/* Multi-image cards: the image area is always one 300px band (several images share it side by side),
and the text block right after it is pushed to the bottom, so text and button line up in every card */
@media (min-width: 801px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) {
height: 300px !important; flex: 0 0 300px !important; margin-bottom: 0 !important;
display: flex !important; flex-direction: row; align-items: center; justify-content: center; gap: 8px; overflow: hidden;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) > .fusion-imageframe {
flex: 1 1 0 !important; min-width: 0; width: auto !important; height: 100% !important; margin: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:not(:has(a[href$=".pdf"])) > .fusion-column-wrapper > div:has(> .fusion-imageframe) + :not(div:has(> .fusion-imageframe)) {
margin-top: auto !important;
}
}
/* Accordion pushed to the bottom of the product card */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-accordian {
margin-top: auto !important;
}
/* ===== Remeda History timeline: open text blocks on a thin central line ===== */
body.home #timeline .rt-list { max-width: 1000px; position: relative; }
body.home #timeline .rt-list::before {
left: 50%; margin-left: -.5px; width: 1px; opacity: 1; border-radius: 0;
background: #008486 !important;
}
body.home #timeline .rt-item,
body.home #timeline .rt-item:nth-child(even) {
--c: #008486;
width: 50%; box-sizing: border-box; margin-left: 0;
padding: 0 60px 40px 0; text-align: right;
}
body.home #timeline .rt-item:nth-child(even) { margin-left: 50%; padding: 0 0 40px 60px; text-align: left; }
body.home #timeline .rt-item:last-child { padding-bottom: 0; }
/* the card becomes a plain text block */
body.home #timeline .rt-card,
body.home #timeline .rt-card:hover {
background: none !important; border: 0 !important; border-radius: 0 !important;
box-shadow: none !important; padding: 0 !important; transform: none !important;
}
body.home #timeline .rt-year {
position: static; display: block; font-size: 48px; line-height: 1; font-weight: 800;
letter-spacing: -.02em; color: #008486 !important; background: none; padding: 0; margin: 0 0 12px;
}
body.home #timeline .rt-card h3 {
margin: 0 0 8px; font-size: 19px; line-height: 1.3; font-weight: 700; color: #005253;
}
body.home #timeline .rt-card p { margin: 0 0 6px; font-size: 15px; line-height: 1.65; color: #5b6b6c; }
body.home #timeline .rt-card p:last-child { margin-bottom: 0; }
/* connector (::before) and node (::after) */
body.home #timeline .rt-item::before,
body.home #timeline .rt-item:nth-child(even)::before {
content: ""; position: absolute; top: 24px; height: 1px; width: 44px;
background: #008486 !important; border-radius: 0; box-shadow: none;
}
body.home #timeline .rt-item::before { right: 0; left: auto; }
body.home #timeline .rt-item:nth-child(even)::before { left: 0; right: auto; }
body.home #timeline .rt-item::after,
body.home #timeline .rt-item:nth-child(even)::after {
content: ""; position: absolute; top: 18px; width: 12px; height: 12px; border-radius: 50%;
background: #fff; border: 2px solid #008486; box-shadow: none; box-sizing: border-box;
}
body.home #timeline .rt-item::after { right: -6px; left: auto; }
body.home #timeline .rt-item:nth-child(even)::after { left: -6px; right: auto; }
@media (max-width: 760px) {
body.home #timeline .rt-list::before { left: 6px; margin-left: 0; }
body.home #timeline .rt-item,
body.home #timeline .rt-item:nth-child(even) {
width: 100%; margin-left: 0; padding: 0 0 36px 44px; text-align: left;
}
body.home #timeline .rt-item:last-child { padding-bottom: 0; }
body.home #timeline .rt-item::before,
body.home #timeline .rt-item:nth-child(even)::before { left: 6px; right: auto; width: 30px; top: 20px; }
body.home #timeline .rt-item::after,
body.home #timeline .rt-item:nth-child(even)::after { left: 0; right: auto; top: 14px; }
body.home #timeline .rt-year { font-size: 38px; margin-bottom: 8px; }
body.home #timeline .rt-card h3 { font-size: 18px; }
}
/* ===== Our products: Scandinavian three-column layout ===== */
body.home #products { background: #fff !important; padding: 96px 24px !important; }
.pr-wrap { max-width: 1440px; margin: 0 auto; font-family: Manrope, Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: #07343D; }
.pr-head { display: block; text-align: center; padding-bottom: 40px; margin-bottom: 48px; border-bottom: 1px solid #dfe6e7; }
body.home #products .pr-title { margin: 0 0 14px; text-align: center; font-family: inherit; font-weight: 700; }
body.home #products .pr-head .pr-intro { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
.pr-intro { margin: 0 auto; text-align: center; font-size: 17px; line-height: 1.7; color: #5b6b6c; max-width: 700px; }
.pr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; }
.pr-item { display: flex; flex-direction: column; min-width: 0; }
.pr-media { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; background: #f1f3f3; padding: 24px; box-sizing: border-box; overflow: hidden; }
.pr-media img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .5s ease; }
.pr-media:hover img { transform: scale(1.03); }
.pr-name { margin: 28px 0 12px; font-family: inherit; font-weight: 700; font-size: 24px; line-height: 1.25; letter-spacing: -0.01em; }
.pr-name a { color: #07343D; text-decoration: none; }
.pr-name a:hover { color: #005253; }
.pr-text { margin: 0 0 28px; font-size: 16px; line-height: 1.65; color: #07343D; opacity: .8; }
.pr-item { align-items: flex-start; }
.pr-link { margin-top: auto; padding: 0 0 8px; border-bottom: 1px solid #008486; display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; transition: border-color .2s ease, color .2s ease; color: #005253; font-weight: 600; font-size: 15px; text-decoration: none; transition: color .2s ease; }
.pr-arrow { flex: none; transition: transform .25s ease; }
.pr-link:hover { color: #003d3e; border-bottom-color: #005253; }
.pr-link:hover .pr-arrow { transform: translateX(6px); }
.pr-name a:focus-visible, .pr-link:focus-visible, .pr-media:focus-visible { outline: 2px solid #005253; outline-offset: 4px; }
@media (max-width: 900px) {
.pr-head { padding-bottom: 28px; margin-bottom: 36px; }
.pr-grid { grid-template-columns: 1fr; gap: 56px; }
body.home #products { padding: 64px 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
.pr-media img, .pr-arrow, .pr-link { transition: none; }
.pr-media:hover img, .pr-link:hover .pr-arrow { transform: none; }
}
/* ---------- New hero (.hx) ---------- */
.hx-old { display: none !important; }
body.home .hx { background: #008486; color: #fff; padding: 88px 24px; font-family: Manrope, Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
body.home .hx .hx-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
body.home .hx h1 { margin: 0 0 24px; color: #fff !important; font-family: inherit; font-weight: 800; font-size: clamp(36px, 4.6vw, 62px); line-height: 1.08; letter-spacing: -0.02em; text-wrap: balance; }
body.home .hx p { margin: 0 0 40px; color: #fff !important; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; max-width: 30em; }
body.home .hx .hx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 36px; }
body.home .hx a { font-family: inherit; text-decoration: none; }
body.home .hx .hx-btn { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 26px; background: #fff; color: #008486 !important; border-radius: 4px; font-size: 15px; font-weight: 700; letter-spacing: .01em; transition: background .2s ease; }
body.home .hx .hx-btn:hover { background: #e9f4f4; }
body.home .hx .hx-link { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; color: #fff !important; font-size: 15px; font-weight: 700; }
body.home .hx .hx-link span { padding-bottom: 8px; }
body.home .hx .hx-link svg { margin-bottom: 8px; }
body.home .hx .hx-link { position: relative; }
body.home .hx .hx-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px; background: #fff; }
body.home .hx .hx-product { display: block; color: #fff !important; }
body.home .hx .hx-product img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; background: transparent; }
body.home .hx .hx-row { display: flex; align-items: center; justify-content: space-between; min-height: 56px; margin-top: 16px; border-top: 1px solid rgba(255,255,255,.4); font-size: 16px; font-weight: 600; }
body.home .hx .hx-row svg { transition: transform .2s ease; }
body.home .hx .hx-product:hover .hx-row svg { transform: translateX(4px); }
body.home .hx a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
body.home .hx .hx-btn:focus-visible { outline-color: #fff; outline-offset: 3px; }
@media (max-width: 900px) {
body.home .hx { padding: 56px 24px; }
body.home .hx .hx-inner { grid-template-columns: 1fr; gap: 40px; }
body.home .hx .hx-product img { max-height: 380px; }
}
@media (prefers-reduced-motion: reduce) {
body.home .hx * { transition: none !important; }
body.home .hx .hx-product:hover .hx-row svg { transform: none; }
}
/* ---------- Hero (.hx) sizing: compact, full-bleed ---------- */
body.home #main, body.home #main > .fusion-row, body.home #content, body.home #post-18, body.home #post-18 > .post-content { margin-top: 0 !important; padding-top: 0 !important; }
body.home .hx { width: 100%; margin: 0 !important; padding: 64px 0 !important; box-sizing: border-box; min-height: 67vh !important; height: auto !important; }
body.home .hx .hx-inner { max-width: 1504px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
body.home .hx h1 { margin: 0 0 24px; font-weight: 600; line-height: 1.05; letter-spacing: -0.03em; font-size: clamp(48px, 4.8vw, 72px); text-wrap: wrap; }
body.home .hx .hx-br { display: none; }
@media (min-width: 1100px) { body.home .hx .hx-br { display: inline; } }
body.home .hx p { margin: 0 0 32px; font-size: 18px; line-height: 1.6; max-width: 440px; }
body.home .hx .hx-actions { gap: 20px 28px; align-items: center; }
body.home .hx .hx-btn { min-height: 50px; height: 50px; padding: 0 24px; }
body.home .hx .hx-product img { width: 100%; height: 460px; max-height: none; object-fit: contain; object-position: center; }
body.home .hx .hx-row { margin-top: 24px; min-height: 48px; }
@media (max-width: 768px) {
body.home .hx { padding: 40px 0 !important; }
body.home .hx .hx-inner { grid-template-columns: 1fr; gap: 40px; padding: 0 24px; }
body.home .hx h1 { font-size: clamp(38px, 9vw, 52px); }
body.home .hx .hx-actions { gap: 20px; }
body.home .hx .hx-product img { height: 320px; max-height: none; }
}
body.home #main { padding-left: 0 !important; padding-right: 0 !important; }
/* Hero: operation photo with green tint, fading into the green background */
body.home .hx { position: relative; overflow: hidden; isolation: isolate; }
body.home .hx::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; z-index: -2; background: url(/assets/hero-2-bakgrund-utan-blod-och-tuss.webp) right center / cover no-repeat; }
body.home .hx::after { content: none; }
body.home .hx::after-old { pointer-events: none;
background:
linear-gradient(90deg, #008486 0%, rgba(0,132,134,.92) 22%, rgba(0,132,134,.62) 55%, rgba(0,132,134,.5) 100%),
radial-gradient(60% 80% at 85% 20%, rgba(70,214,170,.45), transparent 70%),
linear-gradient(0deg, #008486 0%, rgba(0,132,134,0) 30%); }
body.home .hx .hx-inner { position: relative; z-index: 1; }
@media (max-width: 768px) {
body.home .hx::before { width: 100%; opacity: .55; background-position: center; }
body.home .hx::after { content: ""; position: absolute; inset: 0; z-index: -1; display: block; width: 100%; background: linear-gradient(180deg, rgba(0,132,134,.55) 0%, rgba(0,132,134,.75) 100%); }
body.home .hx .hx-actions { flex-direction: column; align-items: stretch; gap: 16px; }
body.home .hx .hx-btn { width: 100%; justify-content: center; box-sizing: border-box; }
body.home .hx .hx-link { justify-content: flex-start; width: auto; align-self: flex-start; }
body.home .hx { min-height: 0 !important; padding-top: 24px !important; padding-bottom: 24px !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
}
/* ---------- Worldwide: two-column layout ---------- */
body.home #worldwide { background: #F4F7F6 !important; padding: 80px 0 !important; font-family: Manrope, Inter, system-ui, sans-serif; }
body.home #worldwide > .ww-grid { max-width: 1504px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 45fr 55fr; gap: 64px; align-items: start; box-sizing: border-box; }
body.page-id-2 .dist-ww { background: #F4F7F6; padding: 56px 0 36px; }
body.page-id-2 #main { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-2 .dist-ww-grid { max-width: 1504px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
body.page-id-2 .dist-ww-title { text-align: left !important; margin: 0 !important; font-family: Manrope, Inter, system-ui, sans-serif; font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.15 !important; color: var(--r-teal) !important; }
body.page-id-2 .dist-ww-text { margin: 28px 0 40px !important; max-width: 760px; font-family: Manrope, Inter, system-ui, sans-serif; font-size: 17px !important; line-height: 1.65 !important; color: #2b3d3e; }
body.page-id-2 .dist-ww-title::after { content: ""; display: block; width: 56px; height: 4px; margin: 18px 0 0; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); }
body.home #worldwide .ww-title { text-align: left !important; margin: 0 0 40px !important; font-family: Manrope, Inter, system-ui, sans-serif; font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.15 !important; color: var(--r-teal) !important; }
body.home #worldwide .ww-title::after { content: ""; display: block; width: 56px; height: 4px; margin: 18px 0 0; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); }
body.home #worldwide .ww-stats { display: flex; flex-wrap: wrap; gap: 32px 48px; }
body.home #worldwide .ww-stats .stat { padding: 0 !important; text-align: left !important; }
body.home #worldwide .stat-pre { font-size: 12px !important; letter-spacing: .1em; line-height: 1.2; margin: 0; }
body.home #worldwide .stat-num { font-size: 64px !important; font-weight: 600 !important; line-height: 1 !important; margin: 8px 0 6px !important; background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #008486 !important; color: #008486 !important; }
body.home #worldwide .stat-label { font-size: 16px !important; font-weight: 700 !important; color: #12292b; line-height: 1.3; }
body.home #worldwide .ww-map { display: block; text-decoration: none; }
body.home #worldwide .ww-map .dm-viewport { border: 0 !important; box-shadow: none !important; border-radius: 0 !important; background: transparent !important; margin: 0 !important; }
body.home #worldwide .ww-foot { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(7, 52, 61, .15); }
body.home #worldwide .ww-foot-title { font-size: 20px; font-weight: 600; color: #07343D; line-height: 1.3; }
body.home #worldwide a.ww-link { display: inline-block; margin-top: 12px; padding-bottom: 8px; border-bottom: 1px solid #008486; color: #008486; font-size: 16px; font-weight: 600; text-decoration: none; transform: none !important; box-shadow: none !important; }
body.home #worldwide a.ww-link:hover { color: #005253; border-bottom-color: #005253; transform: none !important; box-shadow: none !important; }
@media (max-width: 960px) {
body.home #worldwide { padding: 48px 0 !important; }
body.home #worldwide > .ww-grid { grid-template-columns: 1fr; gap: 32px; padding: 0 24px; }
body.home #worldwide .ww-title { margin-bottom: 32px !important; }
body.home #worldwide .stat-num { font-size: 48px !important; }
}
#worldwide .ww-map, #worldwide .ww-map .dm-viewport, #worldwide .ww-map svg, #worldwide .ww-map svg * { cursor: pointer !important; }
.pr-media, body.home #products .pr-media { background: #e3f1ee !important; }
.pr-media, body.home #products .pr-media { background: #F4F7F6 !important; }
.pr-head, body.home #products .pr-head { border-bottom: 0 !important; padding-bottom: 0 !important; }
/* Footer: no border, white icons, copyright text in the description colour */
.fusion-footer-copyright-area, .fusion-footer-copyright-area .fusion-copyright-content { border: 0 !important; }
.fusion-footer-widget-area::before { content: none !important; }
.fusion-footer-copyright-area .fusion-social-network-icon,
.fusion-footer-copyright-area .fusion-social-network-icon:hover { border: 0 !important; box-shadow: none !important; outline: 0; background: transparent !important; color: #fff !important; transform: none; }
.fusion-footer-widget-area .textwidget svg.lu, .fusion-footer-copyright-area svg.lu { color: #fff !important; }
.fusion-footer-copyright-area, .fusion-footer-copyright-area .fusion-copyright-notice,
.fusion-footer-copyright-area .fusion-copyright-notice div, .fusion-footer-copyright-area a:not(.fusion-social-network-icon) { color: rgba(255,255,255,.78) !important; }
/* Footer: Remeda green, white logo above About us */
.fusion-footer-widget-area, .fusion-footer-copyright-area { background: #008486 !important; }
.fusion-footer-widget-area p, .fusion-footer-widget-area span, .fusion-footer-copyright-area, .fusion-footer-copyright-area .fusion-copyright-notice, .fusion-footer-copyright-area .fusion-copyright-notice div, .fusion-footer-copyright-area a:not(.fusion-social-network-icon) { color: rgba(255,255,255,.92) !important; }
.fusion-footer-widget-area .widget-title::after { background: #fff !important; }
.fusion-footer-widget-area a:hover { color: #fff !important; text-decoration: underline; }
.fusion-footer-widget-area .footer-logo { display: block; width: 180px; max-width: 100%; height: auto; margin: 0 0 36px max(0px, calc((100% - 1440px) / 2)); flex: 0 0 auto; }
.fusion-footer-widget-area .fusion-columns { max-width: 1440px !important; }
.fusion-footer-widget-area { padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box; }
.fusion-footer-copyright-area { padding-left: 32px !important; padding-right: 32px !important; }
.fusion-footer-copyright-area > .fusion-row { max-width: 1440px !important; margin: 0 auto !important; }
.fusion-footer-widget-area > .fusion-row { display: block !important; }
.fusion-footer-widget-area { padding-top: 36px !important; }
.fusion-footer-copyright-area .fusion-copyright-content { max-width: none !important; width: 100% !important; margin: 0 !important; }
/* Mobile: copyright left-aligned, social links above the text */
@media (max-width: 768px) {
body .fusion-footer-copyright-area .fusion-copyright-content { display: flex !important; flex-direction: column-reverse !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; gap: 14px; }
body .fusion-footer-copyright-area .fusion-copyright-notice, body .fusion-footer-copyright-area .fusion-social-links-footer { width: 100% !important; text-align: left !important; justify-content: flex-start !important; }
body .fusion-footer-copyright-area .fusion-social-networks-wrapper { justify-content: flex-start !important; flex-wrap: wrap; }
}
/* Line between the footer sections and the copyright row */
.fusion-footer-copyright-area > .fusion-row { border-top: 1px solid rgba(255,255,255,.3) !important; padding-top: 12px !important; padding-bottom: 0 !important; }
.fusion-footer-widget-area { padding-bottom: 28px !important; }
.fusion-footer-copyright-area { padding-top: 0 !important; padding-bottom: 12px !important; }
/* Line between About us and Contact information */
.fusion-footer-widget-area .fusion-column-last { border-left: 1px solid rgba(255,255,255,.3) !important; padding-left: 40px !important; box-sizing: border-box; }
@media (max-width: 700px) { .fusion-footer-widget-area .fusion-column-last { border-left: 0; padding-left: 0; border-top: 1px solid rgba(255,255,255,.3) !important; padding-top: 28px !important; } }
/* Social links with names and a line between them */
.fusion-footer-copyright-area .fusion-social-networks-wrapper { gap: 0 !important; align-items: center; }
.fusion-footer-copyright-area .fusion-social-network-icon { width: auto !important; height: auto !important; gap: 8px; padding: 0 16px !important; border-radius: 0 !important; font-size: 13px !important; }
.fusion-footer-copyright-area .fusion-social-network-icon + .fusion-social-network-icon { border-left: 1px solid rgba(255,255,255,.4) !important; }
.fusion-footer-copyright-area .fusion-social-network-icon:last-child { padding-right: 0 !important; }
.fusion-footer-copyright-area .fusion-social-networks, .fusion-footer-copyright-area .fusion-social-networks-wrapper { overflow: visible !important; width: auto !important; max-width: none !important; }
.fusion-footer-copyright-area .fusion-social-network-icon { display: inline-flex !important; align-items: center; white-space: nowrap !important; overflow: visible !important; flex: 0 0 auto !important; line-height: 1.4 !important; }
.fusion-footer-copyright-area .fusion-social-network-icon .screen-reader-text { position: static !important; clip-path: none !important; width: auto !important; height: auto !important; margin: 0 !important; overflow: visible !important; color: #fff !important; font-size: 13px; }
/* ===== Product cards in the style of the Remeda brochures ===== */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row:has(> .fusion_builder_column_1_3 .rm-card) { align-items: flex-start !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:has(.rm-card) { align-self: flex-start !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3 > .fusion-column-wrapper.rm-card {
height: auto !important; background: #fff !important; border-radius: 14px !important;
padding: 28px 28px 20px !important; box-sizing: border-box;
}
/* heading: model number + name on one row, wrapping naturally */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3.title-heading-left {
display: block !important; min-height: 0 !important; text-align: center !important;
font-size: clamp(20px, 1.7vw, 24px) !important; line-height: 1.3 !important;
font-weight: 300 !important; color: #008486 !important; margin: 0 0 20px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3.title-heading-left h3 {
display: block; font-weight: 300 !important; color: #008486 !important; font-size: inherit !important; text-align: center !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3 strong { font-weight: 700 !important; color: #BE896E !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title-size-three { margin: 0 !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title:has(h1:empty), body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title-size-one:not(:has(h1 *, h2 *, h3 *)):not(:has(h1:not(:empty))) { display: none !important; }
/* image: same height, whole product, no crop */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > div:has(> .fusion-imageframe) {
height: 300px !important; flex: 0 0 300px !important; margin: 0 0 28px !important;
display: flex !important; align-items: center; justify-content: center; gap: 8px; overflow: hidden;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-imageframe {
flex: 1 1 0; min-width: 0; width: auto !important; height: 100% !important; margin: 0 !important;
display: flex !important; align-items: center; justify-content: center; border-radius: 0 !important; overflow: visible !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-imageframe img {
width: 100% !important; height: 100% !important; max-width: 100%; object-fit: contain !important; border-radius: 0 !important;
}
.pr-media img[src*="Famos-020914-01"], .pr-item:hover .pr-media img[src*="Famos-020914-01"], body.home #products .pr-media:hover img[src*="Famos-020914-01"], .pr-media img[src*="SU02200E"], .pr-item:hover .pr-media img[src*="SU02200E"], body.home #products .pr-media:hover img[src*="SU02200E"] { transform: scale(.85) !important; transform-origin: center; }
/* Home product cards: the Loading systems image has more empty space than the others, so it looks smaller */
.pr-media img[src*="34063-12"], .pr-item:hover .pr-media img[src*="34063-12"], body.home #products .pr-media:hover img[src*="34063-12"] { transform: scale(.85) !important; transform-origin: center; }
.pr-media img[src*="lastare-20041"], .pr-item:hover .pr-media img[src*="lastare-20041"], body.home #products .pr-media:hover img[src*="lastare-20041"] { transform: translateY(-9%) scale(1.3) !important; transform-origin: center; }
/* "More information" row */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian { margin-top: auto !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-heading {
border-top: 1px solid #008486 !important; padding: 0 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-title a {
display: flex !important; flex-direction: row-reverse; justify-content: space-between; align-items: center;
min-height: 52px; padding: 0 !important; font-size: 16px !important; font-weight: 500; color: #008486 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-title a:hover { color: #008486 !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-toggle-icon-wrapper {
position: relative; display: block !important; width: 16px; height: 16px; margin: 0 !important; padding: 0 !important; flex: none;
background:
linear-gradient(#008486, #008486) 0 7px / 16px 2px no-repeat,
linear-gradient(#008486, #008486) 7px 0 / 2px 16px no-repeat !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-toggle-icon-wrapper i { display: none !important; }
/* the icon follows the real state of the panel (.in = open), not aria-expanded, which can go out of step */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-panel:has(> .panel-collapse.in) .fusion-toggle-icon-wrapper,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-panel:has(> .panel-collapse.collapsing:not(.in)) .fusion-toggle-icon-wrapper {
background: linear-gradient(#008486, #008486) 0 7px / 16px 2px no-repeat !important;
}
/* expanded content */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .panel-body { padding: 8px 0 8px !important; text-align: left !important; color: #07343D; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .panel-body p,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .panel-body span { font-size: 15px !important; line-height: 1.65 !important; color: #07343D !important; text-align: left !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .panel-body img { max-width: 60px; height: auto; border-radius: 0; }
.rm-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 16px 0 4px; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll table {
width: 100% !important; min-width: max-content; border-collapse: collapse !important; border: 0 !important; background: transparent !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td {
text-align: left !important; vertical-align: top; padding: 9px 14px 9px 0 !important; border: 0 !important;
border-bottom: 1px solid #d5dcdc !important; background: transparent !important; font-size: 14px !important; line-height: 1.45 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th {
font-weight: 600 !important; color: #8c7a6b !important; border-bottom: 1px solid #07343D !important; white-space: nowrap;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th *,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td * { font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; color: inherit !important; font-weight: inherit; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td { color: #07343D; }
/* ===== Product cards: round 3 ===== */
/* names: light + green (the parser splits the nested h3, so target every h3 in the title) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title h3,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title h3 span {
font-weight: 300 !important; color: #008486 !important; font-size: clamp(20px, 1.7vw, 24px) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title h3 strong,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title.fusion-title h3 strong span {
font-weight: 700 !important; color: #BE896E !important;
}
/* tables: wrap text, no scrolling needed */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll table { min-width: 0 !important; table-layout: auto; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td {
white-space: normal !important; overflow-wrap: anywhere; word-break: normal; padding-right: 10px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th * { color: #BE896E !important; font-weight: 600 !important; }
/* "Special instrument tables" section: more space + hero-style button (same colours) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) {
margin-top: 0 !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: 100vw !important; max-width: 100vw !important; box-sizing: border-box; background-color: transparent !important;
padding-top: clamp(72px, 9vw, 144px) !important;
padding-bottom: clamp(40px, 5vw, 72px) !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main a.fusion-button.button-1[href="#contact"] {
display: inline-block !important; width: auto !important; margin-top: 12px;
padding: 13px 29px !important; font-size: 14px !important; line-height: 17px !important;
font-weight: 700 !important; letter-spacing: 1px !important; border: none !important;
border-radius: 999px !important; background: #008486 !important; color: #ffffff !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, .15); box-sizing: border-box; transition: all .2s ease;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main a.fusion-button.button-1[href="#contact"] .fusion-button-text { color: #ffffff !important; font-size: 14px !important; letter-spacing: 1px; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main a.fusion-button.button-1[href="#contact"]:hover {
background: #005354 !important; transform: translateY(-2px);
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main a.fusion-button.button-1[href="#contact"]:hover .fusion-button-text { color: #be896e !important; }
/* names: beat the older ".fusion-fullwidth ... .fusion-title h3" colour rule by specificity */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3 span {
font-weight: 300 !important; color: #008486 !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3 strong,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3 strong span {
font-weight: 700 !important; color: #BE896E !important;
}
/* "Special instrument tables" section: left-aligned title and text */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) :is(h1, h2, h3, h4, p, .fusion-text, .fusion-title) {
text-align: left !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title { justify-content: flex-start !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]):not(:has(.fusion-builder-row-inner)) .fusion-title.fusion-title h3,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title.fusion-title.fusion-title h3.title-heading-left,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title.fusion-title.fusion-title h3 {
text-align: left !important;
}
/* "Special instrument tables": left-aligned divider line */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title.fusion-title :is(h1, h2, h3)::after,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title.fusion-title::after {
margin-left: 0 !important; margin-right: auto !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title.fusion-title > :is(h1, h2, h3) { width: 100% !important; }
/* Instrument table intro: left-aligned, light page background behind */
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title,
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-text.fusion-text,
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-text p { text-align: left !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title { display: flex !important; justify-content: flex-start !important; width: 100% !important; margin-left: 0 !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title > :is(h1, h2, h3) { text-align: left !important; width: auto !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-text.fusion-text { max-width: 760px; margin-left: 0 !important; margin-right: auto !important; }
/* "Special instrument tables" section: light page background behind, no white band */
body.page-id-3441:not(#rm-x) main .fusion-builder-row-3 { background-color: transparent !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: 100vw !important; max-width: 100vw !important; box-sizing: border-box; }
body.page-id-3441 main .fusion-builder-row-1 { background-color: transparent !important; }
body.page-id-3441 main .fusion-builder-row-1 .fusion-title,
body.page-id-3441 main .fusion-builder-row-1 .fusion-text,
body.page-id-3441 main .fusion-builder-row-1 .fusion-text p { text-align: left !important; }
body.page-id-3441 main .fusion-builder-row-1 .fusion-title { justify-content: flex-start !important; }
body.page-id-3441 main .fusion-builder-row-1 .fusion-title :is(h1, h2, h3) { text-align: left !important; }
body.page-id-3441 main .fusion-builder-row-1 .fusion-text { margin-left: 0 !important; margin-right: auto !important; }
/* intro column: everything flush left (title, separator, text, button); --r-bg behind the intro and the Special tables section */
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-column-wrapper.fusion-column-wrapper { text-align: left !important; align-items: flex-start !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title { text-align: left !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title :is(h1, h2, h3) { margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .rm-dl-wrap { align-self: flex-start !important; margin-left: 0 !important; text-align: left !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-separator, body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-sep-clear { margin-left: 0 !important; margin-right: auto !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1.fusion-fullwidth { background: var(--r-bg) !important; background-image: none !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-3.fusion-fullwidth { background-color: var(--r-bg) !important; }
body.page-id-3441:not(#rm-x), body.page-id-3441:not(#rm-x) #wrapper, body.page-id-3441:not(#rm-x) #main, body.page-id-3441:not(#rm-x) #sliders-container, body.page-id-3441:not(#rm-x) .fusion-page-title-bar { background-color: #fff !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title h2::after, body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title > h2:has(> h3)::after { margin-left: 0 !important; margin-right: auto !important; }
body.page-id-3441:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title > h2 > h3 { text-align: left !important; }
body.page-id-3441:not(#rm-x) main .rm-plain .rm-slide img { mix-blend-mode: multiply; }
/* Loading system: same intro as Instrument table and Cube system (light title section, left aligned, brochure button) */
body.page-id-2422.page-id-2422:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-1 { background: var(--r-bg) !important; background-image: none !important; padding-top: 56px !important; padding-bottom: 24px !important; margin-bottom: 40px !important; padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .fusion-column-wrapper.fusion-column-wrapper { text-align: left !important; align-items: flex-start !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title { display: flex !important; justify-content: flex-start !important; text-align: left !important; width: 100% !important; margin-left: 0 !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title :is(h1, h2, h3) { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; width: auto !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .fusion-title.fusion-title h2::after { margin-left: 0 !important; margin-right: auto !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .fusion-text.fusion-text { max-width: 760px; margin-left: 0 !important; margin-right: auto !important; }
html body.page-id-2422.page-id-2422.page-id-2422:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-1 { margin-bottom: 56px !important; }
html body.page-id-2422.page-id-2422:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-1 .fusion-text.fusion-text-1, html body.page-id-2422.page-id-2422:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-1 .fusion-text.fusion-text-1 p { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }
body.page-id-2422:not(#rm-x) main .fusion-builder-row-1 .rm-dl-wrap { align-self: flex-start !important; margin-left: 0 !important; text-align: left !important; }
/* Download brochure: shape and type of the header's secondary button, teal on the light background, arrow down */
.rm-dl-wrap { margin: 24px 0 0; text-align: left; }
a.rm-dl-btn {
display: inline-flex; align-items: center; gap: 10px; padding: 13px 29px; box-sizing: border-box;
gap: 12px; min-height: 50px; padding: 0 24px; background: #008486; color: #fff !important; border: 0; border-radius: 4px;
font-size: 15px; line-height: 1.2; font-weight: 700; letter-spacing: .01em; text-decoration: none; box-shadow: none;
transition: background .2s ease;
}
html { scroll-behavior: smooth; }
#brochures { scroll-margin-top: 110px; }
a.rm-dl-btn:hover, a.rm-dl-btn:focus-visible { background: #005354; color: #fff !important; }
a.rm-dl-btn:focus-visible { outline: 2px solid #008486; outline-offset: 3px; }
a.rm-dl-btn svg { flex: none; transition: transform .2s ease; }
a.rm-dl-btn:hover svg { transform: translateY(2px); }
/* Product page header: Explore products = primary, Download brochure = secondary (no background, green text) */
.rm-dl-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
html body a.rm-ex-btn:not(#rm-x) { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 24px; background: #008486; color: #fff !important; border: 0; border-radius: 4px; font-size: 15px; line-height: 1.2; font-weight: 700; letter-spacing: .01em; text-decoration: none; box-shadow: none; transition: background .2s ease; }
html body a.rm-ex-btn:not(#rm-x) span { color: #fff !important; font-size: 15px !important; font-weight: 700 !important; }
html body a.rm-ex-btn:not(#rm-x):hover, html body a.rm-ex-btn:not(#rm-x):focus-visible { background: #005354; }
a.rm-ex-btn:focus-visible { outline: 2px solid #008486; outline-offset: 3px; }
a.rm-ex-btn svg { flex: none; transition: transform .2s ease; }
a.rm-ex-btn:hover svg, a.rm-ex-btn:focus-visible svg { transform: translateY(4px); }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x), html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) span { background: transparent; color: #008486 !important; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) span { background: none; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) { border-radius: 999px; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) { position: relative; display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0; border: 0; border-radius: 0; font-size: 15px; font-weight: 700; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) span { padding-bottom: 8px; text-decoration: none; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x) svg { margin-bottom: 8px; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px; background: #008486; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x):hover, html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x):focus-visible { background: transparent; color: #008486 !important; }
html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x):hover span, html body .rm-dl-wrap a.rm-dl-btn:not(#rm-x):focus-visible span { color: #008486 !important; }
/* the slideshow lies directly on the background: white image backgrounds blend in */
body.page-id-3441 main .rm-plain .rm-slide img { mix-blend-mode: multiply; background: transparent; }
/* ===== Product card gallery: one large image, side arrows, dots ===== */
.rm-slider-hidden { display: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card.rm-single > div:has(> .fusion-imageframe) { margin-bottom: 68px !important; }
.rm-card .rm-gallery { width: 100%; margin: 0 0 28px; }
.rm-card .rm-gallery.rm-one { margin-bottom: 68px; }
.rm-card .rm-gallery.rm-one .rm-slide { padding: 0; }
.rm-card .rm-stage { position: relative; height: 300px; }
.rm-card .rm-track {
display: flex; height: 100%; overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none;
overscroll-behavior-x: contain; touch-action: pan-x pan-y;
}
.rm-card .rm-track::-webkit-scrollbar { display: none; }
.rm-card .rm-track:focus-visible { outline: 2px solid #008486; outline-offset: 2px; border-radius: 6px; }
.rm-card .rm-slide { flex: 0 0 100%; height: 100%; scroll-snap-align: center; scroll-snap-stop: always; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 44px; }
.rm-card .rm-slide img {
display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important;
object-fit: contain !important; object-position: center; border-radius: 0 !important; margin: 0 !important; user-select: none; -webkit-user-drag: none;
}
.rm-card .rm-arrow {
position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; min-width: 44px; padding: 0; margin: 0;
display: flex; align-items: center; justify-content: center; border: 0 !important; border-radius: 0 !important;
background: none !important; box-shadow: none !important; color: #008486 !important; cursor: pointer; z-index: 2; -webkit-tap-highlight-color: transparent;
}
.rm-card .rm-arrow.rm-prev { left: -8px; }
.rm-card .rm-arrow.rm-next { right: -8px; }
.rm-card .rm-arrow:hover { background: none !important; color: #005253 !important; }
.rm-card .rm-arrow:focus-visible, .rm-card .rm-dot:focus-visible { outline: 2px solid #008486; outline-offset: 0; border-radius: 6px; }
.rm-card .rm-arrow svg { display: block; }
.rm-card .rm-dots { display: flex; justify-content: center; align-items: center; margin-top: 16px; min-height: 24px; }
.rm-card .rm-dot {
position: relative; width: 24px; height: 24px; padding: 0; margin: 0; border: 0 !important; border-radius: 0 !important;
background: none !important; box-shadow: none !important; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.rm-card .rm-dot::before {
content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px;
border-radius: 50%; background: #dfd3ca; transition: background-color .2s;
}
.rm-card .rm-dot[aria-current="true"]::before { background: #008486; }
@media (prefers-reduced-motion: reduce) {
.rm-card .rm-track { scroll-behavior: auto; }
.rm-card .rm-dot::before { transition: none; }
}
/* Gallery cards without extra images: same height as the other cards */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-gallery.rm-one { margin-bottom: 0 !important; }
/* Dots overlaid at the bottom of the image: gallery cards keep the same height as the others */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-gallery { position: relative; margin-bottom: 0 !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-gallery .rm-dots {
position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; z-index: 3; pointer-events: none;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-gallery .rm-dot { pointer-events: auto; }
/* "Special instrument tables" gallery: fit its column */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card.rm-plain { width: 100% !important; max-width: 100% !important; min-width: 0; padding: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; height: auto !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card.rm-plain .rm-gallery { width: 100% !important; max-width: 100%; }
.fusion-column-wrapper:has(> .rm-plain) { min-width: 0; }
/* "Special instrument tables": no card around the gallery, images sit directly on the background */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-column-wrapper:has(> .rm-plain) {
background: none !important; background-color: transparent !important; box-shadow: none !important;
border-radius: 0 !important; border: 0 !important; padding: 0 !important;
}
/* stronger: beats the 1/3-column card rule */
body:is(.page-id-3441, .page-id-2422, .page-id-3429):not(#rm-x) main .fusion-row > .fusion-layout-column > .fusion-column-wrapper:has(> .rm-plain),
body:is(.page-id-3441, .page-id-2422, .page-id-3429):not(#rm-x) main .fusion-row > .fusion_builder_column_1_3 > .fusion-column-wrapper:has(> .rm-plain) {
background: none !important; background-color: transparent !important; box-shadow: none !important;
border-radius: 0 !important; border: 0 !important; padding: 0 !important;
}
/* Cube system: "130 54 Storage system" as one wide card */
body.page-id-3429 .fusion-builder-row-6 .fusion-builder-column-12 > .fusion-column-wrapper { background: #fff !important; border: 0 !important; border-radius: 14px !important; box-shadow: rgba(15, 40, 40, 0.06) 0 1px 2px, rgba(15, 40, 40, 0.07) 0 6px 20px !important; padding: 32px 36px !important; margin-left: 14px !important; margin-right: 0 !important; width: 66.667% !important; max-width: 760px; box-sizing: border-box; }
body.page-id-3429 .fusion-builder-row-6 .fusion-builder-column-12 .fusion-builder-row-inner { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; justify-content: space-around; align-items: flex-end; }
body.page-id-3429 .fusion-builder-row-6 .fusion-builder-column-12 .fusion-builder-row-inner img { height: 260px !important; width: auto !important; object-fit: contain; max-width: 100%; height: auto; }
@media (max-width: 1024px) { body.page-id-3429 .fusion-builder-row-6 .fusion-builder-column-12 > .fusion-column-wrapper { width: 100% !important; max-width: none; margin-left: 0 !important; } }
@media (max-width: 640px) { body.page-id-3429 .fusion-builder-row-6 .fusion-builder-column-12 > .fusion-column-wrapper { padding: 20px !important; } }
/* ===== Brochures section: a clean brochure shelf ===== */
.rm-bro { background: #fff; padding: 64px 24px; font-family: Manrope, Inter, system-ui, -apple-system, "Segoe UI", sans-serif; color: #07343D; box-sizing: border-box; }
.rm-bro *, .rm-bro *::before, .rm-bro *::after { box-sizing: border-box; }
.rm-bro-inner { max-width: 1480px; margin: 0 auto; }
body .rm-bro { padding-left: 51px; padding-right: 51px; }
.rm-bro-head { margin: 0 0 40px; text-align: left; }
.rm-bro .rm-bro-title { margin: 0; padding: 0; text-align: left; font-family: inherit; font-weight: 600; font-size: clamp(32px, 4vw, 44px); line-height: 1.15; color: #07343D; }
.rm-bro .rm-bro-sep { width: 56px; height: 0; border-top: 2px solid #e0dede; margin: 16px 0 0; }
.rm-bro .rm-bro-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.rm-bro .rm-bro-item { margin: 0; padding: 0; display: flex; flex-direction: column; align-items: flex-start; background: none; border: 0; border-radius: 0; box-shadow: none; }
.rm-bro .rm-bro-lang { margin: 0 0 16px; padding: 0; text-align: left; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; color: #07343D; }
.rm-bro .rm-bro-cover { display: block; height: 260px; max-width: 100%; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; line-height: 0; }
.rm-bro .rm-bro-cover > span { display: block; height: 100%; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.rm-bro .rm-bro-cover img { display: block; height: 260px; width: auto; max-width: 100%; object-fit: contain; object-position: left top; margin: 0; border-radius: 0; box-shadow: none; border: 0; transition: opacity .2s ease; }
.rm-bro .rm-bro-cover:hover img { opacity: .88; }
.rm-bro .rm-bro-dl { display: inline-flex; align-items: center; min-height: 44px; margin: 20px 0 0; padding: 0; color: #008486; font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none; border-radius: 2px; transition: color .2s ease; }
.rm-bro .rm-bro-dl-in { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid #008486; }
.rm-bro .rm-bro-dl svg { flex: none; transition: transform .2s ease; }
.rm-bro .rm-bro-dl:hover { color: #07343D; }
.rm-bro .rm-bro-dl:hover .rm-bro-dl-in { border-bottom-color: #07343D; }
.rm-bro .rm-bro-dl:hover svg { transform: translateY(2px); }
.rm-bro .rm-bro-dl:focus-visible { outline: 2px solid #008486; outline-offset: 4px; }
@media (max-width: 1024px) { .rm-bro .rm-bro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .rm-bro { padding: 48px 20px; } .rm-bro .rm-bro-grid { grid-template-columns: 1fr; } }
/* Brochures: centred, with the same divider as the main section titles */
.rm-bro .rm-bro-head { text-align: center; }
.rm-bro .rm-bro-title { text-align: center; }
.rm-bro .rm-bro-sep { width: 56px; height: 4px; border: 0; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); margin: 18px auto 0; }
.rm-bro .rm-bro-item { align-items: center; }
.rm-bro .rm-bro-lang { text-align: center; }
.rm-bro .rm-bro-cover img { object-position: center top; }
/* Brochures: dark titles like the other headings */
body .rm-bro .rm-bro-title, body .rm-bro .rm-bro-lang { color: #005253 !important; }
#product-cards { scroll-margin-top: 90px; }
/* Home product cards: whole card clickable (stretched link) */
.pr-item { position: relative; cursor: pointer; }
body.home #products .pr-item .pr-link { position: static; }
.pr-item .pr-link::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.pr-item:hover .pr-arrow { transform: translateX(6px); }
/* Cube system: flow picture under the description, click to enlarge */
.rm-flow { margin: 36px auto 8px; padding: 0; max-width: 1100px; }
.rm-flow .rm-flow-img { display: block; width: 100%; height: auto; cursor: zoom-in; }
.v56-lb img.v56-lb-xl { max-width: 96vw; max-height: 92vh; }
/* Cube system: drawings move to the end of the page, above the brochures */
body.page-id-3429 .post-content { display: flex; flex-direction: column; }
body.page-id-3429 .post-content > .fusion-builder-row-1 { order: -2; }
body.page-id-3429 .post-content > .rm-flow-sec { order: -1; background: #fff; padding: 40px 180px; margin: 0 -30px; }
body.page-id-3429 .rm-flow-sec .rm-flow { margin: 0 auto; max-width: 1100px; }
@media (max-width: 1024px) { body.page-id-3429 .post-content > .rm-flow-sec { padding: 32px 65px; } }
@media (max-width: 640px) { body.page-id-3429 .post-content > .rm-flow-sec { padding: 24px 60px; } }
body.page-id-3429 .post-content > .fusion-builder-row-2 { order: 90; margin-top: 0 !important; }
html body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner { display: flex !important; flex-direction: column !important; align-items: flex-start !important; flex-wrap: nowrap !important; }
html body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner > .fusion-layout-column { align-self: flex-start !important; }
html body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner .fusion-column-wrapper { justify-content: flex-start !important; text-align: left !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner { flex-direction: column !important; align-items: flex-start !important; gap: 16px; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner > .fusion-layout-column { width: auto !important; max-width: 100% !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-nested-column-0 > .fusion-column-wrapper { margin: 0 !important; }
body.page-id-3429.page-id-3429 main .fusion-fullwidth .rm-dl-wrap a.rm-dl-btn, body.page-id-3429.page-id-3429 main .fusion-fullwidth .rm-dl-wrap a.rm-dl-btn span { color: #fff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; }
body.page-id-3429.page-id-3429 main .rm-dl-wrap a.rm-dl-btn { position: relative !important; color: #008486 !important; }
body.page-id-3429.page-id-3429 main .rm-dl-wrap a.rm-dl-btn span { color: #008486 !important; }
body.page-id-3429.page-id-3429 main .rm-dl-wrap a.rm-dl-btn::after { content: "" !important; display: block !important; position: absolute !important; left: 0; right: 0; bottom: 6px; height: 1px; background: #008486 !important; }
body.page-id-3429.page-id-3429 main .fusion-fullwidth.fusion-builder-row-1 { background: var(--r-bg) !important; background-image: none !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-row-inner { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-nested-column-0, body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-nested-column-1 { width: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-nested-column-0 > .fusion-column-wrapper { margin: 0 24px 0 0 !important; justify-content: flex-start !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-nested-column-1 > .fusion-column-wrapper { margin: 0 !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-text-1 { max-width: 760px !important; margin-left: 0 !important; margin-right: auto !important; text-align: left !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-1 .fusion-builder-column-1 > .fusion-column-wrapper { align-items: flex-start !important; }
body.page-id-3429.page-id-3429 main .fusion-title:has(+ .fusion-text-2) { justify-content: flex-start !important; text-align: left !important; }
body.page-id-3429.page-id-3429 main .fusion-title:has(+ .fusion-text-2) :is(h2, h3) { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }
body.page-id-3429.page-id-3429 main .fusion-title:has(+ .fusion-text-2) h2::after { margin-left: 0 !important; margin-right: auto !important; }
html body.page-id-3429.page-id-3429:not(#rm-x) main .fusion-fullwidth .fusion-title.fusion-title-1:has(+ .fusion-text-2), html body.page-id-3429.page-id-3429:not(#rm-x) main .fusion-fullwidth .fusion-title.fusion-title-1:has(+ .fusion-text-2) h2, html body.page-id-3429.page-id-3429:not(#rm-x) main .fusion-fullwidth .fusion-title.fusion-title-1:has(+ .fusion-text-2) h3 { text-align: left !important; justify-content: flex-start !important; margin-left: 0 !important; margin-right: auto !important; }
html body.page-id-3429.page-id-3429:not(#rm-x) main .fusion-fullwidth .fusion-title.fusion-title-1:has(+ .fusion-text-2) h2::after { margin-left: 0 !important; margin-right: auto !important; }
body.page-id-3429.page-id-3429 main .fusion-builder-row-2 .fusion-imageframe img { mix-blend-mode: multiply; }
/* Cube system: CUBE and TWIST logos and product images get no white box */
body.page-id-3429 main .fusion-imageframe img[title*="varum"], body.page-id-3429 main .rm-card .fusion-imageframe img, body.page-id-3429 main .fusion-imageframe, body.page-id-3429 main .fusion-imageframe img { background: transparent !important; mix-blend-mode: multiply; }
body.page-id-3441.page-id-3441:not(#rm-x) main .fusion-fullwidth.fusion-builder-row-1 { padding-bottom: 24px !important; margin-bottom: 56px !important; }
html body.page-id-3429.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) .fusion-text.fusion-text-2, html body.page-id-3429.page-id-3429 main .fusion-fullwidth:has(.fusion-text.fusion-text-2) .fusion-text.fusion-text-2 p { margin-left: 0 !important; margin-right: auto !important; text-align: left !important; }
body.page-id-3429.page-id-3429 main .fusion-fullwidth.fusion-builder-row-2 { background-color: var(--r-bg) !important; padding-top: 40px !important; padding-bottom: 40px !important; }
body.page-id-3429 .post-content > .rm-bro { order: 100; }
/* Cube system drawings: no green lines, black dividers with no air */
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-column-2 > .fusion-column-wrapper { border: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-column-3 > .fusion-column-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-row-inner { border-top: 1px solid #000 !important; box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-nested-column-2 { margin-bottom: 0 !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-nested-column-3 { margin-bottom: 0 !important; }
body.page-id-3429.page-id-3429 .fusion-fullwidth.fusion-builder-row-2 .fusion-builder-row-inner .fusion-builder-nested-column-2 > .fusion-column-wrapper.fusion-column-wrapper { border: 0 !important; border-right: 1px solid #000 !important; margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-end !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-builder-nested-column-3 > .fusion-column-wrapper { border: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-3429 .fusion-builder-row-2 .fusion-imageframe, body.page-id-3429 .fusion-builder-row-2 .fusion-imageframe img { border-radius: 0 !important; display: block; }
body.page-id-3429 .fusion-builder-row-6 .fusion-title .title-sep-container, body.page-id-3429 .fusion-builder-row-6 .fusion-title .title-sep { display: none !important; border: 0 !important; }
body.page-id-3429 .fusion-builder-row-6, body.page-id-3429 .fusion-builder-row-6 .fusion-builder-row { border: 0 !important; }
/* Cube system: Storage system heading and pictures to the left edge */
body.page-id-3429 .fusion-fullwidth.fusion-builder-row-6 > .fusion-builder-row { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; }
body.page-id-3429 .fusion-builder-row-6 .fusion-title { justify-content: flex-start !important; text-align: left !important; }
body.page-id-3429 .fusion-builder-row-6 .fusion-title h3 { text-align: left !important; }
body.page-id-3429 .fusion-builder-row-6 .fusion-builder-row-inner { justify-content: flex-start !important; margin-left: 0 !important; }
/* "Special instrument tables": main-title divider, left aligned */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title { flex-wrap: wrap !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth:has(a.fusion-button.button-1[href="#contact"]) .fusion-title::after {
content: "" !important; display: block !important; flex: 0 0 100%; width: 56px !important; max-width: 56px; height: 4px; margin: 18px auto 0 0 !important;
border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand));
}
/* Brochures: black title, section runs edge to edge and down to the footer */
.rm-bro { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-bottom: 0; position: relative; }
.rm-bro .rm-bro-title { color: #000; }
main:has(> .rm-bro), #main:has(.rm-bro) { padding-bottom: 0 !important; }
/* ===== Our Products: three cohesive cards ===== */
body.home #products { padding: 64px 24px !important; }
body.home #products .pr-wrap { max-width: none; }
body.home #products { padding-left: 48px !important; padding-right: 48px !important; }
@media (max-width: 640px) { body.home #products { padding-left: 20px !important; padding-right: 20px !important; } }
body.home #products .pr-head { border-bottom: 0; padding-bottom: 0; margin-bottom: 40px; }
body.home #products .pr-title { color: #07343D; margin: 0; }
body.home #products .pr-sep { width: 56px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2, #008486), var(--r-sand, #be896e)); margin: 18px auto 24px; }
body.home #products .pr-head .pr-intro { max-width: 800px; line-height: 1.6; }
body.home #products .pr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
body.home #products .pr-item { background: #fff; border: 1px solid #dbe6e5; border-radius: 14px; box-shadow: none; overflow: hidden; align-items: stretch; height: 100%; }
body.home #products .pr-media { aspect-ratio: auto; height: 280px; background: #f4f8f7; padding: 20px; border-radius: 0; }
body.home #products .pr-media img { mix-blend-mode: multiply; }
body.home #products .pr-media:hover img { transform: none; }
body.home #products .pr-name { margin: 0; padding: 24px 24px 0; font-weight: 600; font-size: 24px; color: #07343D; }
body.home #products .pr-name a { color: #07343D; }
body.home #products .pr-text { margin: 16px 24px 24px; font-size: 16px; line-height: 1.6; opacity: 1; color: #07343D; }
body.home #products .pr-link { margin: auto 24px 24px; align-self: flex-start; min-height: 44px; box-sizing: border-box; align-items: center; padding: 0 0 8px; color: #008486; font-weight: 600; font-size: 15px; border-bottom: 0; position: relative; }
body.home #products .pr-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #008486; }
body.home #products .pr-link:hover { color: #005253; border-bottom: 0; }
body.home #products .pr-link:hover::after { background: #005253; }
body.home #products .pr-name a:focus-visible, body.home #products .pr-link:focus-visible { outline: 2px solid #008486; outline-offset: 4px; }
@media (max-width: 1024px) { body.home #products .pr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 640px) { body.home #products .pr-grid { grid-template-columns: 1fr; gap: 24px; } body.home #products { padding: 48px 20px !important; } }
/* Our Products: only one divider (the .pr-sep element) */
body.home #products h2::after { content: none !important; display: none !important; }
/* Read more: permanent 1px underline, 8px under the text and arrow, as wide as the link */
body.home #products .pr-link { min-height: 0; padding: 14px 0 8px; background: linear-gradient(#008486, #008486) left bottom / 100% 1px no-repeat; }
body.home #products .pr-link::after { content: none; display: none; }
body.home #products .pr-link:hover { background-image: linear-gradient(#005253, #005253); }
/* Hero: wider text column */
body.home .hx .hx-inner { grid-template-columns: 1.4fr 1fr; }
body.home .hx p { max-width: 580px; }
body.home .hx h1 .hx-br { display: none; }
@media (max-width: 900px) { body.home .hx .hx-inner { grid-template-columns: 1fr; } }
/* Hero: text closer to the left edge (same 48px as the sections below) */
body.home .hx { padding-left: 48px; padding-right: 48px; }
body.home .hx .hx-inner { max-width: none; }
@media (max-width: 640px) { body.home .hx { padding-left: 24px; padding-right: 24px; } }
/* Hero: about half the screen tall */
body.home .hx { min-height: 67vh; display: flex; align-items: center; box-sizing: border-box; }
body.home .hx .hx-inner { width: 100%; }
/* Hero: more air between title, description and buttons */
body.home .hx h1 { margin-bottom: 40px; }
body.home .hx p { margin-bottom: 52px; }
/* Hero: text max width 770px */
body.home .hx h1, body.home .hx p { max-width: 770px; }
/* Hero starts right at the bottom edge of the menu (no spacer between) */
body.home .fusion-header-wrapper .fusion-header-sticky-height { display: none !important; height: 0 !important; }
body.home .fusion-header-wrapper, body.home .fusion-header-wrapper .fusion-clearfix { margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.home .fusion-header-wrapper .fusion-clearfix { height: 0 !important; display: block; }
body.home .hx { margin-top: 0 !important; }
/* ============ Compact header, hero grouping, shared body typography ============ */
:root { --hdr-h: 88px; --hdr-h-s: 88px; --body-fs: 1rem; --body-lh: 1.625; --lead-fs: 1.125rem; --lead-lh: 1.61; }
html { scroll-padding-top: calc(var(--hdr-h-s) + 8px); }
/* Header: one centreline for logo and menu (flex), fixed compact heights */
.fusion-header-wrapper .fusion-header { height: var(--hdr-h) !important; min-height: 0 !important; padding: 0 !important; box-sizing: border-box; transition: height .25s ease, box-shadow .25s ease; }
.fusion-header-wrapper .fusion-header > .fusion-row { display: flex !important; align-items: center; justify-content: space-between; height: 100%; flex-wrap: nowrap; }
.fusion-header-wrapper .fusion-logo { margin: 0 !important; float: none !important; display: flex; align-items: center; flex: 0 0 auto; }
.fusion-header-wrapper .fusion-logo img { display: block; height: 44px; width: auto; max-height: none; transition: height .25s ease; }
.fusion-header-wrapper .fusion-main-menu { float: none !important; margin: 0 !important; height: 100%; display: flex; align-items: center; }
.fusion-header-wrapper .fusion-main-menu > ul { display: flex; align-items: center; height: 100%; margin: 0; }
.fusion-header-wrapper .fusion-main-menu > ul > li { float: none; height: 100%; display: flex; align-items: center; }
.fusion-header-wrapper .fusion-main-menu > ul > li > a { display: flex !important; align-items: center; height: var(--hdr-h) !important; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1.2 !important; transition: height .25s ease !important; }
body.is-scrolled .fusion-header-wrapper .fusion-header { height: var(--hdr-h-s) !important; padding: 0 !important; }
body.is-scrolled .fusion-header-wrapper .fusion-logo img { height: 44px; max-height: none; }
body.is-scrolled .fusion-header-wrapper .fusion-main-menu > ul > li > a { height: var(--hdr-h-s) !important; }
/* Header looks identical at the top and after scrolling: Avada's sticky script must not move anything */
.fusion-header-wrapper .fusion-header, .fusion-header-wrapper.fusion-is-sticky .fusion-header, .fusion-header-wrapper .fusion-header-sticky-height { transition: box-shadow .25s ease !important; }
.fusion-header-wrapper .fusion-header-sticky-height { display: none !important; }
.fusion-header-wrapper .fusion-logo img, .fusion-header-wrapper.fusion-is-sticky .fusion-logo img, .fusion-header-wrapper .fusion-main-menu > ul > li > a { transition: none !important; }
.fusion-header-wrapper .fusion-header, .fusion-header-wrapper.fusion-is-sticky .fusion-header { height: var(--hdr-h) !important; padding: 0 !important; margin: 0 !important; }
.fusion-header-wrapper .fusion-logo, .fusion-header-wrapper.fusion-is-sticky .fusion-logo { margin: 0 !important; padding: 0 !important; }
.fusion-header-wrapper.fusion-is-sticky .fusion-logo img { height: 44px !important; max-height: none !important; }
.fusion-header-wrapper .fusion-main-menu > ul > li > a, .fusion-header-wrapper.fusion-is-sticky .fusion-main-menu > ul > li > a { height: var(--hdr-h) !important; line-height: 1.2 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin: 0 !important; font-size: 13px !important; }
body.is-scrolled .fusion-header-wrapper .fusion-header { padding: 0 !important; }
body.is-scrolled .fusion-header-wrapper .fusion-logo img { height: 44px !important; }
.fusion-header-wrapper, .fusion-header-wrapper.fusion-is-sticky { position: sticky !important; top: 0 !important; z-index: 1000; }
html body .fusion-header-wrapper .fusion-main-menu > ul > li, html body .fusion-header-wrapper.fusion-is-sticky .fusion-main-menu > ul > li, html body .fusion-header-wrapper.fusion-is-sticky .fusion-main-menu > ul > li:last-child { padding-left: 0 !important; padding-right: 40px !important; margin-left: 0 !important; margin-right: 0 !important; }
html body .fusion-header-wrapper.fusion-is-sticky .fusion-main-menu, html body .fusion-header-wrapper.fusion-is-sticky .fusion-logo, html body .fusion-header-wrapper.fusion-is-sticky .fusion-header > .fusion-row { margin-top: 0 !important; margin-bottom: 0 !important; top: 0 !important; }
body .fusion-header-wrapper.fusion-is-sticky .fusion-header, body .fusion-header-wrapper.fusion-is-sticky { max-width: none !important; width: 100% !important; left: 0 !important; right: 0 !important; }
html body #boxed-wrapper, html body.fusion-body #boxed-wrapper { overflow: visible !important; overflow-x: clip !important; overflow-y: visible !important; }
html, body { overflow-x: clip; }
.fusion-header-wrapper a:focus-visible, .fusion-header-wrapper [tabindex]:focus-visible { outline: 2px solid #008486; outline-offset: 3px; }
/* Mobile / tablet header (Avada switches to the mobile menu at 1024px) */
@media (max-width: 1024px) {
:root { --hdr-h: 64px; --hdr-h-s: 64px; }
.fusion-header-wrapper .fusion-header { height: auto !important; min-height: var(--hdr-h); }
body.is-scrolled .fusion-header-wrapper .fusion-header { height: auto !important; min-height: var(--hdr-h-s); }
.fusion-header-wrapper .fusion-header > .fusion-row { height: auto; min-height: var(--hdr-h); flex-wrap: wrap; padding-left: 24px; padding-right: 24px; }
body.is-scrolled .fusion-header-wrapper .fusion-header > .fusion-row { min-height: var(--hdr-h-s); }
.fusion-header-wrapper .fusion-logo img { height: 36px; }
body.is-scrolled .fusion-header-wrapper .fusion-logo img { height: 36px; }
.fusion-header-wrapper .fusion-main-menu { display: none; }
.fusion-header-wrapper .fusion-mobile-menu-icons { display: flex !important; align-items: center; justify-content: flex-end; margin: 0 !important; height: auto; position: static; }
.fusion-header-wrapper .fusion-mobile-menu-icons a { float: none; margin: 0; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.fusion-header-wrapper .fusion-mobile-nav-holder { flex: 0 0 100%; order: 3; margin: 0; max-height: calc(100vh - var(--hdr-h)); overflow-y: auto; }
.fusion-header-wrapper .fusion-mobile-nav-holder a { min-height: 44px; display: flex; align-items: center; }
html { scroll-padding-top: calc(var(--hdr-h-s) + 8px); }
}
/* Hero grouping */
body.home .hx h1 { margin-bottom: 28px; }
body.home .hx p { margin-bottom: 32px; font-size: var(--lead-fs); line-height: var(--lead-lh); }
@media (max-width: 900px) {
body.home .hx .hx-inner { padding-left: 24px; padding-right: 24px; }
body.home .hx h1 { margin-bottom: 20px; }
body.home .hx p { margin-bottom: 24px; font-size: var(--body-fs); line-height: var(--body-lh); }
}
/* Shared prose styles: body (16/26) and lead (18/29), only where applied */
#history .rh-about-text p, #history .rh-intro p { font-size: var(--body-fs); line-height: var(--body-lh); }
.env-aim p, .env-iso p, body.home .env-iso p { font-size: var(--lead-fs) !important; line-height: var(--lead-lh) !important; }
@media (max-width: 800px) {
.env-aim p, .env-iso p, body.home .env-iso p { font-size: var(--body-fs) !important; line-height: var(--body-lh) !important; }
}
#products, #timeline, #history, #contact, #worldwide { scroll-margin-top: calc(var(--hdr-h-s) + 8px); }
/* Header: logo at the left edge, menu at the right edge (full width row) */
.fusion-header-wrapper .fusion-header > .fusion-row { max-width: 1504px !important; width: 100% !important; margin: 0 auto !important; padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box; justify-content: space-between; }
.fusion-header-wrapper .fusion-main-menu { margin-left: auto !important; }
@media (max-width: 1024px) {
.fusion-header-wrapper .fusion-header > .fusion-row { padding-left: 20px !important; padding-right: 20px !important; }
}
/* Header: leave room at the right for the floating language switcher */
.fusion-header-wrapper .fusion-header > .fusion-row { padding-right: 180px !important; }
@media (max-width: 1024px) {
.fusion-header-wrapper .fusion-header > .fusion-row { padding-right: 20px !important; }
.fusion-header-wrapper .fusion-mobile-menu-icons { margin-right: 140px; }
}
/* Header: menu ends to the left of the floating language switcher (fixed, right:128px, ~128px wide) + a link-sized gap */
.fusion-header-wrapper .fusion-header > .fusion-row { padding-right: 160px !important; }
@media (max-width: 1024px) {
.fusion-header-wrapper .fusion-header > .fusion-row { padding-right: 20px !important; }
}
/* Menu: extra space to the right, before the floating language switcher */
#menu-specific-menu, #menu-classic-main-menu { margin-right: 72px !important; }
.fusion-header-wrapper .fusion-main-menu > ul > li > .sub-menu { top: 100% !important; left: 0 !important; right: auto !important; margin-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.fusion-header-wrapper .fusion-main-menu > ul > li > a,
.fusion-header-wrapper .fusion-main-menu > ul > li > a .menu-text,
.fusion-header-wrapper .fusion-main-menu .sub-menu a { font-weight: 700 !important; }
@media (max-width: 1024px) {
#menu-specific-menu, #menu-classic-main-menu { margin-right: 0 !important; }
}
/* Header toned down */
.fusion-header-wrapper .fusion-header, .fusion-header-v1 .fusion-header { background: rgba(255,255,255,.96) !important; border-bottom: 1px solid #e8eded !important; }
.fusion-main-menu > ul > li > a, body.spy-on .fusion-main-menu > ul > li > a { color: #4a5b5c !important; font-weight: 500 !important; }
.fusion-main-menu > ul > li > a:hover, .fusion-main-menu > ul > li.current-menu-item > a, body.spy-on .fusion-main-menu > ul > li.is-active > a { color: #07343D !important; }
.trp-floating-switcher { --bg: #000000 !important; --bg-hover: #444444 !important; --text: #ffffff !important; --text-hover: #eeeeee !important; --border: 1px solid transparent !important; box-shadow: none !important; }
/* Mobile + tablet header: logo left, language switcher (language codes), hamburger right */
@media (max-width: 1024px) {
.fusion-header-wrapper .fusion-header > .fusion-row { padding-left: 12px !important; padding-right: 12px !important; }
.fusion-header-wrapper .fusion-mobile-menu-icons { margin-right: 0 !important; margin-left: auto !important; }
.trp-language-switcher.trp-floating-switcher { left: auto !important; right: 64px !important; top: 9px !important; height: auto !important; box-sizing: border-box; transform: none; width: auto !important; min-width: 0 !important; padding: 0 !important; border-radius: 8px !important; opacity: 1; }
.trp-language-switcher.trp-floating-switcher .trp-language-item { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 44px; box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px; }
.trp-language-switcher.trp-floating-switcher .trp-current-language-item__wrapper { display: flex !important; align-items: center !important; justify-content: center !important; padding-right: 0 !important; }
.trp-language-switcher.trp-floating-switcher .trp-language-item-name { line-height: 1 !important; display: inline-flex; align-items: center; }
.fusion-header-wrapper .fusion-logo { margin-right: 0 !important; }
.fusion-header-wrapper .fusion-mobile-menu-icons a { width: 44px; height: 44px; border-radius: 8px; color: #07343D; font-size: 22px; background: #f1f6f6; }
.fusion-header-wrapper .fusion-mobile-menu-icons a:hover, .fusion-header-wrapper .fusion-mobile-menu-icons a:focus, .fusion-header-wrapper .fusion-mobile-menu-icons a:active, .fusion-header-wrapper .fusion-mobile-menu-icons a[aria-expanded="true"] { background: #f1f6f6 !important; color: #07343D !important; }
.fusion-header-wrapper .fusion-header > .fusion-row { position: relative; align-items: center; flex-wrap: nowrap; }
.fusion-header-wrapper .fusion-mobile-nav-holder { position: absolute !important; top: 100%; left: 0; right: 0; width: 100%; margin: 0 !important; padding: 4px 0 16px !important; box-sizing: border-box; z-index: 99; }
.fusion-header-wrapper .fusion-mobile-nav-holder li > a { padding-left: 20px !important; padding-right: 20px !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder .sub-menu { margin-left: 20px; }
/* Mobile menu panel */
.fusion-header-wrapper .fusion-mobile-nav-holder { background: #fff; margin: 0 -12px; padding: 4px 12px 16px; border-top: 1px solid #e8eded; box-shadow: 0 14px 24px rgba(7,52,61,.08); }
.fusion-header-wrapper .fusion-mobile-nav-holder ul { margin: 0; padding: 0; list-style: none; border: 0 !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder, .fusion-header-wrapper .fusion-mobile-nav-holder > ul, .fusion-header-wrapper .fusion-mobile-nav-holder .fusion-mobile-selector, .fusion-header-wrapper .fusion-mobile-nav-holder .fusion-mobile-menu { border-top: 0 !important; border-color: transparent !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder li > a { border-top: 0 !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder .sub-menu { border-top: 0 !important; border-bottom: 0 !important; border-right: 0 !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder li { border: 0 !important; background: none !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder li > a { padding: 14px 8px !important; font-size: 17px !important; font-weight: 700 !important; color: #07343D !important; border-bottom: 1px solid #eef3f3 !important; background: none !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder li > a:hover, .fusion-header-wrapper .fusion-mobile-nav-holder li.current-menu-item > a { color: #008486 !important; }
.fusion-header-wrapper .fusion-mobile-nav-holder .sub-menu { margin: 0 0 0 12px; border-left: 2px solid #008486; }
.fusion-header-wrapper .fusion-mobile-nav-holder .sub-menu li > a { font-size: 15px !important; font-weight: 500 !important; padding: 11px 12px !important; }
.trp-language-switcher .trp-language-item { padding-left: 10px !important; padding-right: 10px !important; }
.trp-language-switcher .trp-language-item-name { font-size: 0 !important; }
.trp-language-switcher .trp-language-item-name::after { font-size: 14px; font-weight: 700; letter-spacing: .03em; }
.trp-language-switcher .trp-language-item[title="English"] .trp-language-item-name::after { content: "EN"; }
.trp-language-switcher .trp-language-item[title="Svenska"] .trp-language-item-name::after { content: "SE"; }
.trp-language-switcher .trp-language-item[title="Français"] .trp-language-item-name::after { content: "FR"; }
.trp-language-switcher .trp-language-item[title="Deutsch"] .trp-language-item-name::after { content: "DE"; }
.trp-language-switcher .trp-language-item[title="Español"] .trp-language-item-name::after { content: "ES"; }
}
/* Contact form */
.cf { background: #fff; padding: 80px max(32px, calc((100vw - 1440px) / 2)); font-family: Manrope, Inter, system-ui, sans-serif; color: #07343D; scroll-margin-top: 96px; }
.cf-inner { max-width: 1440px; margin: 0 auto; }
.cf-form { background: var(--r-bg, #f5f8f8); border-radius: 16px; padding: 56px; }
@media (max-width: 900px) { .cf-form { padding: 28px; } }
.cf { margin-top: 0; padding-top: 40px; align-self: flex-start; flex: 0 0 100%; width: 100%; box-sizing: border-box; position: relative; clear: both; }
.cf-head h2 { margin: 0; font-size: clamp(32px, 3vw, 44px); line-height: 1.15; font-weight: 700; color: #000 !important; }
.cf-head .rh-sep { display: block; width: 56px; height: 4px; margin: 18px 0 20px; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2, #008486), var(--r-sand, #BE896E)); }
.cf-head p { margin: 0; font-size: 1rem; line-height: 1.7; color: #07343D; max-width: 50ch; }
.cf-form { display: grid; gap: 20px; }
.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cf-field { display: grid; gap: 6px; font-size: 14px; font-weight: 600; }
.cf-field b { color: #008486; }
.cf-field input, .cf-field textarea { font: inherit; font-weight: 400; font-size: 16px; padding: 12px 14px; border: 1px solid #e3ecec; border-radius: 10px; background: #fff; color: #07343D; width: 100%; box-sizing: border-box; min-height: 44px; }
.cf-field { min-width: 0; max-width: 100%; }
.cf-field textarea { max-width: 100%; min-width: 100%; resize: vertical; }
.cf-field input:focus-visible, .cf-field textarea:focus-visible, .cf-btn:focus-visible { outline: 2px solid #008486; outline-offset: 2px; }
.cf-field input[aria-invalid="true"] { border-color: #b3261e; }
.cf-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cf-btn { font: inherit; font-weight: 600; padding: 12px 28px; border: 0; border-radius: 6px; background: #008486; color: #fff; cursor: pointer; min-height: 44px; }
.cf-btn:hover { background: #006b6d; }
.cf-note { margin: 0; font-size: 14px; color: #4a5b5c; }
@media (max-width: 640px) { .cf { padding: 56px 24px; } .cf-row { grid-template-columns: 1fr; } }
/* Link button (same type style as the header menu, in Remeda green) */
a.v-link-btn { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 24px !important; background: #008486 !important; border: 0 !important; border-radius: 4px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .01em !important; text-transform: none !important; color: #fff !important; text-decoration: none !important; transition: background .2s ease; }
a.v-link-btn:hover, a.v-link-btn:focus-visible { background: #005354 !important; color: #fff !important; }
a.v-link-btn:focus-visible { outline: 2px solid #008486; outline-offset: 3px; }
/* Arrow buttons: arrow slides right on hover, like Read more */
.hx-btn svg, .hx-link svg, a.v-link-btn svg { transition: transform .2s ease; }
.hx-btn:hover svg, .hx-btn:focus-visible svg, .hx-link:hover svg, .hx-link:focus-visible svg, a.v-link-btn:hover svg, a.v-link-btn:focus-visible svg { transform: translateX(6px); }
.hx-btn:hover svg, .hx-btn:focus-visible svg { transform: translateY(4px); }
@media (prefers-reduced-motion: reduce) { .hx-btn svg, .hx-link svg, a.v-link-btn svg { transition: none; } .hx-btn:hover svg, .hx-link:hover svg, a.v-link-btn:hover svg { transform: none; } }
/* Same content container as header/footer (1440px + 32px gutters) */
@media (min-width: 769px) {
body.home .hx .hx-inner { max-width: 1504px !important; width: 100%; margin-left: auto !important; margin-right: auto !important; padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box; }
body.home #products { padding-left: 32px !important; padding-right: 32px !important; }
body.home #products .pr-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; }
}
/* Distributors: black titles with the home-page separator */
.dm-group-title { margin: 0 0 32px; padding-bottom: 0; border-bottom: 0; font-size: clamp(30px, 4vw, 44px); line-height: 1.15; font-weight: 700; color: #000 !important; text-align: left; }
.dm-group-title::after { content: ""; display: block; width: 56px; height: 4px; margin: 18px 0 0; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2, #008486), var(--r-sand, #be896e)); }
.dm-country { color: #000 !important; }
/* Distributors: group titles = same size and colour as the home-page titles */
.dm-group-title { font-family: Manrope, Inter, system-ui, sans-serif; font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.15 !important; font-weight: 700; color: var(--r-teal) !important; }
/* Brochures: compact list, 2 columns x 2 rows, hairlines, no cards or shadows */
body .rm-bro { padding: 56px 51px; }
body .rm-bro .rm-bro-head { text-align: left; margin: 0 0 28px; }
body .rm-bro .rm-bro-title { text-align: left; }
body .rm-bro .rm-bro-sep { margin: 18px 0 0; }
body .rm-bro .rm-bro-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 0; }
body .rm-bro .rm-bro-item:nth-last-child(-n+2) { border-bottom: 0; }
body .rm-bro .rm-bro-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 18px; padding: 16px 20px 16px 0; border-bottom: 1px solid #cfe3e3; background: none; box-shadow: none; border-radius: 0; }
body .rm-bro .rm-bro-item:nth-child(odd) { border-right: 1px solid #cfe3e3; }
body .rm-bro .rm-bro-item:nth-child(even) { padding-left: 24px; }
body .rm-bro .rm-bro-cover { grid-column: 1; grid-row: 1; height: 84px; width: auto; display: block; }
body .rm-bro .rm-bro-cover > span { height: 84px; display: block; }
body .rm-bro .rm-bro-cover img { height: 84px; width: auto; max-width: none; object-position: center; border: 1px solid #cfe3e3; }
body .rm-bro .rm-bro-lang { grid-column: 2; grid-row: 1; margin: 0; text-align: left; font-size: 18px; color: #008486 !important; }
body .rm-bro .rm-bro-lang::after { content: "PDF"; display: block; margin-top: 4px; font-size: 13px; font-weight: 500; letter-spacing: .06em; color: #5b7f84; }
body .rm-bro .rm-bro-dl { grid-column: 3; grid-row: 1; margin: 0; justify-self: end; color: #008486; }
body .rm-bro .rm-bro-dl-in { padding-bottom: 0; border-bottom: 0; }
@media (max-width: 640px) {
body .rm-bro { padding: 40px 20px; }
body .rm-bro .rm-bro-grid { grid-template-columns: 1fr; }
body .rm-bro .rm-bro-item, body .rm-bro .rm-bro-item:nth-child(even) { padding: 14px 0; border-right: 0; }
body .rm-bro .rm-bro-item:nth-child(odd) { border-right: 0; }
body .rm-bro .rm-bro-item:nth-last-child(2) { border-bottom: 1px solid #cfe3e3; }
}
/* Brochures: same container as header and footer (1440px content, 32px gutters) */
body .rm-bro { padding-left: max(32px, calc((100vw - 1440px) / 2)); padding-right: max(32px, calc((100vw - 1440px) / 2)); }
body .rm-bro .rm-bro-inner { max-width: 1440px; width: 100%; margin: 0 auto; }
@media (max-width: 640px) { body .rm-bro { padding-left: 20px; padding-right: 20px; } }
/* Brochures: same container as the Instrument table content rows (64px from the edges, no max-width) */
body .rm-bro { padding-left: 64px !important; padding-right: 64px !important; }
body .rm-bro .rm-bro-inner { max-width: none !important; width: 100%; margin: 0; }
@media (max-width: 1024px) { body .rm-bro { padding-left: 30px !important; padding-right: 30px !important; } }
/* Header and footer: same container as the Instrument table content (64px from the edges, no max-width) */
@media (min-width: 1025px) {
.fusion-header-wrapper .fusion-header > .fusion-row { max-width: none !important; padding-left: 64px !important; padding-right: 192px !important; }
.trp-language-switcher.trp-floating-switcher { right: 64px !important; left: auto !important; }
.fusion-footer-widget-area, .fusion-footer-copyright-area { padding-left: 64px !important; padding-right: 64px !important; }
.fusion-footer-widget-area .fusion-columns, .fusion-footer-copyright-area > .fusion-row { max-width: none !important; }
.fusion-footer-widget-area .footer-logo { margin-left: 0 !important; }
}
/* Start page: same container as header, footer and brochures (full width, 64px gutters) */
@media (min-width: 1025px) {
body.home .hx .hx-inner { max-width: none !important; padding-left: 64px !important; padding-right: 64px !important; }
body.home #worldwide > .ww-grid { max-width: none !important; padding-left: 64px !important; padding-right: 64px !important; }
body.home #products { padding-left: 64px !important; padding-right: 64px !important; }
body.home #products .pr-wrap { max-width: none !important; }
body.home .fusion-builder-row-7 .env-grid { max-width: none !important; padding-left: 64px !important; padding-right: 64px !important; box-sizing: border-box; }
}
@media (min-width: 1025px) {
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-left: 64px !important; padding-right: 64px !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 > .fusion-builder-row { max-width: none !important; width: 100% !important; }
body.home .fusion-builder-row-7 .env-grid { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (min-width: 1025px) {
body.home .cf { padding-left: 64px !important; padding-right: 64px !important; }
}
/* Worldwide + environmental work: same container as the contact form (1440px, centred, 64px gutters) */
@media (min-width: 1025px) {
body.home #worldwide > .ww-grid { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% - 128px) !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 > .fusion-builder-row { max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; }
}
/* General container = the one of "Special instrument tables adapted for your needs":
full width, side gutters clamp(20px, 4vw, 64px), no max-width */
@media (min-width: 1025px) {
body.home #worldwide > .ww-grid { max-width: none !important; width: calc(100% - 2 * clamp(20px, 4vw, 64px)) !important; margin-left: auto !important; margin-right: auto !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 > .fusion-builder-row { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
body.home .cf { padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
body.home .cf-inner { max-width: none !important; }
body.home .hx-inner, body.home #products .pr-wrap { max-width: none !important; padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
.fusion-footer-widget-area, .fusion-footer-copyright-area { padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
body .rm-bro { padding-left: clamp(20px, 4vw, 64px) !important; padding-right: clamp(20px, 4vw, 64px) !important; }
}
/* ==========================================================================
SITE CONTAINER: ONE place to adjust the side gutter of header, hero,
sections, contact form, brochures and footer (screens wider than 1024px).
Change --site-gutter below (or the class .site-container on any new block).
========================================================================== */
:root { --site-gutter: clamp(20px, 4vw, 64px); }
.site-container { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; box-sizing: border-box; max-width: none !important; }
@media (min-width: 1025px) {
.fusion-header-wrapper .fusion-header > .fusion-row { padding-left: var(--site-gutter) !important; }
body.home .hx .hx-inner { max-width: none !important; padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
body.home #products { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
body.home #products .pr-wrap { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home #worldwide > .ww-grid { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% - 2 * var(--site-gutter)) !important; margin-left: auto !important; margin-right: auto !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
body.home .fusion-builder-row-7 .env-grid { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home .cf { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
body.home .cf-inner { max-width: none !important; }
body .rm-bro { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
body .rm-bro .rm-bro-inner { max-width: none !important; }
.fusion-footer-widget-area, .fusion-footer-copyright-area { padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
.fusion-footer-widget-area .fusion-columns, .fusion-footer-copyright-area > .fusion-row { max-width: none !important; }
.fusion-footer-widget-area .footer-logo { margin-left: 0 !important; }
}
/* Design polish: finish */
::selection { background: #005253; color: #fff; }
h1, h2, h3, h4 { text-wrap: balance; }
.post-content p, .toggle-content p { text-wrap: pretty; }
.toggle-content table span[style*="font-size: 11px"] { font-size: 12px !important; }
.toggle-content table { font-variant-numeric: tabular-nums; }
.toggle-content table th, .toggle-content table td { padding: 6px 8px; }
.toggle-content { overflow-x: auto; }
.panel-title a { transition: color .2s ease-out; }
.panel-title a:focus-visible { outline: 2px solid #008486; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }
/* Worldwide section: smaller map column (desktop only) */
@media (min-width: 901px) {
body.home #worldwide > .ww-grid { grid-template-columns: 1fr minmax(0, 640px) !important; gap: 48px !important; align-items: center !important; }
}
/* Worldwide section: text and map closer together, text stays left-aligned */
@media (min-width: 901px) {
body.home #worldwide > .ww-grid { grid-template-columns: minmax(0, 520px) minmax(0, 640px) !important; justify-content: center !important; gap: 32px !important; }
}
/* Environmental work section: same narrower, centred container as Worldwide (desktop only) */
@media (min-width: 901px) {
body.home .fusion-fullwidth.fusion-builder-row-7 > .fusion-builder-row { max-width: 1192px !important; margin-left: auto !important; margin-right: auto !important; }
body.home .fusion-builder-row-7 .env-grid { max-width: 1192px !important; margin-left: auto !important; margin-right: auto !important; }
}
/* Contact form: same container width as the environmental work section (1192px, centred) */
@media (min-width: 901px) {
body.home .cf-inner { max-width: 1192px !important; margin-left: auto !important; margin-right: auto !important; }
}
/* Footer colours: background #005354, copyright text and title separator #be896e */
.fusion-footer-widget-area,
.fusion-footer-copyright-area { background: #005354 !important; }
.fusion-footer-copyright-area { border-top: 1px solid rgba(255,255,255,.12) !important; }
.fusion-footer-widget-area .widget-title::after { background: #fff !important; }
/* Distributors: same width and side margins as the header (--site-gutter, full width) */
body.page-id-2 .dist-ww-grid,
body.page-id-2 .dmap { max-width: none !important; padding-left: var(--site-gutter) !important; padding-right: var(--site-gutter) !important; }
/* Distributors: map as wide as the contact form (1192px, centred) */
@media (min-width: 901px) {
body.page-id-2 .dmap .dm-viewport { max-width: 1192px !important; margin-left: auto !important; margin-right: auto !important; }
}
/* Distributors: the "N countries" bar sits in the same container as the map */
@media (min-width: 901px) {
body.page-id-2 .dmap .dm-bar { max-width: 1192px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
}
/* Distributors review: heading hierarchy, card widths, mobile map controls */
body.page-id-2 h1.dist-ww-title { font-weight: 700; letter-spacing: normal; }
body.page-id-2 .dm-group-title { font-size: clamp(24px, 2.6vw, 32px) !important; }
body.page-id-2 .dm-group-title::after { margin-top: 14px; }
body.page-id-2 .dm-country { font-size: 22px; }
body.page-id-2 .dm-cards { grid-template-columns: repeat(auto-fill, minmax(300px, 360px)); }
@media (max-width: 700px) {
body.page-id-2 .dm-cards { grid-template-columns: 1fr; }
body.page-id-2 .dm-ctrl { width: 44px; height: 44px; font-size: 22px; }
body.page-id-2 .dm-help { font-size: 14px; line-height: 1.3; max-width: calc(100% - 80px); border-radius: 12px; }
}
/* ===== Distributors: one wide horizontal card per row ===== */
body.page-id-2 .dm-country-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.page-id-2 .dm-csec .dm-cards { display: flex; flex-direction: column; gap: 14px; grid-template-columns: none; }
body.page-id-2 .dm-card.dm-rc {
display: grid;
grid-template-columns: 190px 200px minmax(0, 1.3fr) minmax(0, 1fr) 230px;
align-items: stretch;
padding: 0;
background: #f3f7f7;
border: 1px solid #dfe9e9;
border-radius: 12px;
font-size: 15px;
line-height: 1.5;
color: #4a5a5a;
}
body.page-id-2 .dm-rc .dm-cell { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; padding: 24px 24px; }
body.page-id-2 .dm-rc .dm-cell + .dm-cell { position: relative; }
body.page-id-2 .dm-rc .dm-cell + .dm-cell::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: #dfe9e9; }
body.page-id-2 .dm-rc .dm-c-country { flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; }
body.page-id-2 .dm-rc .dm-c-country .dm-flag { width: 32px !important; height: 22px !important; margin: 0 !important; flex: none; }
body.page-id-2 .dm-rc .dm-c-cname { font-weight: 700; font-size: 16px; color: #12292b; }
body.page-id-2 .dm-rc .dm-c-logo { align-items: center; }
body.page-id-2 .dm-rc .dm-logo { height: 64px; width: 100%; margin: 0; padding: 0; border: 0; justify-content: center; }
body.page-id-2 .dm-rc .dm-logo a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%; }
body.page-id-2 .dm-rc .dm-logo img { max-width: 150px; max-height: 56px; width: auto; height: auto; object-fit: contain; }
body.page-id-2 .dm-rc .dm-c-info strong { margin: 0; font-size: 17px; color: #12292b; line-height: 1.3; }
body.page-id-2 .dm-rc .dm-c-info strong .dm-flag { width: 24px !important; height: 17px !important; }
body.page-id-2 .dm-rc .dm-row { display: flex; align-items: flex-start; gap: 12px; margin: 0; }
body.page-id-2 .dm-rc .dm-ic { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 20px; height: 24px; color: #008486; }
body.page-id-2 .dm-rc .dm-c-contact { gap: 10px; }
body.page-id-2 .dm-rc .dm-c-web .dm-row { align-items: center; }
body.page-id-2 .dm-rc a { color: #005253; text-decoration: none; word-break: normal; overflow-wrap: anywhere; }
body.page-id-2 .dm-rc a:hover { color: #008486; text-decoration: underline; }
body.page-id-2 .dm-rc a:focus-visible { outline: 2px solid #008486; outline-offset: 3px; border-radius: 3px; }
@media (max-width: 1100px) {
body.page-id-2 .dm-card.dm-rc { grid-template-columns: 150px 160px minmax(0, 1.2fr) minmax(0, 1fr); }
body.page-id-2 .dm-rc .dm-c-web { grid-column: 1 / -1; padding-top: 0; }
body.page-id-2 .dm-rc .dm-c-web::before { display: none; }
}
@media (max-width: 768px) {
body.page-id-2 .dm-card.dm-rc, body.page-id-2 .dm-card.dm-rc-hq { display: flex; flex-direction: column; }
body.page-id-2 .dm-rc .dm-cell { padding: 14px 20px; }
body.page-id-2 .dm-rc .dm-cell + .dm-cell::before { left: 20px; right: 20px; top: 0; bottom: auto; width: auto; height: 1px; }
body.page-id-2 .dm-rc .dm-c-country { padding-top: 20px; }
body.page-id-2 .dm-rc .dm-c-logo { align-items: flex-start; }
body.page-id-2 .dm-rc .dm-logo, body.page-id-2 .dm-rc .dm-logo a { justify-content: flex-start; }
body.page-id-2 .dm-rc .dm-c-logo:empty, body.page-id-2 .dm-rc .dm-c-logo:not(:has(*)) { display: none; }
body.page-id-2 .dm-rc .dm-c-contact:empty, body.page-id-2 .dm-rc .dm-c-web:empty { display: none; }
body.page-id-2 .dm-rc .dm-c-web { padding-top: 14px; padding-bottom: 20px; }
}
/* Distributors: tighter spacing between cards and below group titles */
body.page-id-2 .dm-csec { padding: 4px 6px; margin: 0 -6px 4px; }
body.page-id-2 .dm-csec .dm-cards { gap: 10px; }
body.page-id-2 .dm-group { margin-bottom: 32px; }
body.page-id-2 .dm-group-title { margin-bottom: 14px !important; }
body.page-id-2 .dm-group-title::after { margin-top: 10px; }
body.page-id-2 .dm-rc .dm-cell { padding: 16px 20px; }
/* Distributors: regional flag on its own row under the address, region name beside it */
body.page-id-2 .dm-rc .dm-region { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
body.page-id-2 .dm-rc .dm-region .dm-flag { flex: 0 0 auto; }
body.page-id-2 .dm-rc .dm-region-name { font-size: 14px; color: #4a5a5a; }
/* ===== Förslutningsmaskiner (page-id-4170): intro, model cards, accessories ===== */
.fm-page { color: #07343D; }
.fm-wrap { max-width: 1480px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 64px); box-sizing: border-box; }
.fm-intro { background: var(--r-bg); padding: 56px 0 40px; margin-bottom: 40px; }
.fm-intro .fm-h1 { font-size: clamp(32px, 4.5vw, 52px); line-height: 1.12; color: var(--r-teal); margin: 0 0 20px; text-align: left; }
.fm-intro p { max-width: 760px; font-size: 16px; line-height: 1.75; color: var(--r-muted); margin: 0 0 14px; text-align: left; }
.fm-card { background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(15,40,40,.06), 0 6px 20px rgba(15,40,40,.07); padding: 28px; box-sizing: border-box; }
.fm-card p { font-size: 15px; line-height: 1.65; color: #07343D; margin: 0 0 12px; text-align: left; }
.fm-card p:last-child { margin-bottom: 0; }
.fm-title { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.3; font-weight: 300 !important; color: #008486; margin: 0 0 14px; text-align: left; }
.fm-title strong { font-weight: 700; color: #BE896E; }
.fm-card-lead { display: grid; grid-template-columns: 1fr minmax(240px, 460px); gap: 32px; align-items: center; margin-bottom: 24px; }
.fm-card-lead .fm-title { font-size: clamp(26px, 2.6vw, 34px); }
.fm-lead-img img { display: block; width: 100%; height: auto; max-height: 340px; object-fit: contain; }
.fm-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: start; }
.fm-grid-2 { grid-template-columns: repeat(2, 1fr); }
.fm-models { padding-bottom: 24px; }
.fm-acc { background: var(--r-bg); padding: 56px 0 64px; margin-top: 40px; }
.fm-acc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; margin-bottom: 40px; }
.fm-h2 { font-size: clamp(26px, 2.8vw, 36px); line-height: 1.2; color: var(--r-teal); margin: 0 0 16px; text-align: left; }
.fm-acc-text p { max-width: 560px; font-size: 16px; line-height: 1.75; color: var(--r-muted); margin: 0; text-align: left; }
.fm-acc-img { text-align: center; }
.fm-acc-img img { max-width: 100%; max-height: 300px; height: auto; object-fit: contain; mix-blend-mode: multiply; }
.fm-img { height: 260px; display: flex; align-items: center; justify-content: center; margin: 0 0 20px; }
.fm-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.fm-more summary { list-style: none; cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 15px; color: #07343D; }
.fm-more summary::-webkit-details-marker { display: none; }
.fm-more summary::before { content: "+"; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #008486; color: #fff; font-size: 18px; line-height: 1; }
.fm-more[open] summary::before { content: "\2212"; }
.fm-more summary:hover { color: #008486; }
.fm-more summary:focus-visible { outline: 3px solid #008486; outline-offset: 2px; border-radius: 8px; }
.fm-more .fm-more-close, .fm-more[open] .fm-more-open { display: none; }
.fm-more[open] .fm-more-close { display: inline; }
.fm-more > p:first-of-type { margin-top: 8px; }
@media (max-width: 1100px) { .fm-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 800px) {
.fm-card-lead, .fm-acc-row { grid-template-columns: 1fr; gap: 24px; }
.fm-grid, .fm-grid-2 { grid-template-columns: 1fr; }
.fm-card { padding: 20px 18px; }
}
/* Förslutningsmaskiner: same look as the Instrument table page (round 2) */
.fm-page { background: #fff; }
.fm-intro { background: linear-gradient(180deg, #eef5f5, #fff); padding: 56px 0 24px; margin-bottom: 24px; }
.fm-card { border: 0; border-radius: 14px; padding: 28px 28px 20px; box-shadow: 0 1px 2px rgba(15,40,40,.06), 0 6px 20px rgba(15,40,40,.07); transition: box-shadow .25s ease, transform .25s ease; }
.fm-card:hover { box-shadow: 0 2px 4px rgba(15,40,40,.08), 0 12px 28px rgba(15,40,40,.1); transform: translateY(-3px); }
.fm-grid > .fm-card .fm-title, .fm-card-img .fm-title { text-align: center; margin-bottom: 20px; }
.fm-card-lead .fm-title { text-align: left; }
.fm-card-lead:hover { transform: none; }
.fm-img { height: 300px; margin: 0 0 28px; }
.fm-more { margin-top: auto; }
.fm-more summary { flex-direction: row-reverse; justify-content: space-between; border-top: 1px solid #008486; min-height: 52px; padding: 0; font-size: 16px; font-weight: 500; color: #008486; }
.fm-more summary::before { content: ""; width: 16px; height: 16px; border-radius: 0; flex: none; background: linear-gradient(#008486,#008486) 0 7px / 16px 2px no-repeat, linear-gradient(#008486,#008486) 7px 0 / 2px 16px no-repeat; }
.fm-more[open] summary::before { content: ""; background: linear-gradient(#008486,#008486) 0 7px / 16px 2px no-repeat; }
.fm-more summary:hover { color: #008486; }
.fm-more > p:first-of-type { margin-top: 12px; }
.fm-acc { background: #fff; padding: 40px 0 56px; margin-top: 24px; }
.fm-acc-row { grid-template-columns: 2fr 1fr; margin-bottom: 40px; }
.fm-acc-text .fm-h2 { font-size: clamp(22px, 2vw, 28px); font-weight: 300; line-height: 1.4; color: #008486; }
.fm-acc-img img { max-height: 300px; mix-blend-mode: normal; }
@media (max-width: 800px) { .fm-acc-row { grid-template-columns: 1fr; } }
/* Förslutningsmaskiner: white intro, title like the start page titles with the short divider, bigger lead card */
.fm-intro { background: #fff; padding: 56px 0 16px; margin-bottom: 16px; }
.fm-intro .fm-h1 { color: #07343D; font-weight: 700; text-align: center; margin: 0 0 4px; }
.fm-intro .fm-h1::after { content: ""; display: block; width: 56px; height: 4px; margin: 18px auto 28px; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); }
.fm-intro p { margin-left: auto; margin-right: auto; text-align: center; }
.fm-acc { background: #fff; }
.fm-card-lead { grid-template-columns: 1fr minmax(300px, 620px); gap: 56px; padding: 56px clamp(28px, 4vw, 64px); margin-bottom: 32px; min-height: 420px; }
.fm-card-lead .fm-title { font-size: clamp(30px, 3.2vw, 44px); margin-bottom: 22px; }
.fm-card-lead p { font-size: 17px; line-height: 1.75; }
.fm-lead-img img { max-height: 460px; }
@media (max-width: 800px) { .fm-card-lead { padding: 28px 20px; min-height: 0; gap: 24px; } }
.fm-page .fm-intro h1.fm-h1 { color: #07343D !important; }
/* Förslutningsmaskiner: left-aligned title section on --r-bg, models inside the big F110 Protec card */
.fm-page .fm-intro { background: var(--r-bg); padding: 64px 0 56px; margin-bottom: 40px; }
.fm-page .fm-intro .fm-h1 { text-align: left; }
.fm-page .fm-intro .fm-h1::after { margin: 18px 0 28px; }
.fm-page .fm-intro p { margin-left: 0; margin-right: 0; text-align: left; }
.fm-page .fm-card-lead { display: block; min-height: 0; }
.fm-page .fm-card-lead:hover { transform: none; }
.fm-page .fm-lead-top { display: grid; grid-template-columns: 1fr minmax(300px, 620px); gap: 56px; align-items: center; margin-bottom: 40px; }
.fm-page .fm-grid-in { grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 32px; border-top: 1px solid #dfe6e7; }
.fm-page .fm-grid-in > .fm-card { background: var(--r-bg); box-shadow: none; padding: 22px 20px; }
.fm-page .fm-grid-in > .fm-card:hover { transform: none; box-shadow: none; }
.fm-page .fm-grid-in > .fm-card .fm-title { text-align: left; margin-bottom: 12px; }
@media (max-width: 1100px) { .fm-page .fm-grid-in { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 800px) { .fm-page .fm-lead-top { grid-template-columns: 1fr; gap: 24px; } .fm-page .fm-grid-in { grid-template-columns: 1fr; } }
/* Förslutningsmaskiner: same container as the instrument table page, intro runs to the edges and the top */
body.page-id-4170 #main, body.page-id-4170 #main > .fusion-row, body.page-id-4170 #content { padding-top: 0 !important; margin-top: 0 !important; }
body.page-id-4170 #main > .fusion-row { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.fm-page .fm-intro, .fm-page .fm-models, .fm-page .fm-acc { padding-left: clamp(20px, 4vw, 64px); padding-right: clamp(20px, 4vw, 64px); box-sizing: border-box; width: 100%; }
.fm-page .fm-wrap { max-width: none; padding: 0; width: 100%; }
.fm-page .fm-intro { margin-top: 0; padding-top: 56px; padding-bottom: 56px; }
.fm-page .fm-grid-in > .fm-card { background: transparent; }
.fm-page .fm-h2 { color: #07343D; font-weight: 700; }
.fm-page .fm-h2::after { content: ""; display: block; width: 56px; height: 4px; margin: 18px 0 24px; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); }
body.page-id-4170 #main { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-4170 #content, body.page-id-4170 .post-content, body.page-id-4170 .fm-page { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.fm-page .fm-acc { background: var(--r-bg) !important; padding-top: 56px; padding-bottom: 64px; }
.fm-page .fm-acc .fm-acc-text .fm-h2 { color: #07343D !important; font-weight: 700 !important; font-size: clamp(26px, 2.8vw, 36px); line-height: 1.2; }
body.page-id-4170 #main { padding-bottom: 0 !important; }
body.page-id-4170 .fm-page { background: transparent !important; }
.fm-page .fm-logo { display: flex; justify-content: center; padding: 48px 0 0; }
.fm-page .fm-logo img { width: 200px; max-width: 60%; height: auto; display: block; }
.fm-page .fm-logo img { width: 240px; max-width: 70%; height: auto; mix-blend-mode: multiply; }
.fm-page .fm-acc-row { grid-template-columns: 1fr; gap: 24px; align-items: start; }
.fm-page .fm-acc-img { text-align: left; }
.fm-page .fm-acc-img img { max-width: 100%; height: auto; display: block; }
/* Kanylburkar: same look as Förslutningsmaskiner */
body.page-id-4200 #main { padding: 0 !important; }
body.page-id-4200 #content, body.page-id-4200 .post-content, body.page-id-4200 .fm-page { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; background: transparent !important; }
.fm-page .fm-models .fm-h2 { margin-top: 0; }
.fm-page .fm-h2-sub { margin-top: 56px; }
.fm-page .fm-grid-4 { grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: start; }
.fm-page .fm-grid-acc .fm-img { height: 190px; margin-bottom: 20px; }
.fm-page .fm-art { font-size: 14px; color: #07343D; border-top: 1px solid #dfe6e7; padding-top: 14px; margin: 0; }
.fm-page .fm-docs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.fm-page .fm-docs a { color: #008486; font-weight: 500; text-decoration: none; }
.fm-page .fm-docs a:hover { text-decoration: underline; }
@media (max-width: 1100px) { .fm-page .fm-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 800px) { .fm-page .fm-grid-4 { grid-template-columns: 1fr; } }
/* Kanylburkar: white page, dark titles, equal cards, even spacing */
body.page-id-4200 .fm-page { background: #fff !important; }
body.page-id-4200 .fm-page .fm-intro { background: var(--r-bg); padding-top: 64px; padding-bottom: 56px; margin-bottom: 0; }
body.page-id-4200 .fm-page .fm-models { background: #fff; padding-top: 64px; padding-bottom: 0; }
body.page-id-4200 .fm-page .fm-acc { background: #fff !important; margin-top: 0; padding-top: 64px; padding-bottom: 80px; }
body.page-id-4200 .fm-page .fm-h2 { color: #07343D !important; font-weight: 700 !important; margin-top: 0; }
body.page-id-4200 .fm-page .fm-h2-sub { margin-top: 64px; }
body.page-id-4200 .fm-page .fm-grid-4 { align-items: start; gap: 24px; }
body.page-id-4200 .fm-page .fm-grid-4 + .fm-h2 { margin-top: 64px; }
body.page-id-4200 .fm-page .fm-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3eaeb; box-shadow: none; padding: 24px; }
body.page-id-4200 .fm-page .fm-card:hover { transform: none; box-shadow: 0 6px 20px rgba(15,40,40,.08); }
body.page-id-4200 .fm-page .fm-card .fm-title { color: #07343D !important; min-height: 3.9em; margin-bottom: 16px; }
body.page-id-4200 .fm-page .fm-card .fm-title strong { color: #07343D; }
body.page-id-4200 .fm-page .fm-card .fm-img { height: 240px; flex: none; margin-bottom: 20px; }
body.page-id-4200 .fm-page .fm-grid-acc .fm-img { height: 190px; }
body.page-id-4200 .fm-page .fm-card .fm-more { margin-top: auto; }
body.page-id-4200 .fm-page .fm-card .fm-art { margin-top: auto; }
body.page-id-4200 .fm-page .fm-docs { margin-top: 0; }
@media (max-width: 800px) { body.page-id-4200 .fm-page .fm-card .fm-title { min-height: 0; } body.page-id-4200 .fm-page .fm-intro, body.page-id-4200 .fm-page .fm-models, body.page-id-4200 .fm-page .fm-acc { padding-top: 40px; } body.page-id-4200 .fm-page .fm-h2-sub, body.page-id-4200 .fm-page .fm-grid-4 + .fm-h2 { margin-top: 48px; } }
body.page-id-4200 .fm-page .fm-doc-img { margin: 64px 0 0; }
body.page-id-4200 .fm-page .fm-doc-img img { display: block; width: 400px; max-width: 100%; height: auto; border: 1px solid #dfe6e7; border-radius: 8px; }
body.page-id-4200 .fm-page .fm-doc-img + .fm-h2 { margin-top: 32px; }
body.page-id-4200 .fm-page .fm-docs a { display: inline-flex; align-items: center; gap: 10px; }
body.page-id-4200 .fm-page .fm-docs a::before { content: "PDF"; display: inline-block; flex: none; box-sizing: border-box; min-width: 38px; padding: 3px 6px; border-radius: 4px; background: #c8372d; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-align: center; }
body.page-id-4200 .fm-page .fm-doc-img img { width: 140px; border: 0; border-radius: 0; }
/* Cube + Loading: only the clicked card grows (like Instrument table) */
html body:is(.page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:has(.rm-card) { align-items: flex-start !important; }
html body:is(.page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner > .fusion-layout-column:has(> .rm-card), html body:is(.page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner > .fusion-layout-column:has(> .fusion-column-wrapper.rm-card), html body:is(.page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth.fusion-fullwidth > .fusion-row > .fusion-layout-column:has(> .fusion-column-wrapper.rm-card) { align-self: flex-start !important; }
html body:is(.page-id-2422, .page-id-3429):not(#rm-x) main .fusion-fullwidth.fusion-fullwidth .fusion-column-wrapper.rm-card { height: auto !important; }
/* Kanylburkar: card titles left-aligned, name #005354, product number #be896e */
body.page-id-4200 .fm-page .fm-card-img .fm-title { text-align: left !important; color: #005354 !important; }
body.page-id-4200 .fm-page .fm-card-img .fm-title strong { color: #be896e !important; }
/* Footer: one single thin line above the copyright (same look as the vertical separators) */
body .fusion-footer-copyright-area { border-top: 0 !important; }
body .fusion-footer-copyright-area > .fusion-row { border-top: 1px solid rgba(255,255,255,.4) !important; }
/* Förslutningsmaskiner + Kanylburkar: main titles in the same colour as the Instrument table titles (#008486) */
body .fm-page .fm-intro h1.fm-h1,
body .fm-page h2.fm-h2,
body .fm-page .fm-acc .fm-acc-text .fm-h2,
body.page-id-4200 .fm-page .fm-h2 { color: #008486 !important; }
/* Förslutningsmaskiner + Kanylburkar: main titles #333333 */
body .fm-page .fm-intro h1.fm-h1,
body .fm-page h2.fm-h2,
body .fm-page .fm-acc .fm-acc-text .fm-h2,
body.page-id-4200 .fm-page .fm-h2 { color: #333333 !important; }
/* Förslutningsmaskiner + Kanylburkar: main titles use --r-teal */
body .fm-page .fm-intro h1.fm-h1,
body .fm-page h2.fm-h2,
body .fm-page .fm-acc .fm-acc-text .fm-h2,
body.page-id-4200 .fm-page .fm-h2 { color: var(--r-teal) !important; }
/* Footer social links: remove the theme's -10px side margins that pushed YouTube past the footer line */
body .fusion-footer-copyright-area .fusion-social-networks-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
/* Cube system: centre the green drawing (cubesystem-illustration) in its column */
body.page-id-3429 .fusion-imageframe.imageframe-4 { justify-content: center !important; width: 100% !important; }
body.page-id-3429 .fusion-imageframe.imageframe-4 img { margin-left: auto !important; margin-right: auto !important; max-width: 100%; }
/* Environmental work: same title-to-content distance as the other sections (separator + 24px) */
body.home .fusion-title.fusion-title-12 { margin: 0 !important; }
body.home .fusion-builder-row-7 .env-grid { margin-top: 24px !important; }
body.home .fusion-builder-row-7 .env-card, body.home .fusion-builder-row-7 .env-card:hover { padding: 0 !important; }
body.home .fusion-builder-row-7 .env-grid { margin-top: 0 !important; }
body.home .fusion-builder-row-7 .fusion-text-8 { margin-top: 0 !important; }
/* Cube page, Shelf racks: equal card height when closed; an opened card grows alone */
html body.page-id-3429:not(#rm-x) main .fusion-row:has(> .fusion_builder_column_1_3 .rm-card) { align-items: flex-start !important; }
html body.page-id-3429:not(#rm-x) main .fusion-row > .fusion_builder_column_1_3:has(.rm-card) { align-self: flex-start !important; height: auto !important; }
html body.page-id-3429:not(#rm-x) main .fusion-row > .fusion_builder_column_1_3 > .fusion-column-wrapper.rm-card { min-height: 450px !important; height: auto !important; box-sizing: border-box; }
/* Header: language switcher inside the container; gap links -> switcher equals gap between links (40px) */
@media (min-width: 1025px) {
body .trp-language-switcher.trp-floating-switcher { right: var(--site-gutter, 64px) !important; left: auto !important; }
body .fusion-header-wrapper .fusion-header > .fusion-row { padding-right: calc(var(--site-gutter, 64px) + 130px) !important; }
body #menu-specific-menu, body #menu-classic-main-menu { margin-right: 0 !important; }
}
/* Product pages: reference numbers never wrap (the column title may) */
.post-content table tbody td:first-child,
.post-content table tbody td:first-child * { white-space: nowrap !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll tbody td:first-child,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll tbody td:first-child * { white-space: nowrap !important; overflow-wrap: normal !important; word-break: keep-all !important; }
/* Product pages: tables always sit below the floated icons */
.bk-content-text p:has(> img.alignleft)::after { content: ""; display: block; clear: both; }
.bk-content-text, .rm-table-scroll, .post-content table { clear: both; }
.bk-content-text:has(img.alignleft) { overflow: hidden; }
/* Mobile: footer social links stacked, left-aligned */
@media (max-width: 768px) {
body .fusion-footer-copyright-area .fusion-social-networks-wrapper { flex-direction: column !important; align-items: flex-start !important; flex-wrap: nowrap !important; gap: 12px !important; }
body .fusion-footer-copyright-area .fusion-social-network-icon,
body .fusion-footer-copyright-area .fusion-social-network-icon + .fusion-social-network-icon { padding: 0 !important; border-left: 0 !important; justify-content: flex-start !important; }
}
/* Distributors on mobile: one continuous stack, no divider lines, tighter spacing */
@media (max-width: 768px) {
body.page-id-2 .dm-card.dm-rc, body.page-id-2 .dm-card.dm-rc-hq { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 14px 16px !important; }
body.page-id-2 .dm-rc .dm-cell { padding: 0 !important; margin: 0 0 8px !important; gap: 4px !important; }
body.page-id-2 .dm-rc .dm-cell:last-child { margin-bottom: 0 !important; }
body.page-id-2 .dm-rc .dm-cell + .dm-cell::before { display: none !important; }
body.page-id-2 .dm-rc .dm-c-country { padding-top: 0 !important; }
body.page-id-2 .dm-rc .dm-c-web { padding: 0 !important; }
body.page-id-2 .dm-rc .dm-c-contact { gap: 4px !important; }
body.page-id-2 .dm-rc .dm-logo { height: 48px; }
body.page-id-2 .dm-rc .dm-c-contact:empty, body.page-id-2 .dm-rc .dm-c-web:empty, body.page-id-2 .dm-rc .dm-c-logo:not(:has(*)) { display: none !important; }
body.page-id-2 .dm-csec .dm-cards { gap: 8px !important; }
}
/* Distributors on mobile: a little air between country, logo, name and contact */
@media (max-width: 768px) {
body.page-id-2 .dm-rc .dm-c-country { margin-bottom: 12px !important; }
body.page-id-2 .dm-rc .dm-c-logo { margin-bottom: 10px !important; }
body.page-id-2 .dm-rc .dm-c-logo:empty { margin-bottom: 0 !important; }
body.page-id-2 .dm-rc .dm-c-info { margin-bottom: 14px !important; }
}
/* Download brochure: no text underline on hover; the ::after line stays */
html body a.rm-dl-btn:hover, html body a.rm-dl-btn:focus-visible, html body a.rm-dl-btn:hover span, html body a.rm-dl-btn:focus-visible span { text-decoration: none !important; background: transparent !important; color: #008486 !important; }
/* Cube system drawing: the line under the drawing stops at the container on both sides */
html body.page-id-3429 main .fusion-builder-row-2 .fusion-builder-row-inner { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }
/* "More information" text starts at the card's left edge, in line with the title */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-title .fusion-toggle-heading { margin-left: 0 !important; }
/* Product cards: --r-teal instead of the lighter teal (copper stays on the model numbers) */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3.title-heading-left,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3.title-heading-left h3 { color: var(--r-teal) !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-title h3 strong { color: #BE896E !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-heading { border-top-color: var(--r-teal) !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-title a,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-accordian .panel-title a:hover { color: var(--r-teal) !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-toggle-icon-wrapper {
background:
linear-gradient(var(--r-teal), var(--r-teal)) 0 7px / 16px 2px no-repeat,
linear-gradient(var(--r-teal), var(--r-teal)) 7px 0 / 2px 16px no-repeat !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-panel:has(> .panel-collapse.in) .fusion-toggle-icon-wrapper,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .fusion-panel:has(> .panel-collapse.collapsing:not(.in)) .fusion-toggle-icon-wrapper {
background: linear-gradient(var(--r-teal), var(--r-teal)) 0 7px / 16px 2px no-repeat !important;
}
/* Product cards: --r-teal wins over the older rules (higher specificity); model numbers stay copper */
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left,
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left span,
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left h3 { color: var(--r-teal) !important; }
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left strong,
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left strong span { color: #BE896E !important; }
/* Loading System card titles: same size as the Instrument table cards */
html body.page-id-2422 main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left,
html body.page-id-2422 main .fusion-fullwidth .rm-card.rm-card .fusion-title.fusion-title h3.title-heading-left span { font-size: clamp(20px, 1.7vw, 24px) !important; line-height: 1.3 !important; }
/* Loading System card titles: --fontSize 24px on every level of the title */
html body.page-id-2422 main .fusion-fullwidth .fusion-builder-row-inner .rm-card .fusion-title h3,
html body.page-id-2422 main .fusion-fullwidth .fusion-builder-row-inner .rm-card .fusion-title h3 *,
html body.page-id-2422 main .fusion-fullwidth .fusion-builder-row-inner .rm-card .fusion-title h3 strong { --fontSize: 24; font-size: 24px !important; line-height: 1.3 !important; }
/* .fusion-responsive-typography-calculated titles use --r-teal (model numbers in keep their copper) */
html body main .fusion-responsive-typography-calculated,
html body main .fusion-responsive-typography-calculated h2,
html body main .fusion-responsive-typography-calculated h3,
html body main .fusion-responsive-typography-calculated a { color: var(--r-teal) !important; }
html body main .fusion-responsive-typography-calculated strong { color: var(--r-sand) !important; }
/* .fusion-title h3 uses --r-ink (wins over the teal rule above) */
html body main .fusion-title.fusion-title h3,
html body main .fusion-title.fusion-title h3.fusion-responsive-typography-calculated { color: var(--r-ink) !important; }
/* product cards: the title keeps its full height (also when it wraps to 2 lines) and the image block never slides over it */
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > * { flex-shrink: 0 !important; }
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > .fusion-title { position: relative; z-index: 2; height: auto !important; min-height: 0 !important; overflow: visible !important; }
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > .fusion-title h3 { height: auto !important; line-height: 1.3 !important; }
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > div:has(> .fusion-imageframe),
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card > .rm-gallery { position: relative; z-index: 1; }
/* Loading System cards: room under the title so descenders (y, g) are not covered by the image */
body.page-id-2422 main .rm-card > .fusion-title { padding-bottom: 12px !important; }
body.page-id-2422 main .rm-card > .fusion-title h3 { line-height: 1.4 !important; padding-bottom: 2px !important; overflow: visible !important; }
body.page-id-2422 main .rm-card .fusion-imageframe, body.page-id-2422 main .rm-card .fusion-imageframe img { background: transparent !important; }
/* iPad / tablet (641-1024 px): product cards on the product pages, 2 per row */
@media (min-width: 641px) and (max-width: 1024px) {
html body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .fusion-row > .fusion_builder_column_1_3:has(> .rm-card) {
width: 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
box-sizing: border-box !important;
padding: 0 8px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* iPad / tablet: nested product cards on Loading System and Cube System, 2 per row */
@media (min-width: 641px) and (max-width: 1024px) {
html body:is(.page-id-2422, .page-id-3429) main .fusion-fullwidth.fusion-fullwidth .fusion-builder-row-inner:not(:has(a[href$=".pdf"])) > .fusion-layout-column.fusion_builder_column_inner_1_3.fusion-flex-column.fusion_builder_column_inner {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
box-sizing: border-box !important;
}
}
/* iPad / tablet hero: same tinted background as mobile */
@media (min-width: 769px) and (max-width: 1024px) {
body.home .hx::before { width: 100%; opacity: .55; background-position: center; }
body.home .hx::after { content: ""; position: absolute; inset: 0; z-index: -1; display: block; width: 100%; background: linear-gradient(180deg, rgba(0,132,134,.55) 0%, rgba(0,132,134,.75) 100%); }
}
/* Mobile + tablet: language switcher same size and background as the hamburger button */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher {
--bg: #f1f6f6 !important; --bg-hover: #f1f6f6 !important; --text: #07343D !important; --text-hover: #07343D !important;
background: #f1f6f6 !important; color: #07343D !important;
height: 44px !important; min-height: 44px !important; width: 44px !important; min-width: 44px !important;
top: 10px !important; border-radius: 8px !important; box-shadow: none !important; border: 0 !important; overflow: hidden;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-current-language-item__wrapper {
color: #07343D !important; background: transparent !important; height: 44px !important; min-height: 44px !important; font-weight: 700;
}
}
/* Mobile + tablet: flag only in the language switcher, no country code */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher { width: auto !important; min-width: 44px !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { gap: 6px !important; padding: 0 10px !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name { display: inline-block !important; }
}
/* Mobile + tablet: let the language list open (the 44px box clipped it) */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher.is-open,
html body .trp-language-switcher.trp-floating-switcher[aria-expanded="true"] {
height: auto !important; max-height: none !important; overflow: visible !important;
}
html body .trp-language-switcher.trp-floating-switcher.v-open { height: auto !important; overflow: visible !important; }
html body .trp-language-switcher.trp-floating-switcher.v-open .trp-switcher-dropdown-list[hidden] { display: flex !important; }
html body .trp-language-switcher.trp-floating-switcher { pointer-events: auto !important; }
}
/* Mobile + tablet: the list opens downward below the flag */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher,
html body .trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner,
html body .trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list { flex-direction: column !important; }
html body .trp-language-switcher.trp-floating-switcher.v-open .trp-switcher-dropdown-list { max-height: min(350px, 70vh) !important; overflow-y: auto !important; }
}
/* Mobile + tablet: the current language is tappable, flag + code centred */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher { padding: 0 !important; --switcher-padding: 0px; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current { pointer-events: auto !important; cursor: pointer !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-current-language-item__wrapper { padding: 0 !important; justify-content: center !important; display: flex !important; align-items: center !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { justify-content: center !important; align-items: center !important; gap: 6px !important; padding: 0 12px !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center; line-height: 1 !important; height: auto !important; min-height: 0 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after { line-height: 1; display: block; }
html body .trp-language-switcher.trp-floating-switcher .trp-flag-image { display: block !important; margin: 0 !important; }
}
/* Language switcher: same light background and green text on every screen size */
html body .trp-language-switcher.trp-floating-switcher {
--bg: #f1f6f6 !important; --bg-hover: #f1f6f6 !important; --text: #008486 !important; --text-hover: #008486 !important;
background: #f1f6f6 !important; opacity: 1;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover { background: #f1f6f6 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name { color: #008486 !important; font-weight: 600; }
/* Mobile menu: arrow button for the submenu sits at the right of the row and is tappable */
@media (max-width: 1024px) {
.fusion-header-wrapper .fusion-mobile-nav-holder li.menu-item-has-children { position: relative; }
.fusion-header-wrapper .fusion-mobile-nav-holder .fusion-open-submenu { position: absolute; top: 0; right: 0; width: 52px; height: 50px; background: none; border: 0; cursor: pointer; z-index: 2; }
.fusion-header-wrapper .fusion-mobile-nav-holder .fusion-open-submenu::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -6px 0 0 -4px; border-right: 2px solid #07343D; border-bottom: 2px solid #07343D; transform: rotate(45deg); transition: transform .2s; }
.fusion-header-wrapper .fusion-mobile-nav-holder li.v-sub-open > .fusion-open-submenu::after { transform: rotate(-135deg); margin-top: -2px; }
}
/* Desktop: language switcher centred in the header, same box as on mobile (flag + code) */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
top: calc((var(--hdr-h, 88px) - 44px) / 2) !important; padding: 0 !important; --switcher-padding: 0px;
border-radius: 8px !important; box-shadow: none; width: auto !important; min-width: 0 !important;
}
html body .trp-language-switcher.trp-floating-switcher:hover { box-shadow: 0 8px 24px rgba(7,52,61,.18); }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-height: 44px; padding: 0 12px !important; box-sizing: border-box; cursor: pointer; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name { font-size: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after { font-size: 14px; font-weight: 700; letter-spacing: .03em; line-height: 1; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="English"] .trp-language-item-name::after { content: "EN"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Svenska"] .trp-language-item-name::after { content: "SE"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Français"] .trp-language-item-name::after { content: "FR"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Deutsch"] .trp-language-item-name::after { content: "DE"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Español"] .trp-language-item-name::after { content: "ES"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover { background: #e3eded !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:focus-visible { outline: 3px solid #008486; outline-offset: -3px; }
}
/* Language switcher: show the full language name (not the code) on every screen size */
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name {
font-size: 14px !important; font-weight: 600; letter-spacing: 0; line-height: 1 !important;
display: inline-flex !important; align-items: center; white-space: nowrap;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after { content: none !important; display: none !important; }
html body .trp-language-switcher.trp-floating-switcher { width: auto !important; min-width: 0 !important; overflow: visible !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { width: auto !important; justify-content: flex-start !important; padding: 0 12px !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list { min-width: 100%; }
/* Language switcher: do not clip descenders (the g in English) */
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name {
line-height: 1.4 !important; padding: 2px 0 !important; overflow: visible !important; height: auto !important;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current,
html body .trp-language-switcher.trp-floating-switcher .trp-current-language-item__wrapper {
overflow: visible !important; line-height: 1.4 !important;
}
/* Desktop: language switcher back to the earlier look, hanging from the top edge (dark, rounded bottom corners), full language name */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
--bg: #000000 !important; --bg-hover: #444444 !important; --text: #ffffff !important; --text-hover: #eeeeee !important;
background: #000000 !important; top: 0 !important;
border-radius: 0 0 12px 12px !important; box-shadow: 0 6px 20px rgba(0,0,0,.18); opacity: .92;
}
html body .trp-language-switcher.trp-floating-switcher:hover { opacity: 1; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { background: #000000 !important; min-height: 40px; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover { background: #444444 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name { color: #ffffff !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:focus-visible { outline-color: #ffffff; }
}
/* Desktop: clean rounded edges on the hanging language switcher (clip the square inner rows to the rounded corners) */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
overflow: hidden !important; border: 0 !important;
border-radius: 0 0 12px 12px !important;
box-shadow: 0 6px 20px rgba(0,0,0,.18) !important;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current { border-radius: 0 !important; border: 0 !important; }
}
/* Desktop: language switcher light green background, dark green text, more vertical padding */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
--bg: #e3f0ef !important; --bg-hover: #d2e8e6 !important; --text: #005253 !important; --text-hover: #005253 !important;
background: #e3f0ef !important; opacity: 1;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item { background: #e3f0ef !important; min-height: 52px; padding-top: 12px !important; padding-bottom: 12px !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover { background: #d2e8e6 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name { color: #005253 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:focus-visible { outline-color: #005253; }
}
/* Desktop: language switcher uses the same colours as mobile (light #f1f6f6 background, green #008486 text) */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
--bg: #f1f6f6 !important; --bg-hover: #f1f6f6 !important; --text: #008486 !important; --text-hover: #008486 !important;
background: #f1f6f6 !important; color: #008486 !important;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name {
background: #f1f6f6 !important; color: #008486 !important;
}
}
/* Mobile and iPad: rounded corners on the language switcher */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher { border-radius: 12px !important; overflow: hidden !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current { border-radius: 0 !important; }
}
/* Mobile: show the language code instead of the full name */
@media (max-width: 768px) {
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name { font-size: 0 !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after { font-size: 14px !important; font-weight: 700; letter-spacing: .03em; line-height: 1; display: block; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="English"] .trp-language-item-name::after { content: "EN"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Svenska"] .trp-language-item-name::after { content: "SE"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Français"] .trp-language-item-name::after { content: "FR"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Deutsch"] .trp-language-item-name::after { content: "DE"; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Español"] .trp-language-item-name::after { content: "ES"; }
}
/* Mobile: language code sits AFTER the flag, both centered in the box */
@media (max-width: 768px) {
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current {
flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 6px !important; width: auto !important; min-width: 64px !important; padding: 0 12px !important;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-flag-image { order: 0 !important; margin: 0 !important; flex: 0 0 auto; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name {
order: 1 !important; width: auto !important; max-width: none !important; overflow: visible !important; display: block !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto;
}
}
/* Mobile: code for the current language chosen by the page language (the current item has no title attribute) */
@media (max-width: 768px) {
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "EN"; }
html[lang^="sv"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "SE"; }
html[lang^="fr"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "FR"; }
html[lang^="de"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "DE"; }
html[lang^="es"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "ES"; }
}
/* Mobile: the code must win over the "hide ::after" rule of the full-name mode */
@media (max-width: 768px) {
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { display: block !important; font-size: 14px !important; font-weight: 700; line-height: 1; content: "EN" !important; }
html[lang^="sv"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "SE" !important; }
html[lang^="fr"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "FR" !important; }
html[lang^="de"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "DE" !important; }
html[lang^="es"] body .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after { content: "ES" !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:not(.trp-language-item__current) .trp-language-item-name::after { display: block !important; font-size: 14px !important; font-weight: 700; line-height: 1; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="English"]:not(.trp-language-item__current) .trp-language-item-name::after { content: "EN" !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Svenska"]:not(.trp-language-item__current) .trp-language-item-name::after { content: "SE" !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Français"]:not(.trp-language-item__current) .trp-language-item-name::after { content: "FR" !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Deutsch"]:not(.trp-language-item__current) .trp-language-item-name::after { content: "DE" !important; }
html body .trp-language-switcher.trp-floating-switcher .trp-language-item[title="Español"]:not(.trp-language-item__current) .trp-language-item-name::after { content: "ES" !important; }
}
/* Desktop: language switcher looks like on iPad (floating inside the header, all corners rounded, same row height) */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
top: 9px !important; height: auto !important; padding: 0 !important; border-radius: 12px !important; overflow: hidden !important;
box-shadow: 0 6px 20px rgba(0,0,0,.18) !important; opacity: 1;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item {
min-height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box;
display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px; border-radius: 0 !important;
}
}
/* Desktop: language switcher without shadow, centred vertically in the 88px header */
@media (min-width: 1025px) {
html body .trp-language-switcher.trp-floating-switcher {
box-shadow: none !important; top: 22px !important;
}
}
/* Language switcher and hamburger button: background #F4F7F6 */
html body .trp-language-switcher.trp-floating-switcher,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item__current,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:focus {
--bg: #F4F7F6 !important; --bg-hover: #F4F7F6 !important;
background: #F4F7F6 !important;
}
html body .fusion-header-wrapper .fusion-mobile-menu-icons a,
html body .fusion-header-wrapper .fusion-mobile-menu-icons a:hover,
html body .fusion-header-wrapper .fusion-mobile-menu-icons a:focus,
html body .fusion-header-wrapper .fusion-mobile-menu-icons a:active,
html body .fusion-header-wrapper .fusion-mobile-menu-icons a[aria-expanded="true"] {
background: #F4F7F6 !important;
}
/* Language switcher: light background, green text */
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after,
html body .trp-language-switcher.trp-floating-switcher a { color: #008486 !important; }
/* Language switcher: text spans transparent so the #008486 background shows evenly */
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item-name::after,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item a,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item span {
background: transparent !important;
}
/* Language switcher: darker background on hover */
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover a,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:focus-visible {
background: #DCE7E5 !important; --bg-hover: #DCE7E5 !important;
}
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name,
html body .trp-language-switcher.trp-floating-switcher .trp-language-item:hover .trp-language-item-name::after { background: transparent !important; color: #008486 !important; }
/* iPad: stack the F110 Protec text and image */
@media (max-width: 1024px) {
.fm-page .fm-lead-top { grid-template-columns: 1fr; gap: 24px; }
.fm-page .fm-lead-img { max-width: 620px; }
}
/* Mobile + tablet: an open language list must not be clipped by the rounded-corner box */
@media (max-width: 1024px) {
html body .trp-language-switcher.trp-floating-switcher.v-open {
overflow: visible !important; height: auto !important; max-height: none !important;
}
html body .trp-language-switcher.trp-floating-switcher.v-open .trp-switcher-dropdown-list {
display: flex !important; flex-direction: column !important; position: static !important;
max-height: min(350px, 70vh) !important; overflow-y: auto !important; opacity: 1 !important; visibility: visible !important;
background: #F4F7F6 !important; border-radius: 0 0 12px 12px;
}
html body .trp-language-switcher.trp-floating-switcher.v-open .trp-switcher-dropdown-list a.trp-language-item {
height: 44px !important; min-height: 44px !important; pointer-events: auto !important; text-decoration: none;
}
html body .trp-language-switcher.trp-floating-switcher.v-open .trp-switcher-dropdown-list[hidden] { display: flex !important; }
}
/* Footer: no separator lines */
html body .fusion-footer-copyright-area,
html body .fusion-footer-copyright-area > .fusion-row,
html body .fusion-footer-widget-area .fusion-column-last,
html body .fusion-footer-copyright-area .fusion-social-network-icon,
html body .fusion-footer-copyright-area .fusion-social-network-icon + .fusion-social-network-icon,
html body .fusion-footer-widget-area .fusion-column { border: 0 !important; }
/* iPad, start page: sections use the full gutter width, no extra air on the right */
@media (min-width: 769px) and (max-width: 1024px) {
body.home .fusion-fullwidth.fusion-builder-row-7 { padding-left: 32px !important; padding-right: 32px !important; margin-right: 0 !important; }
body.home .fusion-fullwidth.fusion-builder-row-7 > .fusion-builder-row,
body.home .fusion-builder-row-7 .fusion-row,
body.home .fusion-builder-row-7 .fusion-layout-column,
body.home .fusion-builder-row-7 .fusion-column-wrapper { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home .fusion-builder-row-7 .env-grid { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body.home #worldwide > .ww-grid { padding-left: 32px !important; padding-right: 32px !important; }
body.home .rh-hist { padding-left: 32px !important; padding-right: 32px !important; }
body.home .cf { padding-left: 32px !important; padding-right: 32px !important; }
body.home .cf-inner { max-width: none !important; }
}
/* iPad: footer contact information aligned left, less space after About us */
@media (min-width: 769px) and (max-width: 1024px) {
.fusion-footer-widget-area .fusion-column { margin: 0 !important; padding: 0 !important; }
.fusion-footer-widget-area .fusion-column.fusion-column-last { margin-top: 0 !important; padding-top: 0 !important; padding-left: 0 !important; }
.fusion-footer-widget-area .fusion-column:not(.fusion-column-last) { margin-bottom: 0 !important; }
body .fusion-footer-widget-area .fusion-columns { gap: 8px !important; row-gap: 8px !important; column-gap: 8px !important; }
body .fusion-footer-widget-area .fusion-column, body .fusion-footer-widget-area .fusion-column:first-child, body .fusion-footer-widget-area .fusion-column:last-child { flex: 1 1 100% !important; min-height: 0 !important; }
.fusion-footer-widget-area .fusion-column > section { margin: 0 !important; padding-left: 0 !important; }
}
/* iPad: history timeline as one clean column (year | line | text) */
@media (min-width: 769px) and (max-width: 1024px) {
body.home #history .rh-hist { display: block !important; width: auto !important; padding: 56px 32px 64px !important; }
body.home #history .rh-hist .rh-intro,
body.home #history .rh-hist .rh-main { padding: 0 !important; }
body.home #history .rh-hist .rh-intro { position: static !important; margin-bottom: 36px !important; }
body.home #history .rh-list { border-left: 0 !important; margin-left: 0 !important; }
body.home #history .rh-item { display: grid !important; grid-template-columns: 72px 1fr !important; column-gap: 24px !important; padding: 0 !important; position: static !important; }
body.home #history .rh-item::before { display: none !important; }
body.home #history .rh-year { margin-bottom: 0 !important; }
body.home #history .rh-body { position: relative; border-left: 1px solid #cfe5e0 !important; padding: 0 0 40px 24px !important; }
body.home #history .rh-item:last-child .rh-body { padding-bottom: 0 !important; }
body.home #history .rh-body::before { display: block !important; }
}
/* iPad: a bit more space between About us and Contact, less before the copyright row */
@media (min-width: 769px) and (max-width: 1024px) {
body .fusion-footer-widget-area .fusion-columns { gap: 16px !important; row-gap: 16px !important; column-gap: 16px !important; }
body .fusion-footer-widget-area { padding-bottom: 8px !important; }
}
/* Footer: separator line between contact and copyright restored */
html body .fusion-footer-copyright-area > .fusion-row { border-top: 1px solid rgba(255,255,255,.4) !important; }
/* iPad (769-1024px): product cards equal size - no scale animation, just a slide up */
@media (max-width: 1024px) {
.pr-item.fx-reveal[data-fx="left"], .pr-item.fx-reveal[data-fx="right"], .pr-item.fx-reveal[data-fx="zoom"] { transform: translateY(40px); }
.pr-item.fx-reveal.fx-in { transform: none; }
body.home #products .pr-grid { align-items: stretch; grid-auto-rows: 1fr; }
body.home #products .pr-item { width: 100%; box-sizing: border-box; }
}
/* iPad: lower hero, less air, 48px buttons */
@media (min-width: 769px) and (max-width: 1024px) {
body.home .hx { min-height: 0 !important; padding-top: 32px !important; padding-bottom: 32px !important; padding-left: 0; padding-right: 0; }
body.home .hx .hx-inner { gap: 32px; padding-left: 32px !important; padding-right: 32px !important; }
body.home .hx h1 { font-size: clamp(40px, 5.2vw, 52px); margin-bottom: 16px; }
body.home .hx p { margin-bottom: 24px; }
body.home .hx .hx-product img { height: 300px; }
body.home .hx .hx-row { margin-top: 12px; }
body.home .hx .hx-btn, body.home .hx a.v-link-btn { min-height: 48px; height: 48px; }
}
/* iPad: 32px side margin in Distributors and the contact form */
@media (min-width: 641px) and (max-width: 1024px) {
body.page-id-2 .dist-ww-grid, body.page-id-2 .dmap { padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box; width: 100%; }
body.page-id-2 .dmap .dm-viewport, body.page-id-2 .dmap .dm-bar { max-width: none !important; }
.cf, body.home .cf { padding-left: 32px !important; padding-right: 32px !important; }
.cf-inner, body.home .cf-inner { max-width: none !important; }
}
/* Product tables on tablet and phone: fewer line breaks.
Words are never split mid-word; cells are tighter and smaller; short cells (numbers, codes) stay on one line;
if the table is still wider than the card, it scrolls sideways inside .rm-table-scroll. */
@media (max-width: 1024px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll {
background:
linear-gradient(to right, #fff 30%, rgba(255,255,255,0)) left center / 24px 100% no-repeat local,
linear-gradient(to left, #fff 30%, rgba(255,255,255,0)) right center / 24px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%, rgba(7,52,61,.18), rgba(7,52,61,0)) left center / 10px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%, rgba(7,52,61,.18), rgba(7,52,61,0)) right center / 10px 100% no-repeat scroll;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll table { width: max-content !important; min-width: 100% !important; max-width: none !important; }
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td {
overflow-wrap: normal !important; word-break: normal !important; hyphens: none;
padding: 7px 12px 7px 0 !important; white-space: nowrap !important; font-size: 13px !important;
}
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th *,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td * { font-size: 13px !important; line-height: 1.4 !important; white-space: inherit !important; }
/* long descriptive cells may wrap, at spaces only, within a sensible width */
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td:last-child:not(:first-child) { white-space: normal !important; min-width: 180px; }
}
@media (max-width: 640px) {
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll th,
body:is(.page-id-3441, .page-id-2422, .page-id-3429) main .rm-card .rm-table-scroll td { padding-right: 10px !important; }
}
/* Products section: left-aligned heading and intro on tablet and phone */
@media (max-width: 1024px) {
.pr-head, body.home #products .pr-head { text-align: left !important; }
body.home #products .pr-title, body.home #products h2 { text-align: left !important; }
body.home #products .pr-head .pr-intro, .pr-intro { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
body.home #products h2::after { margin-left: 0 !important; margin-right: auto !important; }
}
@media (max-width: 1024px) {
body.home #products .pr-sep { margin-left: 0 !important; margin-right: auto !important; }
}
/* Cube System: page title with separator, logos below */
body.page-id-3429 .rm-page-head { width: 100%; text-align: left; margin: 0 0 8px; }
body.page-id-3429 .rm-page-title { margin: 0; padding: 0; font-weight: 600; font-size: clamp(32px, 4.5vw, 52px); line-height: 1.12; color: #005253; text-align: left; }
body.page-id-3429 .rm-page-sep { width: 56px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--r-teal-2), var(--r-sand)); margin: 12px 0 0; }
body.page-id-3429 .rm-logos { display: flex; flex-wrap: nowrap; align-items: center; gap: 40px; margin: 24px 0 4px; }
body.page-id-3429 .rm-logos img { display: block; height: auto; width: auto; max-width: 240px; max-height: 40px; flex: 0 1 auto; min-width: 0; }
@media (max-width: 480px) { body.page-id-3429 .rm-logos { gap: 20px; } body.page-id-3429 .rm-logos img { max-width: 44%; } }
body.page-id-3429 .rm-logos-sec { max-width: 1216px; margin: 0 auto; padding: 32px 150px 8px; box-sizing: border-box; }
body.page-id-3429 .rm-logos-sec .rm-logos { margin: 0; justify-content: flex-start; }
@media (max-width: 1024px) { body.page-id-3429 .rm-logos-sec { padding: 24px 35px 8px; } }
@media (max-width: 640px) { body.page-id-3429 .rm-logos-sec { padding: 20px 30px 8px; } }
body.page-id-3429 .post-content > .rm-logos-sec { order: -1; background: #fff; margin: 0 -30px; padding: 32px 180px 0; }
@media (max-width: 1024px) { body.page-id-3429 .post-content > .rm-logos-sec { padding: 24px 65px 0; } }
@media (max-width: 640px) { body.page-id-3429 .post-content > .rm-logos-sec { padding: 20px 60px 0; } }
body.page-id-3429 .post-content > .rm-logos-sec { max-width: none; }
body.page-id-3429 .rm-logos-sec .rm-logos { justify-content: center; }
/* Tap targets: footer contact links and social links reach 44px on touch screens */
@media (max-width: 1024px) {
#contact .textwidget a { display: inline; padding: 14px 0; }
.fusion-logo a.fusion-logo-link { min-height: 44px; display: flex; align-items: center; }
.fusion-footer-copyright-area .fusion-social-network-icon { min-height: 44px; align-items: center; }
}
/* Footer contact lines: wrapped text hangs beside the icon (never under it), breaks only between words */
#contact #text-21 .textwidget .ft-line { display: block; padding-left: 30px; text-indent: -30px; }
#contact #text-21 .textwidget p { padding-left: 0; text-indent: 0; overflow-wrap: normal; word-break: normal; hyphens: none; }
#contact #text-21 .textwidget .fa-ico { text-indent: 0; vertical-align: baseline; }