/* Final responsive refinement for shared flagship catalogues, Water Treatment
   and the homepage shell. This stylesheet is deliberately last in the cascade. */
:root {
    --ek-r-ink: #26372b;
    --ek-r-copy: #526057;
    --ek-r-olive: #607a2c;
    --ek-r-leaf: #8aa63a;
    --ek-r-pale: #eef3dc;
    --ek-r-cream: #f8f7f0;
    --ek-r-line: #d8e1c8;
    --ek-r-white: #fff;
}

/* All three Solar portfolios must read as real packaged products, not category art. */
html body #main.fpp-page--solar
    :is(.fph-product-card, .fph-product-summary__visual) img[src*="/product-mockups/hero-packshots/"] {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    filter: drop-shadow(0 18px 18px rgb(38 55 43 / 14%));
}

/* Solar flagships: the image starts at the hero edge. Earlier global hero
   padding left empty bands above and below the image-led section. */
html body.everklin-transformed #main.fpp-page--solar .fpp-hero {
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--ek-r-cream) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero::before {
    display: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 640px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 28px max(28px, calc((100vw - 1320px) / 2)) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__copy {
    position: relative !important;
    z-index: 2;
    width: min(650px, 58vw) !important;
    min-height: 0 !important;
    max-width: 650px !important;
    padding: clamp(30px, 3vw, 46px) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media :is(picture, img) {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media img {
    object-fit: cover !important;
    object-position: var(--fpp-hero-position, center) !important;
    filter: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
    max-width: 15ch !important;
    font-size: clamp(42px, 4.5vw, 72px) !important;
    line-height: 1.02 !important;
}

/* Water Treatment: one premium, brand-aligned surface system on every renderer. */
body.route-water-treatment :is(.wsp-page, .wip-page, .fpp-page--water) {
    --wsp-deep: #334b2c;
    --wsp-olive: var(--ek-r-leaf);
    --wsp-ink: var(--ek-r-ink);
    --wsp-cream: var(--ek-r-cream);
    --wsp-line: var(--ek-r-line);
    --fpp-ink: var(--ek-r-ink);
    --fpp-olive: var(--ek-r-leaf);
    --fpp-pale: var(--ek-r-pale);
    --fpp-line: var(--ek-r-line);
    color: var(--ek-r-ink);
    background: var(--ek-r-white) !important;
}

body.route-water-treatment :is(.wsp-equation, .wip-risk) {
    background:
        radial-gradient(circle at 86% 18%, rgb(255 255 255 / 15%), transparent 28%),
        linear-gradient(130deg, #637d30 0%, #7f9939 58%, #93ac49 100%) !important;
}

body.route-water-treatment :is(.wsp-equation, .wip-risk) :is(h2, h3, p, span),
body.route-water-treatment :is(.wsp-inspector, .wip-inspector) :is(h3, p, strong, span) {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.route-water-treatment :is(.wsp-inspector, .wip-inspector) {
    border: 1px solid rgb(255 255 255 / 24%);
    background: linear-gradient(135deg, #526c29, #6f8a34) !important;
    box-shadow: 0 18px 38px rgb(51 75 44 / 16%);
}

body.route-water-treatment :is(.wsp-explorer, .wip-system, .wip-selection, .wsp-control):nth-of-type(even),
body.route-water-treatment :is(.wsp-architecture, .wip-technical-review) {
    background: linear-gradient(180deg, #f7f9ef, #eef3dc) !important;
}

body.route-water-treatment :is(.wsp-step, .wsp-architecture__item, .wip-family-tabs button, .wip-technical-review__grid > section) {
    border-color: var(--ek-r-line) !important;
    border-radius: 12px !important;
    background: rgb(255 255 255 / 94%) !important;
    box-shadow: 0 10px 28px rgb(38 55 43 / 6%);
}

body.route-water-treatment :is(.wsp-step, .wsp-architecture__item, .wip-family-tabs button):is(:hover, :focus-visible, .is-active, [aria-selected="true"]) {
    border-color: var(--ek-r-leaf) !important;
    box-shadow: 0 15px 34px rgb(38 55 43 / 12%);
}

body.route-water-treatment :is(.wsp-resources, .wip-resources) {
    color: #fff;
    background: linear-gradient(120deg, #607a2c 0%, #78943a 62%, #8aa63a 100%) !important;
}

body.route-water-treatment :is(.wsp-resources, .wip-resources) :is(h2, p, a, span) {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.route-water-treatment :is(.wsp-table-wrap, .fph-table-wrap, .ftw-assessment__matrix-wrap) {
    border: 1px solid var(--ek-r-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgb(38 55 43 / 7%);
}

body.route-water-treatment :is(.wsp-table-wrap, .fph-table-wrap, .ftw-assessment__matrix-wrap) thead th {
    color: #fff !important;
    background: var(--ek-r-olive) !important;
}

/* Shared catalogue: cleaner desktop hierarchy. */
.portfolio-catalogue {
    border-color: var(--ek-r-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 38px rgb(38 55 43 / 7%);
}

.portfolio-catalogue header {
    background: linear-gradient(135deg, #f7f9ef, #edf3dc) !important;
}

.portfolio-catalogue thead th {
    background: var(--ek-r-olive) !important;
}

.portfolio-catalogue tbody tr:is(:hover, :focus-within) > * {
    background: #f2f6e8 !important;
}

@media (max-width: 1024px) {
    /* Tablet is a two-column editorial layout, not compressed desktop. */
    body.route-water-treatment :is(.wsp-explorer, .wsp-architecture, .wsp-control, .wip-system, .wip-selection, .wip-technical-review) {
        padding-block: 64px !important;
    }

    body.route-water-treatment .wsp-architecture__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.route-water-treatment :is(.wsp-flow, .wip-flow) {
        margin-inline: -32px;
        padding-inline: 32px;
        scroll-padding-inline: 32px;
        scroll-snap-type: x proximity;
    }

    body.route-water-treatment :is(.wsp-step, .wip-flow .wsp-step) {
        scroll-snap-align: start;
    }
}

@media (max-width: 820px) {
    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
        display: flex !important;
        min-height: 0 !important;
        flex-direction: column;
        align-items: stretch !important;
        gap: 16px !important;
        padding: 16px 20px 0 !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__copy {
        width: 100% !important;
        max-width: none !important;
        padding: 26px 22px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
        position: relative !important;
        inset: auto !important;
        width: calc(100% + 40px) !important;
        height: clamp(220px, 36vw, 340px) !important;
        min-height: 0 !important;
        margin-inline: -20px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media::after {
        display: none !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
        max-width: 18ch !important;
        font-size: clamp(36px, 6vw, 54px) !important;
    }
}

@media (max-width: 767px) {
    /* Homepage hero: compact first screen with image, content and controls. */
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner {
        height: auto !important;
        min-height: 690px !important;
        max-height: none !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner {
        display: block !important;
        padding: 0 !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        display: flex !important;
        width: 100% !important;
        height: auto !important;
        min-height: 690px !important;
        justify-content: flex-start !important;
        padding: 88px 0 142px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__wash {
        background:
            linear-gradient(180deg, rgb(247 249 239 / 94%) 0%, rgb(247 249 239 / 86%) 52%, rgb(229 236 202 / 72%) 100%) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__slide > .corp-hero__background {
        object-position: var(--hero-position-mobile, center) !important;
        filter: saturate(.82) contrast(.98) brightness(1.02) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero h1 {
        max-width: 17ch !important;
        font-size: clamp(35px, 9.4vw, 42px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.035em !important;
        text-wrap: balance;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero [data-corp-hero-copy] {
        display: -webkit-box;
        max-width: 39ch !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__mobile-marks img {
        width: auto !important;
        height: 64px !important;
        max-width: 112px !important;
        margin-bottom: 12px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero .corp-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__panel-footer {
        position: absolute !important;
        right: 0 !important;
        bottom: 16px !important;
        left: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-color: rgb(96 122 44 / 32%) !important;
        background: rgb(255 255 255 / 86%) !important;
        box-shadow: 0 14px 30px rgb(38 55 43 / 12%) !important;
    }

    /* Choose-by-task stays short: swipe categories and products instead of a long stack. */
    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary) {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        margin-inline: -16px !important;
        padding: 4px 16px 14px !important;
        overflow-x: auto !important;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary)::-webkit-scrollbar {
        display: none;
    }

    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary) > button {
        flex: 0 0 min(78vw, 310px) !important;
        width: auto !important;
        min-height: 58px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 10px !important;
        scroll-snap-align: start;
        white-space: normal !important;
    }

    html body #main#main#main .fph-selector__title {
        min-height: 62px !important;
        padding: 14px 16px !important;
    }

    html body #main#main#main .fph-product-list.is-active {
        display: flex !important;
        gap: 10px !important;
        padding: 12px 16px 18px !important;
        overflow-x: auto !important;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    html body #main#main#main .fph-product-list.is-active::-webkit-scrollbar {
        display: none;
    }

    html body #main#main#main .fph-product-list.is-active .fph-product-card {
        flex: 0 0 min(84vw, 340px) !important;
        min-height: 96px !important;
        scroll-snap-align: start;
    }

    html body #main#main#main .fph-product-summary__top .fph-product-summary__visual {
        min-height: 300px !important;
        height: auto !important;
        padding: 16px !important;
    }

    html body #main#main#main .fph-product-summary__visual img {
        width: min(100%, 250px) !important;
        height: 250px !important;
        object-fit: contain !important;
    }

    html body #main#main#main .fph-technical-tabs__label {
        display: none !important;
    }

    html body #main#main#main .fph-technical-tabs button,
    html body #main#main#main .fph-technical-tabs button:nth-of-type(n) {
        flex: 0 0 164px !important;
        min-height: 58px !important;
    }

    /* Complete SKU portfolio becomes a readable set of product cards. */
    .portfolio-catalogue {
        margin: 28px 0 38px !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .portfolio-catalogue header {
        padding: 22px 18px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 14px !important;
    }

    .portfolio-catalogue__scroll {
        overflow: visible !important;
    }

    .portfolio-catalogue table,
    .portfolio-catalogue tbody,
    .portfolio-catalogue tr,
    .portfolio-catalogue th,
    .portfolio-catalogue td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .portfolio-catalogue thead,
    .portfolio-catalogue caption {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    .portfolio-catalogue tbody {
        display: grid !important;
        gap: 12px !important;
        padding-top: 12px;
    }

    .portfolio-catalogue tbody tr {
        padding: 18px !important;
        overflow: hidden;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 9px 24px rgb(38 55 43 / 6%);
    }

    .portfolio-catalogue tbody :is(th, td) {
        display: grid !important;
        grid-template-columns: minmax(104px, .38fr) minmax(0, .62fr) !important;
        gap: 12px !important;
        padding: 11px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e4e9da !important;
        background: #fff !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .portfolio-catalogue tbody :is(th, td)::before {
        content: attr(data-label);
        color: var(--ek-r-olive);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .045em;
        line-height: 1.45;
        text-transform: uppercase;
    }

    .portfolio-catalogue tbody th {
        display: block !important;
        padding-top: 0 !important;
    }

    .portfolio-catalogue tbody th::before {
        display: block;
        margin-bottom: 8px;
    }

    .portfolio-catalogue tbody th strong {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .portfolio-catalogue tbody td:last-child {
        display: block !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .portfolio-catalogue tbody td:last-child::before {
        display: none;
    }

    .portfolio-catalogue tbody td:last-child a {
        display: flex;
        min-height: 46px;
        align-items: center;
        justify-content: space-between;
        padding: 0 14px;
        border-radius: 7px;
        color: #fff !important;
        background: var(--ek-r-olive);
        text-decoration: none;
    }

    /* Usage/control tables use compact key/value cards on phones. */
    :is(.fph-table-wrap, .wsp-table-wrap) {
        overflow: visible !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) table,
    :is(.fph-table-wrap, .wsp-table-wrap) tbody,
    :is(.fph-table-wrap, .wsp-table-wrap) tr,
    :is(.fph-table-wrap, .wsp-table-wrap) :is(th, td) {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) thead {
        display: none !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody {
        display: grid !important;
        gap: 12px !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody tr {
        padding: 16px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        display: grid !important;
        grid-template-columns: 106px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 9px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e6eadf !important;
        background: #fff !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td)::before {
        content: attr(data-label);
        color: var(--ek-r-olive);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
        text-transform: uppercase;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td):last-child {
        border-bottom: 0 !important;
    }

    /* Mobile Water Treatment: shorter hero and swipeable technical navigation. */
    body.route-water-treatment :is(.wsp-hero, .wip-hero, .fpp-hero) {
        min-height: 560px !important;
        padding-block: 88px 36px !important;
    }

    body.route-water-treatment :is(.wsp-hero h1, .wip-hero h1, .fpp-hero h1) {
        font-size: clamp(36px, 9.5vw, 44px) !important;
        line-height: 1.04 !important;
    }

    body.route-water-treatment :is(.wsp-trust__grid, .wsp-gauges, .wsp-architecture__grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.route-water-treatment .wsp-trust span {
        min-width: 0;
        padding: 18px 14px !important;
    }

    body.route-water-treatment :is(.wsp-explorer, .wsp-architecture, .wsp-control, .wip-system, .wip-selection, .wip-technical-review) {
        padding-block: 50px !important;
    }

    body.route-water-treatment :is(.wsp-flow, .wip-flow) {
        margin-inline: -16px !important;
        padding-inline: 16px !important;
        scroll-padding-inline: 16px;
    }

    body.route-water-treatment :is(.wsp-step, .wip-flow .wsp-step) {
        flex-basis: min(76vw, 278px) !important;
        min-height: 156px !important;
    }

    body.route-water-treatment :is(.wsp-dose-tabs, .wip-family-tabs) {
        margin-inline: -16px;
        padding-inline: 16px;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
    }

    body.route-water-treatment :is(.wsp-dose-tabs, .wip-family-tabs) button {
        flex: 0 0 auto;
        min-height: 46px;
        scroll-snap-align: start;
    }

    /* Footer: compact disclosure rows and a stronger, shorter contact close. */
    #everklin-footer .footer-support {
        padding: 34px 0 !important;
        background: linear-gradient(135deg, #eef3dc, #f8f7f0) !important;
    }

    #everklin-footer .footer-support__inner {
        gap: 20px !important;
    }

    #everklin-footer .footer-support h2 {
        max-width: 14ch;
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    #everklin-footer .footer-support__primary {
        display: flex !important;
        width: 100% !important;
        align-items: center;
        justify-content: space-between;
    }

    #everklin-footer .footer-main {
        padding: 24px 0 12px !important;
    }

    #everklin-footer .footer-brand-column {
        margin-bottom: 8px !important;
        padding-bottom: 18px !important;
    }

    #everklin-footer .footer-team-link {
        width: 100% !important;
    }

    #everklin-footer .footer-disclosure {
        min-height: 56px !important;
    }

    #everklin-footer .footer-disclosure-links > a {
        min-height: 46px !important;
        border-top: 1px solid #e6eadf;
    }

    #everklin-footer .footer-connect {
        padding: 10px 0 22px !important;
    }

    #everklin-footer .footer-connect__grid {
        gap: 0 !important;
    }

    #everklin-footer .footer-connect__item,
    #everklin-footer .footer-connect__item + .footer-connect__item {
        padding: 18px 0 !important;
        border-top: 1px solid rgb(255 255 255 / 30%) !important;
    }

    #everklin-footer .footer-bottom {
        padding: 16px 0 calc(20px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 430px) {
    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
        padding: 12px 16px 0 !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
        width: calc(100% + 32px) !important;
        height: 225px !important;
        margin-inline: -16px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
        font-size: clamp(34px, 9vw, 40px) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 710px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        padding-top: 82px !important;
    }

    .portfolio-catalogue tbody :is(th, td),
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }
}

@media (max-width: 380px) {
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero h1 {
        font-size: 34px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero .corp-actions {
        grid-template-columns: 1fr !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 748px !important;
    }

    body.route-water-treatment :is(.wsp-trust__grid, .wsp-gauges, .wsp-architecture__grid) {
        grid-template-columns: 1fr !important;
    }

    .portfolio-catalogue tbody :is(th, td),
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        display: block !important;
    }

    .portfolio-catalogue tbody :is(th, td)::before,
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td)::before {
        display: block;
        margin-bottom: 5px;
    }
}

@media (max-width: 1179px) and (max-height: 600px) and (orientation: landscape) {
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 0 !important;
        height: auto !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        padding-block: 34px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__panel-footer {
        position: static !important;
        margin-top: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-catalogue *,
    body.route-water-treatment *,
    #main.corp-home .corp-hero * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}