* {
    box-sizing: border-box;
}
body {
    margin: 0;
    color: #172b3b;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
}
a {
    color: inherit;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
button,
a {
    touch-action: manipulation;
}
button {
    font: inherit;
    cursor: pointer;
}
a:focus-visible,
button:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 5px;
}
.skip {
    position: absolute;
    left: -10000px;
}
.skip:focus {
    left: 16px;
    top: 8px;
    z-index: 5;
    background: white;
    padding: 10px;
}
.shell {
    max-width: 1600px;
    margin: auto;
}
header {
    padding: 28px 5%;
    border-bottom: 1px solid #e1e7ed;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.brand {
    font-size: 1.5rem;
    font-weight: 800;
    text-decoration: none;
    align-self: flex-start;
}
.brand img {
    max-height: 80px;
    max-width: 240px;
    object-fit: contain;
}
.logo-center .brand {
    align-self: center;
}
.logo-right .brand {
    align-self: flex-end;
}
nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 12px 28px;
    flex-wrap: wrap;
}
nav a {
    text-decoration: none;
    font-weight: 600;
}
nav a:hover {
    text-decoration: underline;
    color: var(--brand);
}
nav li ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 0 0 16px;
    font-size: 0.88rem;
}
.section {
    padding: 64px 6%;
    overflow-wrap: anywhere;
}
.section h1 {
    font-size: clamp(2.2rem, 4.5vw, 4.5rem);
    line-height: 1.13;
    letter-spacing: -0.045em;
    margin: 0 0 24px;
}
.section h2 {
    font-size: clamp(1.7rem, 3vw, 2.7rem);
    line-height: 1.2;
    margin: 0 0 20px;
}
.section h3 {
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0 0 14px;
}
.section p {
    white-space: normal;
    max-width: 75ch;
    color: #496072;
}
.section.hero,
.section.imageText {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 48px;
}
.section.hero {
    background: #f2f6fa;
    min-height: 420px;
}
.section.hero:not(:has(> img)) {
    grid-template-columns: 1fr;
}
.section.imageText > img,
.section.hero > img {
    width: 100%;
    max-height: 550px;
    object-fit: contain;
    border-radius: 18px;
}
.section.align-right > img {
    order: -1;
}
.section.align-center {
    text-align: center;
}
.section.align-center p {
    margin-left: auto;
    margin-right: auto;
}
.section.image img {
    max-height: 750px;
    margin: auto;
    object-fit: contain;
}
.button {
    display: inline-block;
    padding: 13px 24px;
    border-radius: 8px;
    background: var(--brand);
    color: white;
    text-decoration: none;
    font-weight: 700;
    margin-top: 15px;
}
.callout {
    background: var(--brand);
    color: white;
}
.callout p {
    color: inherit;
}
.callout .button {
    background: white;
    color: #172b3b;
}
.contact {
    background: #f2f6fa;
}
.gallery .slides {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 24px;
}
.slide img {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    background: #f4f6f8;
    border-radius: 12px;
}
.slide .copy {
    padding: 24px 0;
}
.slider .slide[hidden] {
    display: none;
}
.slider-controls {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.slider-controls button {
    border: 1px solid #ccd7df;
    border-radius: 8px;
    padding: 8px 15px;
    background: white;
    color: #172b3b;
}
.page-title {
    padding: 30px 6% 0;
    font-size: 2.5rem;
}
footer {
    padding: 32px 6%;
    border-top: 1px solid #e1e7ed;
    color: #496072;
    overflow-wrap: anywhere;
}
.template-minimal {
    font-family: Georgia, serif;
}
.template-minimal .section {
    padding-top: 48px;
    padding-bottom: 48px;
}
.template-minimal .hero {
    background: white;
}
.template-minimal .button {
    border-radius: 0;
}
.template-showcase {
    background: #101c2b;
    color: #edf4ff;
}
.template-showcase header,
.template-showcase footer {
    border-color: #2b3b50;
}
.template-showcase .hero,
.template-showcase .contact {
    background: #1b2b40;
}
.template-showcase p,
.template-showcase footer {
    color: #b9cadd;
}
.template-showcase .section img {
    border-radius: 0;
}
.menu-left .shell,
.menu-right .shell {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}
.menu-right .shell {
    grid-template-columns: minmax(0, 1fr) 250px;
}
.menu-left header,
.menu-right header {
    grid-row: 1 / 3;
    padding: 32px 24px;
    border-right: 1px solid #e1e7ed;
    border-bottom: 0;
    align-self: start;
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow: auto;
}
.menu-right header {
    grid-column: 2;
    border-left: 1px solid #e1e7ed;
    border-right: 0;
}
.menu-left nav ul,
.menu-right nav ul {
    flex-direction: column;
}
.menu-left main,
.menu-left footer {
    grid-column: 2;
}
.menu-right main,
.menu-right footer {
    grid-column: 1;
}
.menu-left .brand img,
.menu-right .brand img {
    max-width: 195px;
}
.menu-left .hero,
.menu-right .hero {
    gap: 24px;
}
.template-showcase .brand {
    color: white;
}
@media (max-width: 760px) {
    .menu-left .shell,
    .menu-right .shell {
        display: block;
    }
    .menu-left header,
    .menu-right header {
        position: static;
        max-height: none;
        border: 0;
        border-bottom: 1px solid #ddd;
    }
    .menu-left nav > ul,
    .menu-right nav > ul {
        flex-direction: row;
    }
    .section {
        padding: 38px 6%;
    }
    .section.hero,
    .section.imageText {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .section.hero {
        min-height: unset;
    }
    .section.align-right > img {
        order: 0;
    }
    .brand img {
        max-height: 64px;
    }
    .gallery .slides {
        grid-template-columns: 1fr;
    }
    .page-title {
        font-size: 2rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    * {
        scroll-behavior: auto;
    }
}

.languages{display:flex;gap:8px;align-items:center}.languages a{font-size:.8rem;padding:5px 9px;border:1px solid #dce5e5;border-radius:5px}.languages a[aria-current]{background:var(--brand);color:#fff}
.template-ecology{background:#fbfcfa;color:#183b41;font-family:Arial,Helvetica,sans-serif}.template-ecology .shell{max-width:1760px}.template-ecology header{padding:22px 5%;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.template-ecology .brand img{max-height:70px;max-width:200px}.template-ecology nav>ul{justify-content:flex-end;gap:20px}.template-ecology nav a{font-size:.84rem}.template-ecology nav li{position:relative}.template-ecology nav li>ul{position:absolute;display:none;top:100%;left:0;min-width:225px;background:#fff;padding:16px;box-shadow:0 12px 30px #173d4324;z-index:20;border-radius:8px}.template-ecology nav li:hover>ul,.template-ecology nav li:focus-within>ul{display:flex}.template-ecology .section{padding:70px 6%}.template-ecology .hero{background:#eef3ed;grid-template-columns:1.08fr 1fr;gap:5%;min-height:530px}.template-ecology .hero h1{font-size:clamp(2.3rem,4.2vw,4.9rem);letter-spacing:-.055em;color:#16416a}.template-ecology .hero p{font-size:1.09rem;line-height:1.85}.template-ecology .hero>img{height:440px;object-fit:cover;border-radius:4px 70px 4px 4px}.template-ecology .imageText>img{max-height:420px;border-radius:8px}.template-ecology .button{border-radius:4px;font-size:.88rem;letter-spacing:.02em}.template-ecology .section h2{color:#16416a;font-size:clamp(1.7rem,2.7vw,2.8rem)}.template-ecology .gallery{background:#f0f4f2}.template-ecology .gallery .slides{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px}.template-ecology .gallery .slide{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #173d4307}.template-ecology .slide img{height:220px;object-fit:contain;background:#fff;border-radius:0;padding:12px}.template-ecology .slide .copy{padding:26px}.template-ecology .slide h3{font-size:1.25rem;color:#184566}.template-ecology .slide p{font-size:.93rem;line-height:1.65}.template-ecology .slide .button{background:transparent;color:var(--brand);padding:0;border-radius:0}.template-ecology .callout{background:#173f59;color:white}.template-ecology .callout h2{color:white}.template-ecology .contact{background:#ecf2ef}.template-ecology footer{background:#0c2e41;color:#d9e7ed;padding:38px 6%;font-size:.9rem}.template-ecology.logo-center .brand{justify-self:center}.template-ecology.logo-right .brand{justify-self:end}.template-ecology.menu-left header,.template-ecology.menu-right header{display:flex;gap:20px}.template-ecology.menu-left nav li>ul,.template-ecology.menu-right nav li>ul{position:static;display:flex;box-shadow:none;min-width:0}
@media(max-width:1100px){.template-ecology header{grid-template-columns:1fr auto}.template-ecology header>nav:not(.languages){grid-row:2;grid-column:1/-1}.template-ecology nav>ul{justify-content:flex-start}.template-ecology .hero>img{height:360px}}
@media(max-width:760px){.template-ecology header{padding:18px 6%;gap:16px}.template-ecology .brand img{max-height:56px}.template-ecology nav>ul{gap:14px 18px}.template-ecology nav li>ul{position:static;display:flex;box-shadow:none;background:transparent;padding:8px 0 0 12px;min-width:0}.template-ecology .hero{grid-template-columns:1fr;min-height:0}.template-ecology .section{padding:42px 6%}.template-ecology .hero>img{height:280px}.template-ecology .gallery .slides{grid-template-columns:1fr}.template-ecology .hero h1{font-size:2.8rem}}
.template-ecology .hero.align-center>img{object-fit:contain;background:#fff;border-radius:12px;padding:24px}

.menu-toggle{display:none}@media(max-width:760px){.template-ecology .menu-toggle{display:block;justify-self:end;border:1px solid #c8d9d4;background:white;padding:7px 12px;border-radius:5px;font-size:.85rem;color:#16416a;grid-row:2;grid-column:2}.template-ecology header>nav:not(.languages){grid-row:3}.template-ecology header:has(.menu-toggle[data-ready])>nav:not(.languages){display:none}.template-ecology header[data-menu-open=true]:has(.menu-toggle[data-ready])>nav:not(.languages){display:block}.template-ecology .languages{grid-row:1;grid-column:2}.template-ecology .hero{padding-top:32px}}

/* Measured reference composition; other templates and ERP styles remain untouched. */
.template-envirotek { margin: 0; color: #5c5c5c; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; }
.template-envirotek .container { width: 100%; padding: 0 15px; margin: 0 auto; }
.template-envirotek a { text-decoration: none; }
.template-envirotek a:hover { color: #1c466d; }
.template-envirotek .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.template-envirotek .reference-header { display: block; padding: 0; border: 0; }
.template-envirotek .top-bar { height: 42px; border-bottom: 1px solid #ddd; }
.template-envirotek .top-bar > .container { display: flex; align-items: center; min-height: 36px; gap: 8px; position: relative; }
.template-envirotek .languages { display: flex; gap: 8px; flex-shrink: 0; }
.template-envirotek .languages a, .template-envirotek .languages a[aria-current] { border: 0; background: none; padding: 0; color: #6c6c6c; font-size: 12px; line-height: 36px; border-radius: 0; }
.template-envirotek #site-navigation { margin-left: auto; }
.template-envirotek #site-navigation > ul { gap: 14px; flex-wrap: nowrap; }
.template-envirotek #site-navigation a { font-size: 13px; font-weight: 700; line-height: 36px; color: #5c5c5c; text-transform: uppercase; white-space: nowrap; }
.template-envirotek nav li { position: relative; }
.template-envirotek #site-navigation li > ul { display: none; position: absolute; z-index: 5; top: 100%; left: 0; min-width: 220px; background: #fff; padding: 12px; }
.template-envirotek #site-navigation li:hover > ul, .template-envirotek #site-navigation li:focus-within > ul { display: flex; }
.template-envirotek svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.template-envirotek .search-toggle { border: 0; background: transparent; padding: 0 0 0 18px; color: #6c6c6c; display: flex; }
.template-envirotek .search-toggle svg { width: 18px; height: 18px; stroke-width: 2.5; }
.template-envirotek #header-search { position: absolute; right: 15px; top: 42px; z-index: 10; background: #fff; padding: 20px; }
.template-envirotek .masthead { height: 90px; border-bottom: 1px solid #ddd; }
.template-envirotek .masthead > .container { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.template-envirotek .brand { display: block; align-self: auto; }
.template-envirotek .brand img { height: 90px; width: auto; max-height: none; max-width: 240px; object-fit: contain; }
.template-envirotek .menu-toggle { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; margin-right: -10px; border: 0; background: transparent; color: #6c6c6c; }
.template-envirotek .drawer { position: fixed; z-index: 30; right: 0; top: 0; width: min(300px,85vw); height: 100dvh; background: #fff; padding: 0 30px 30px; overflow-y: auto; }
.template-envirotek .drawer > ul { display: flex; flex-direction: column; gap: 0; margin-top: 25px; }
.template-envirotek .drawer li a { display: block; padding: 10px 0; font-weight: 400; }
.template-envirotek .drawer-backdrop { position: fixed; inset: 0; background: #0005; z-index: 25; border: 0; }
.template-envirotek [hidden] { display: none !important; }
.template-envirotek .page-title { font-size: 36px; font-weight: 300; line-height: 54px; color: #1c1c1c; text-align: center; padding: 20px 0 51.5px; margin: 0; letter-spacing: 0; }
.template-envirotek main.container { padding-bottom: 11.5px; }
.template-envirotek.no-page-title main { padding-top: 23.5px; }
.template-envirotek.is-home .text { margin-top: 31.5px; }
.template-envirotek .section { padding: 0; margin: 0; overflow-wrap: break-word; }
.template-envirotek .section h2 { font-size: 24px; font-weight: 300; line-height: 36px; letter-spacing: 0; color: #1c1c1c; margin: 20px 0; }
.template-envirotek .section h3 { font-size: 18px; font-weight: 400; line-height: 27px; margin: 20px 0 10px; }
.template-envirotek p { color: inherit; max-width: none; margin: 0 0 11.5px; }
.template-envirotek .text, .template-envirotek .contact, .template-envirotek .callout { margin: 20px 0; background: transparent; color: inherit; }
.template-envirotek .text.align-center { text-align: left; }
.template-envirotek .text.align-center .copy p { margin-left: 0; margin-right: 0; }
.template-envirotek .image + .text { margin-top: 40px; }
.template-envirotek .text.align-right { text-align: left; }
.template-envirotek .text.align-right h2 { font-size: 18px; line-height: 27px; font-weight: 400; }
.template-envirotek .text-list { padding-left: 26px; }
.template-envirotek .image img { height: auto; max-height: none; width: auto; max-width: 100%; margin: 0 auto; border-radius: 0; }
.template-envirotek .hero, .template-envirotek .imageText { background: transparent; min-height: 0; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; margin: 20px 0; }
.template-envirotek .hero > img, .template-envirotek .imageText > img { max-height: none; border-radius: 0; object-fit: contain; }
.template-envirotek .button { padding: 0; border: 0; margin: 0; background: none; color: #1c466d; font-size: 14px; font-weight: 400; border-radius: 0; }
.template-envirotek .reference-slider { position: relative; max-width: 1110px; margin: 0 auto; overflow: hidden; }
.template-envirotek .reference-slider .slides { position: relative; height: 430px; min-height: 280px; }
.template-envirotek main:has(.reference-slider) { padding-bottom: 61.5px; }
.template-envirotek main:has(.reference-slider) .page-title { padding-bottom: 81.5px; }
.template-envirotek .reference-slider + .text { max-width: 1110px; margin-left: auto; margin-right: auto; }
.template-envirotek .reference-slider .slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.template-envirotek .reference-slider .slide.is-active { opacity: 1; visibility: visible; }
.template-envirotek .reference-slider .slide img { width: 100%; height: 100%; max-height: none; border-radius: 0; object-fit: cover; }
.template-envirotek .reference-slider .copy { padding: 0; }
.template-envirotek .carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; border: 0; width: 42px; height: 42px; padding: 10px; border-radius: 50%; background: #0006; color: #fff; }
.template-envirotek .carousel-arrow.prev { left: 12px; }
.template-envirotek .carousel-arrow.next { right: 12px; }
.template-envirotek .carousel-arrow svg { width: 22px; height: 22px; stroke-width: 3; }
.template-envirotek .carousel-pause:focus-visible { clip-path: none; width: auto; height: auto; top: 12px; left: 12px; z-index: 3; padding: 6px 12px; background: #fff; color: #333; }
.template-envirotek .accordion-panels { display: flex; width: 100%; aspect-ratio: 2.5; gap: 3px; overflow: hidden; }
.template-envirotek .accordion-panel { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; transition: flex-grow .7s ease-in-out; }
.template-envirotek .accordion-panel img { position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: none; transition: opacity .7s ease-in-out; }
.template-envirotek .panel-closed { opacity: 1; }
.template-envirotek .panel-open { opacity: 0; }
.template-envirotek .accordion-panel:hover, .template-envirotek .accordion-panel:focus-visible { flex-grow: 2.4; }
.template-envirotek .accordion-panels:has(.accordion-panel:nth-child(4)) .accordion-panel:hover, .template-envirotek .accordion-panels:has(.accordion-panel:nth-child(4)) .accordion-panel:focus-visible { flex-grow: 4.5; }
.template-envirotek .accordion-panel:hover .panel-closed, .template-envirotek .accordion-panel:focus-visible .panel-closed { opacity: 0; }
.template-envirotek .accordion-panel:hover .panel-open, .template-envirotek .accordion-panel:focus-visible .panel-open { opacity: 1; }
.template-envirotek .gallery .slides { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 30px; }
.template-envirotek .gallery .slide img { width: auto; height: auto; max-height: 350px; margin: auto; background: #fff; border-radius: 0; object-fit: contain; }
.template-envirotek main:has(.gallery) .page-title { padding-bottom: 20px; }
.template-envirotek[data-page="vectobac-12as"] .gallery .slides { align-items: end; }
.template-envirotek[data-page="vectobac-12as"] .gallery .slide:first-child img { width: 109px; height: 162px; }
.template-envirotek[data-page="vectobac-12as"] .gallery .slide:nth-child(2) img { width: 125px; height: 171px; }
.template-envirotek .catalog-tabs { display: flex; gap: 0; border-bottom: 1px solid #ddd; margin: 0 0 25px; flex-wrap: wrap; }
.template-envirotek .catalog-tabs a { padding: 12px 20px; border: 1px solid transparent; margin-bottom: -1px; }
.template-envirotek .catalog-tabs a[aria-current] { border-color: #ddd; border-bottom-color: #fff; color: #1c1c1c; }
.template-envirotek .catalog-group { margin: 20px 0; }
.template-envirotek .catalog-group ul { padding-left: 26px; }
.template-envirotek .catalog-group a { color: #1c466d; }
.template-envirotek .catalog-group h2 { font-size: 18px; font-weight: 400; }
.template-envirotek .catalog-group h3 { font-size: 14px; line-height: 24px; font-weight: 700; margin: 10px 0 0; }
.template-envirotek .catalog-group.is-tab-panel > h2 { display: none; }
.template-envirotek .catalog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; max-width: 1110px; margin: auto; }
.template-envirotek .catalog-grid .catalog-group { margin-top: 0; }
.template-envirotek .catalog-grid h2 { margin: 0 0 11.5px; font-size: 16px; line-height: 24px; color: #74a3c6; }
.template-envirotek .catalog-grid ul { list-style: none; padding: 0; margin: 0 0 11.5px; }
.template-envirotek .catalog-grid a { color: #74a3c6; }
.template-envirotek main:has(.catalog-grid) .page-title { font-weight: 700; padding: 70px 0 94px; }
.template-envirotek main:has(.catalog-grid) { padding-bottom: 61.5px; }
.template-envirotek .catalog-grid .catalog-group:nth-child(2) { margin-top: 24px; }
.template-envirotek .catalog-grid .catalog-group:nth-child(3) { margin-top: 48px; }
.template-envirotek footer { border: 0; padding: 40px 0; background: #fbfbfb; color: #6c6c6c; font-size: 14px; }
.template-envirotek footer > .container { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.template-envirotek footer nav { width: calc(25% - 15px); }
.template-envirotek footer nav > ul { display: flex; flex-direction: column; gap: 0; }
.template-envirotek footer nav li { border-bottom: 1px solid #ebebeb; }
.template-envirotek footer nav li a { display: block; padding: 8.5px 0; font-weight: 400; text-transform: uppercase; font-size: 13px; line-height: 22.75px; }
.template-envirotek footer nav li > ul { display: none; }
.template-envirotek .site-search { display: flex; width: 260px; max-width: 100%; height: 36px; }
.template-envirotek .site-search input { min-width: 0; width: 100%; border: 0; border-radius: 20px 0 0 20px; padding: 6px 15px; background: #f5f5f5; color: #5c5c5c; font: inherit; }
.template-envirotek .site-search button { border: 0; background: #fff; padding: 6px 12px; border-radius: 0 20px 20px 0; color: #6c6c6c; }
.template-envirotek .site-search svg { width: 16px; height: 16px; stroke-width: 2.5; }
.template-envirotek .location-map { display: block; width: 100%; height: 450px; border: 0; margin: 0 0 30px; }
.template-envirotek .search-results { margin: 25px 0; }
.template-envirotek .search-results a { color: #1c466d; }
.template-envirotek ::selection { color: #fff; background: #1c466d; }
@media (min-width: 768px) { .template-envirotek .container { width: 750px; } }
@media (min-width: 992px) { .template-envirotek .container { width: 970px; } .template-envirotek .text.align-center .copy { column-count: 2; column-gap: 30px; } }
@media (min-width: 1200px) { .template-envirotek .container { width: 1170px; } }
@media (max-width: 1199px) { .template-envirotek #site-navigation > ul { gap: 10px; } .template-envirotek #site-navigation a { font-size: 11px; } }
@media (max-width: 991px) { .template-envirotek #site-navigation { display: none; } .template-envirotek .search-toggle { margin-left: auto; } .template-envirotek .page-title { font-size: 30px; line-height: 45px; padding-bottom: 30px; } .template-envirotek .reference-slider .slides { min-height: 0; } }
@media (max-width: 767px) { .template-envirotek .hero, .template-envirotek .imageText { grid-template-columns: 1fr; } .template-envirotek footer > .container { flex-direction: column; } .template-envirotek footer nav { width: 100%; } .template-envirotek .brand img { height: 80px; } .template-envirotek .page-title { font-size: 26px; line-height: 39px; padding: 20px 0 30px; } .template-envirotek .catalog-tabs a { padding: 10px; } }
@media (prefers-reduced-motion: reduce) { .template-envirotek .accordion-panel, .template-envirotek .accordion-panel img, .template-envirotek .reference-slider .slide { transition: none; } }
@media (max-width: 767px) { .template-envirotek .catalog-grid { grid-template-columns: 1fr; } }

/* Local Envirotek design revision. Brand artwork and language choices retained. */
@font-face { font-family: "Envirotek Display"; src: url("texgyreadventor-regular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
:root { --brand: #245c7c; --ink: #202b2b; --link: #22668b; --muted: #68736f; --line: #e4e9e6; }
.template-envirotek.refined-site { color: var(--ink); font-family: "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.8; -webkit-font-smoothing: antialiased; }
.template-envirotek.refined-site .container { width: min(100%, 1200px); padding-left: 30px; padding-right: 30px; }
.template-envirotek.refined-site .top-bar { height: 46px; border-color: var(--line); background: #fcfdfc; }
.template-envirotek.refined-site .top-bar > .container { min-height: 46px; }
.template-envirotek.refined-site #site-navigation > ul { gap: 22px; }
.template-envirotek.refined-site #site-navigation a { font-size: 12.5px; font-weight: 400; text-transform: none; letter-spacing: .1px; line-height: 44px; color: #35443f; }
.template-envirotek.refined-site #site-navigation a:hover, .template-envirotek.refined-site #site-navigation a[aria-current] { color: var(--link); text-decoration: none; box-shadow: inset 0 -1px currentColor; }
.template-envirotek.refined-site .languages a { font-size: 11px; font-weight: 400; line-height: 44px; color: #65726a; }
.template-envirotek.refined-site .languages a[aria-current] { color: #243c30; }
.template-envirotek.refined-site .masthead { height: 92px; border-color: var(--line); }
.template-envirotek.refined-site .brand img { height: 82px; max-width: 220px; }
.template-envirotek.refined-site .search-toggle { padding-left: 10px; min-height: 36px; align-items: center; }
.template-envirotek.refined-site .search-toggle svg { stroke-width: 1.6; }
.template-envirotek.refined-site .menu-toggle { color: #4e6056; }
.template-envirotek.refined-site #header-search { top: 46px; box-shadow: 0 12px 24px #102b1810; border: 1px solid var(--line); }
.template-envirotek.refined-site main.container { padding-top: 0; padding-bottom: 72px; min-height: 55vh; }
.template-envirotek.refined-site main .page-title { color: #1e2e27; text-align: left; font-size: clamp(28px, 3vw, 40px); line-height: 1.25; letter-spacing: -.8px; font-weight: 400; padding: 48px 0 38px; margin: 0; }
.template-envirotek.refined-site main .page-title.page-title-centered { text-align: center; }
.template-envirotek.refined-site main > .sr-only { padding: 0; }
.template-envirotek.refined-site.is-home main { padding-top: 32px; }
.template-envirotek.refined-site .rich-content { color: #303936; }
.template-envirotek.refined-site .rich-content p { max-width: none; margin: 0 0 20px; }
.template-envirotek.refined-site .rich-content h2, .template-envirotek.refined-site .rich-content h3 { color: #202823; line-height: 1.45; font-weight: 600; letter-spacing: -.15px; margin: 32px 0 14px; }
.template-envirotek.refined-site .rich-content h2 { font-size: 21px; }
.template-envirotek.refined-site .rich-content h3 { font-size: 17px; }
.template-envirotek.refined-site .rich-content > h2:first-child, .template-envirotek.refined-site .rich-content > p:first-child { margin-top: 0; }
.template-envirotek.refined-site .rich-content strong { color: #1b241f; font-weight: 600; }
.template-envirotek.refined-site .rich-content ul, .template-envirotek.refined-site .rich-content ol { display: block; padding-left: 21px; margin: 12px 0 28px; }
.template-envirotek.refined-site .rich-content li { margin: 8px 0; padding-left: 4px; }
.template-envirotek.refined-site .rich-content a, .template-envirotek.refined-site main a { color: var(--link); }
.template-envirotek.refined-site main a:hover { text-decoration: underline; text-underline-offset: 3px; }
.template-envirotek.refined-site .rich-content .copy { column-count: 1; }
.template-envirotek.refined-site .reading-width { max-width: 880px; margin: 0 auto; }
.template-envirotek.refined-site main:has(> .reading-width) > .page-title { max-width: 880px; margin-left: auto; margin-right: auto; }
.template-envirotek.refined-site .specifications { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.65; margin: 28px 0; }
.template-envirotek.refined-site .specifications th, .template-envirotek.refined-site .specifications td { padding: 13px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.template-envirotek.refined-site .specifications th { width: 36%; padding-right: 22px; font-weight: 600; color: #242d27; }
.template-envirotek.refined-site .specifications td { color: #47544b; }
.template-envirotek.refined-site figure { margin: 0; }
.template-envirotek.refined-site figcaption { font-size: 12px; line-height: 1.6; color: #667269; padding-top: 12px; }
.template-envirotek.refined-site .product-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 70px; align-items: start; }
.template-envirotek.refined-site .product-layout.no-media { grid-template-columns: minmax(0, 880px); justify-content: center; }
.template-envirotek.refined-site .product-layout.no-media.align-with-title { justify-content: start; }
.template-envirotek.refined-site .product-media { display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 20px 0 28px; }
.template-envirotek.refined-site .product-media figure { width: 100%; display: flex; justify-content: center; }
.template-envirotek.refined-site .product-media img { width: auto; height: auto; max-width: 260px; max-height: 245px; object-fit: contain; }
.template-envirotek.refined-site .product-media figure + figure img { max-height: 190px; }
.template-envirotek.refined-site .field-gallery { display: flex; gap: 18px; align-items: start; justify-content: center; max-width: 1000px; margin: 36px auto; }
.template-envirotek.refined-site .field-gallery figure { flex: 1 1 0; min-width: 0; }
.template-envirotek.refined-site .field-gallery img { width: 100%; height: 300px; object-fit: cover; }
.template-envirotek.refined-site .field-gallery.foray-gallery { display: grid; grid-template-columns: minmax(0, 9fr) minmax(0, 16fr); width: 100%; max-width: 640px; gap: 16px; align-items: start; margin: 32px 0; }
.template-envirotek.refined-site .foray-gallery img { display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 9 / 16; object-fit: cover; }
.template-envirotek.refined-site .foray-gallery figure:nth-child(2) img { aspect-ratio: 1; object-position: center 30%; }
.template-envirotek.refined-site .foray-gallery figcaption { padding-top: 10px; font-size: 14px; line-height: 1.55; font-style: italic; color: #455570; }
.template-envirotek.refined-site .food-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 58px; align-items: start; }
.template-envirotek.refined-site .food-hero { margin-bottom: 30px; overflow: hidden; background: #f5f7f4; }
.template-envirotek.refined-site .food-hero img { display: block; width: 100%; height: auto; aspect-ratio: 2.05; object-fit: cover; }
.template-envirotek.refined-site .food-products { border-left: 1px solid var(--line); padding-left: 28px; }
.template-envirotek.refined-site .food-products > h2 { font-size: 19px; line-height: 1.5; color: #1e2e27; font-weight: 500; margin: -5px 0 27px; }
.template-envirotek.refined-site .food-product-group { display: flow-root; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.template-envirotek.refined-site .food-product-group h3 { margin: 0 0 8px; color: #202823; font-weight: 600; font-size: 13px; line-height: 1.6; }
.template-envirotek.refined-site .food-product-group ul { display: block; list-style: none; padding: 0; margin: 0; }
.template-envirotek.refined-site .food-product-group li { font-size: 13px; line-height: 1.7; padding: 4px 0; }
.template-envirotek.refined-site .food-product-group .category-thumb { float: right; width: 44px; height: 50px; object-fit: contain; margin: 0 0 6px 10px; }
.template-envirotek.refined-site .catalog-all { display: inline-block; font-size: 13px; line-height: 1.6; }
.template-envirotek.refined-site .catalog-intro { margin: -16px 0 34px; color: #667269; }
.template-envirotek.refined-site .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; gap: 40px 35px; }
.template-envirotek.refined-site .catalog-grid .catalog-group { margin: 0; }
.template-envirotek.refined-site .catalog-grid h2 { color: #202823; font-size: 17px; font-weight: 600; line-height: 1.5; margin: 0 0 17px; }
.template-envirotek.refined-site .catalog-grid h3 { color: #202823; }
.template-envirotek.refined-site .catalog-grid a { color: var(--link); }
.template-envirotek.refined-site[data-content-kind="product-catalog"] .catalog-grid li { border-bottom: 1px solid var(--line); }
.template-envirotek.refined-site[data-content-kind="product-catalog"] .catalog-grid a { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 16px; min-height: 78px; padding: 12px 0; font-size: 14px; line-height: 1.6; }
.template-envirotek.refined-site[data-content-kind="product-catalog"] .catalog-grid a img { width: 58px; height: 48px; object-fit: contain; grid-column: 1; grid-row: 1; }
.template-envirotek.refined-site[data-content-kind="product-catalog"] .catalog-grid a > span { grid-column: 2; grid-row: 1; }
.template-envirotek.refined-site .catalog-tabs { margin-bottom: 30px; }
.template-envirotek.refined-site .catalog-tabs a { font-weight: 400; }
.template-envirotek.refined-site .products-panels .accordion-panel::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #0b201845, transparent 85%); pointer-events: none; }
.template-envirotek.refined-site .accordion-panels { container-type: inline-size; }
.template-envirotek.refined-site.is-home .accordion-panels { gap: 0; }
.template-envirotek.refined-site.is-home .accordion-panel img { min-width: 100%; object-fit: cover; object-position: left center; }
.template-envirotek.refined-site .products-panels { gap: 0; }
.template-envirotek.refined-site .products-panels .accordion-panel img { min-width: 100%; object-fit: cover; object-position: left center; }
.template-envirotek.refined-site .products-panels .panel-title,
.template-envirotek.refined-site .localized-home-panel .panel-title { position: absolute; z-index: 2; top: 22.4%; left: 2.8cqw; color: #fff; font-family: "Envirotek Display", "Century Gothic", sans-serif; font-size: 2.7cqw; font-weight: 400; font-synthesis: none; line-height: 1.35; letter-spacing: -.06em; text-shadow: none; pointer-events: none; }
.template-envirotek.refined-site .panel-title span { display: block; white-space: nowrap; }
/* Match the cap height of the lettering embedded in the left-hand photo. */
.template-envirotek.refined-site .localized-home-panel .panel-title { --home-letter-cap: 2.64cqw; font-size: 0; line-height: 0; letter-spacing: normal; text-shadow: none; }
.template-envirotek.refined-site .localized-home-panel .panel-title svg { display: block; height: calc(var(--home-letter-cap) * 3.24); width: auto; max-width: none; overflow: visible; fill: #fff; stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; filter: drop-shadow(calc(var(--home-letter-cap) * .035) calc(var(--home-letter-cap) * .065) calc(var(--home-letter-cap) * .04) rgb(0 0 0 / 60%)); transition: height .7s ease-in-out; }
html[lang="en"] .template-envirotek.refined-site .localized-home-panel .panel-title { --home-letter-cap: 2.04cqw; }
.template-envirotek.refined-site.is-home .accordion-panels:has(.accordion-panel:first-child:is(:hover, :focus-visible)) .localized-home-panel .panel-title { --home-letter-cap: 1.774cqw; }
html[lang="en"] .template-envirotek.refined-site.is-home .accordion-panels:has(.accordion-panel:first-child:is(:hover, :focus-visible)) .localized-home-panel .panel-title { --home-letter-cap: 2.308cqw; }
@media (prefers-reduced-motion: reduce) { .template-envirotek.refined-site .localized-home-panel .panel-title svg { transition: none; } }
.template-envirotek.refined-site .catalog-group h2 { color: #202823; font-weight: 600; }
.template-envirotek.refined-site .consultancy-copy > .copy { margin-bottom: 35px; }
.template-envirotek.refined-site .consultancy-point { position: relative; padding-left: 19px; }
.template-envirotek.refined-site .consultancy-point::before { content: "•"; position: absolute; left: 0; color: #31493a; }
.template-envirotek.refined-site .search-page { max-width: 820px; min-height: 340px; }
.template-envirotek.refined-site .result-search { margin: 0 0 36px; }
.template-envirotek.refined-site .result-search label { display: block; color: #4f6055; font-size: 13px; margin-bottom: 10px; }
.template-envirotek.refined-site .result-search > div { display: flex; gap: 10px; }
.template-envirotek.refined-site .result-search input { width: 100%; min-width: 0; font: inherit; padding: 13px 16px; border: 1px solid #b9c7bd; border-radius: 3px; background: #fff; color: #202b24; }
.template-envirotek.refined-site .result-search button { padding: 12px 28px; border: 1px solid #285b41; background: #285b41; color: #fff; border-radius: 3px; font-size: 14px; }
.template-envirotek.refined-site #search-status { color: #617064; font-size: 14px; }
.template-envirotek.refined-site .search-result-list { list-style: none; padding: 0; margin: 20px 0; }
.template-envirotek.refined-site .search-result-list li { border-top: 1px solid var(--line); padding: 24px 0; }
.template-envirotek.refined-site .search-result-list h2 { margin: 0 0 8px; font-size: 21px; font-weight: 500; line-height: 1.4; }
.template-envirotek.refined-site .search-result-list p { margin: 0; font-size: 14px; line-height: 1.8; color: #59655d; }
.template-envirotek.refined-site footer { border-top: 1px solid var(--line); background: #f8faf8; padding: 38px 0 48px; }
.template-envirotek.refined-site footer nav { width: 240px; }
.template-envirotek.refined-site footer nav li a { text-transform: none; font-size: 13px; color: #44554a; font-weight: 400; }
.template-envirotek.refined-site .site-search input { border-radius: 3px 0 0 3px; background: #edf1ed; }
.template-envirotek.refined-site .site-search button { border-radius: 0 3px 3px 0; }
.template-envirotek.refined-site input:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
@media (max-width: 1100px) {
  .template-envirotek.refined-site #site-navigation > ul { gap: 13px; }
  .template-envirotek.refined-site #site-navigation a { font-size: 11.5px; }
  .template-envirotek.refined-site .food-layout { gap: 32px; grid-template-columns: minmax(0, 1fr) 270px; }
  .template-envirotek.refined-site .product-layout { gap: 40px; grid-template-columns: minmax(0, 1fr) 245px; }
}
@media (max-width: 800px) {
  .template-envirotek.refined-site .food-layout { grid-template-columns: 1fr; gap: 38px; }
  .template-envirotek.refined-site .food-products { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 30px; }
  .template-envirotek.refined-site .food-product-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 30px; }
  .template-envirotek.refined-site .food-product-group { margin: 0; }
  .template-envirotek.refined-site .catalog-all { margin-top: 24px; }
  .template-envirotek.refined-site .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .template-envirotek.refined-site .products-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); aspect-ratio: auto; }
  .template-envirotek.refined-site .products-panels .accordion-panel { aspect-ratio: 3 / 4; }
  .template-envirotek.refined-site .products-panels .panel-title { font-size: 4.6cqw; top: 22%; left: 4cqw; }
  .template-envirotek.refined-site { font-size: 14.5px; line-height: 1.8; }
  .template-envirotek.refined-site .container { padding-left: 22px; padding-right: 22px; }
  .template-envirotek.refined-site main .page-title { padding: 30px 0 26px; font-size: 29px; line-height: 1.3; letter-spacing: -.55px; }
  .template-envirotek.refined-site .masthead { height: 80px; }
  .template-envirotek.refined-site .brand img { height: 72px; max-width: 205px; }
  .template-envirotek.refined-site .product-layout { grid-template-columns: 1fr; gap: 25px; }
  .template-envirotek.refined-site .product-media { grid-row: 1; flex-direction: row; flex-wrap: wrap; gap: 14px; padding: 5px 0 20px; justify-content: center; }
  .template-envirotek.refined-site .product-media figure { width: auto; max-width: 46%; }
  .template-envirotek.refined-site .product-media figure:only-child { max-width: 100%; }
  .template-envirotek.refined-site .product-media img { max-height: 165px; max-width: 100%; }
  .template-envirotek.refined-site .product-media figure + figure img { max-height: 150px; }
  .template-envirotek.refined-site .rich-content h2 { font-size: 19px; }
  .template-envirotek.refined-site .field-gallery { flex-wrap: wrap; }
  .template-envirotek.refined-site .field-gallery:not(.foray-gallery) figure { flex-basis: 100%; }
  .template-envirotek.refined-site .field-gallery img { height: auto; max-height: 340px; }
  .template-envirotek.refined-site .field-gallery.foray-gallery { gap: 12px; }
  .template-envirotek.refined-site .foray-gallery img { height: auto; max-height: none; }
  .template-envirotek.refined-site .foray-gallery figcaption { font-size: 12px; }
  .template-envirotek.refined-site .food-hero { margin-bottom: 25px; }
  .template-envirotek.refined-site .food-product-groups, .template-envirotek.refined-site .catalog-grid { grid-template-columns: 1fr; }
  .template-envirotek.refined-site .food-product-group .category-thumb { width: 64px; height: 58px; }
  .template-envirotek.refined-site .food-product-group li { font-size: 14px; padding: 5px 0; }
  .template-envirotek.refined-site .result-search button { padding: 10px 20px; }
  .template-envirotek.refined-site .specifications th { width: 40%; padding-right: 15px; }
  .template-envirotek.refined-site main.container { padding-bottom: 45px; }
  .template-envirotek.refined-site footer nav { width: 100%; }
  .template-envirotek.refined-site .reference-slider .slides { height: 240px; }
}
