/*
 * Everklin Digital Transformation Layer
 * Purpose: unify the existing PHP website without changing routes, data,
 * backend workflows, header structure, mega-menu logic or product tabs.
 */
:root {
    --edt-ink: #102018;
    --edt-heading: #1d3824;
    --edt-text: #425147;
    --edt-muted: #657168;
    --edt-olive-950: #1f331f;
    --edt-olive-900: #2d4728;
    --edt-olive-800: #3d5a2b;
    --edt-olive-700: #5f7f30;
    --edt-olive-600: #6f8b2f;
    --edt-olive-500: #7e9d35;
    --edt-olive-400: #91ad4c;
    --edt-olive-300: #abc763;
    --edt-olive-200: #d8e6a7;
    --edt-olive-100: #eef5df;
    --edt-cream: #faf8f3;
    --edt-white: #ffffff;
    --edt-line: rgba(111, 139, 47, .2);
    --edt-line-strong: rgba(111, 139, 47, .38);
    --edt-water: #256f9f;
    --edt-steam: #c26b32;
    --edt-radius-sm: 12px;
    --edt-radius-md: 16px;
    --edt-radius-lg: 24px;
    --edt-radius-xl: 34px;
    --edt-shadow-sm: 0 10px 28px rgba(29, 56, 36, .07);
    --edt-shadow-md: 0 20px 58px rgba(29, 56, 36, .12);
    --edt-shadow-lg: 0 36px 100px rgba(29, 56, 36, .16);
    --edt-container: 1360px;
    --edt-section: clamp(60px, 7vw, 112px);
    --edt-section-compact: clamp(42px, 5vw, 76px);
    --edt-ease: cubic-bezier(.2, .75, .25, 1);
    --edt-fast: 180ms;
    --edt-med: 320ms;
}

html {
    scroll-padding-top: 118px;
}

body.everklin-transformed {
    color: var(--edt-ink);
    background:
        radial-gradient(circle at 12% 4%, rgba(216, 230, 167, .32), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, var(--edt-cream) 48%, #ffffff 100%);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.everklin-transformed,
body.everklin-transformed input,
body.everklin-transformed select,
body.everklin-transformed textarea,
body.everklin-transformed button {
    font-family: Inter, Manrope, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.everklin-transformed :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(126, 157, 53, .45);
    outline-offset: 3px;
}

body.everklin-transformed .container {
    width: min(100% - clamp(30px, 5vw, 72px), var(--edt-container));
}

body.everklin-transformed .skip-link {
    border-radius: 999px;
    background: var(--edt-olive-900);
    color: #fff;
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed .site-header {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    border-bottom: 1px solid rgba(111, 139, 47, .16);
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: none !important;
    backdrop-filter: blur(20px);
}

body.everklin-transformed .site-header.is-scrolled,
body.everklin-transformed .site-header.is-menu-open {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 16px 44px rgba(29, 56, 36, .08) !important;
}

body.everklin-transformed .site-header .header-main {
    min-height: 78px;
}

body.everklin-transformed .site-header .nav-list > .nav-item > a,
body.everklin-transformed .site-header .nav-link,
body.everklin-transformed .site-header .nav-trigger,
body.everklin-transformed .site-header .nav-arrow {
    min-height: 78px;
    color: var(--edt-heading) !important;
    text-shadow: none !important;
}

body.everklin-transformed .site-header .nav-item:hover > .nav-link,
body.everklin-transformed .site-header .nav-list > .nav-item > a:hover,
body.everklin-transformed .site-header .nav-arrow:hover,
body.everklin-transformed .site-header .nav-item:focus-within > .nav-link {
    color: var(--edt-olive-600) !important;
}

body.everklin-transformed .header-search,
body.everklin-transformed .header-cta {
    min-height: 44px;
}

body.everklin-transformed .header-cta {
    min-width: max-content;
    border-radius: 999px !important;
    background: var(--edt-olive-500) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(126, 157, 53, .18);
}

body.everklin-transformed .header-cta:hover {
    background: var(--edt-olive-700) !important;
}

body.everklin-transformed .site-header .mega-menu,
body.everklin-transformed .site-header .solenis-dropdown {
    border: 1px solid rgba(111, 139, 47, .16) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(90deg, #ffffff 0%, #ffffff 72%, #f3f8e8 100%) !important;
    box-shadow: 0 38px 120px rgba(29, 56, 36, .16) !important;
}

body.everklin-transformed .site-header .mega-item:hover,
body.everklin-transformed .site-header .mega-sub-item:hover,
body.everklin-transformed .site-header .mega-product-item:hover,
body.everklin-transformed .site-header .mega-item.is-active,
body.everklin-transformed .site-header .mega-sub-item.is-active {
    background: var(--edt-olive-100) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed .site-header .mega-link-icon,
body.everklin-transformed .site-header .mega-product-item::before {
    color: var(--edt-olive-600) !important;
}

body.everklin-transformed .site-header .mega-cta-panel,
body.everklin-transformed .site-header .mega-promo.solutions-promo-card {
    background:
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .16), transparent 30%),
        linear-gradient(145deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
}

body.everklin-transformed :where(
    .home-redesign,
    .anchor-page,
    .shared-solution-page,
    .mnc-category-page,
    .product-page,
    .industry-page,
    .resource-page,
    .enterprise-contact-page,
    .ek-prototype
) :where(h1, h2, h3, h4) {
    color: var(--edt-heading);
    letter-spacing: 0;
}

body.everklin-transformed :where(
    .home-redesign,
    .anchor-page,
    .shared-solution-page,
    .mnc-category-page,
    .product-page,
    .industry-page,
    .resource-page,
    .enterprise-contact-page,
    .ek-prototype
) :where(p, li) {
    color: var(--edt-text);
}

body.everklin-transformed :where(.inner-kicker, .page-kicker, .section-kicker, .anchor-eyebrow, .ek-eyebrow) {
    color: var(--edt-olive-600) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body.everklin-transformed :where(
    .anchor-hero,
    .solution-system-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .product-hero,
    .industries-index-hero,
    .sustainability-hero,
    .ek-hero
) {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 18%, rgba(171, 199, 99, .28), transparent 30%),
        radial-gradient(circle at 12% 86%, rgba(37, 111, 159, .1), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fbfcf6 46%, #e9f1d4 100%) !important;
}

body.everklin-transformed :where(
    .anchor-hero,
    .solution-system-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .product-hero,
    .industries-index-hero,
    .sustainability-hero,
    .ek-hero
)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(29, 56, 36, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 56, 36, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 76% 45%, #000 0 30%, transparent 70%);
}

body.everklin-transformed :where(
    .anchor-hero-grid,
    .solution-overview-grid,
    .mnc-category-hero-grid,
    .industry-page-hero-grid,
    .product-hero-grid,
    .ek-hero__grid
) {
    position: relative;
    z-index: 1;
}

body.everklin-transformed :where(
    .anchor-hero h1,
    .solution-system-hero h1,
    .mnc-category-hero h1,
    .industry-page-hero h1,
    .product-hero h1,
    .industries-index-hero h1,
    .sustainability-hero h1,
    .ek-hero-title
) {
    font-size: clamp(46px, 6.6vw, 96px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
}

body.everklin-transformed :where(
    .anchor-hero p,
    .solution-system-hero p,
    .mnc-category-hero p,
    .industry-page-hero p,
    .product-hero .product-subtitle,
    .ek-lead
) {
    font-size: clamp(16px, 1.35vw, 20px);
    line-height: 1.65;
}

body.everklin-transformed :where(
    .anchor-hero-media,
    .solution-hero-media,
    .mnc-category-visual-image,
    .industry-page-hero-media,
    .product-image-stage,
    .ek-hero__media,
    .ek-image-panel
) {
    overflow: hidden;
    border: 1px solid rgba(111, 139, 47, .18) !important;
    border-radius: var(--edt-radius-xl) !important;
    background: #fff !important;
    box-shadow: var(--edt-shadow-lg) !important;
}

body.everklin-transformed :where(
    .anchor-hero-media img,
    .solution-category-card img,
    .solution-industry-card img,
    .mnc-category-visual-image img,
    .mnc-product-card img,
    .industry-page-hero-media img,
    .product-image-stage img,
    .ek-hero__media img
) {
    filter: saturate(1.04) contrast(1.03);
}

body.everklin-transformed :where(
    .anchor-section,
    .solution-section,
    .mnc-category-section,
    .product-section,
    .product-extra-section,
    .industry-section,
    .resource-library-section,
    .ek-section
) {
    padding-block: var(--edt-section-compact);
    scroll-margin-top: 118px;
}

body.everklin-transformed :where(.solution-section-head, .mnc-section-head, .industry-section-heading, .inner-section-head, .enterprise-section-head) {
    max-width: 820px;
    margin-bottom: clamp(24px, 3vw, 42px);
}

body.everklin-transformed :where(.solution-section-head h2, .mnc-section-head h2, .industry-section-heading h2, .inner-section-head h2, .anchor-section h2, .ek-h2) {
    font-size: clamp(30px, 3.7vw, 58px) !important;
    line-height: 1.04 !important;
}

body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
) {
    min-height: 48px;
    border-radius: 999px !important;
    font-weight: 850 !important;
    transition: transform var(--edt-fast) var(--edt-ease), background var(--edt-fast) ease, border-color var(--edt-fast) ease, box-shadow var(--edt-fast) ease;
}

body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
):hover,
body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
):focus-visible {
    transform: translateY(-2px);
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed :where(.page-button, .catalog-button, .request-submit, .resource-action, .ek-button) {
    background: var(--edt-olive-500) !important;
    border-color: var(--edt-olive-500) !important;
    color: #fff !important;
}

body.everklin-transformed :where(.page-button:hover, .catalog-button:hover, .request-submit:hover, .resource-action:hover, .ek-button:hover) {
    background: var(--edt-olive-700) !important;
    border-color: var(--edt-olive-700) !important;
}

body.everklin-transformed :where(.page-button-secondary, .page-button-light, .moving-hero-button-secondary, .ek-button--secondary) {
    background: rgba(255, 255, 255, .86) !important;
    border-color: rgba(111, 139, 47, .34) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed :where(
    .anchor-card,
    .solution-category-card,
    .solution-product-card,
    .solution-industry-card,
    .solution-why-grid article,
    .mnc-category-feature-card,
    .mnc-product-card,
    .mnc-offering-card,
    .mnc-application-card,
    .mnc-related-category-card,
    .product-info-card,
    .application-icon-grid article,
    .product-overview-card,
    .product-packaging-card,
    .related-product-card,
    .product-icon-card-grid article,
    .product-icon-card-grid a,
    .industry-challenge-grid article,
    .industry-solution-grid a,
    .industry-category-list a,
    .industry-benefit-grid article,
    .industry-related-grid a,
    .resource-card,
    .enterprise-download-card,
    .enterprise-directory-item,
    .ek-card,
    .ek-panel,
    .ek-resource-card
) {
    border: 1px solid var(--edt-line) !important;
    border-radius: var(--edt-radius-lg) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: var(--edt-shadow-sm) !important;
    transition: transform var(--edt-fast) var(--edt-ease), border-color var(--edt-fast) ease, box-shadow var(--edt-fast) ease;
}

body.everklin-transformed :where(
    .anchor-card,
    .solution-category-card,
    .solution-product-card,
    .solution-industry-card,
    .mnc-category-feature-card,
    .mnc-product-card,
    .mnc-offering-card,
    .mnc-application-card,
    .mnc-related-category-card,
    .product-info-card,
    .application-icon-grid article,
    .product-packaging-card,
    .related-product-card,
    .industry-challenge-grid article,
    .industry-solution-grid a,
    .industry-category-list a,
    .industry-benefit-grid article,
    .industry-related-grid a,
    .resource-card,
    .enterprise-download-card,
    .enterprise-directory-item,
    .ek-card,
    .ek-resource-card
):hover {
    border-color: rgba(111, 139, 47, .58) !important;
    box-shadow: var(--edt-shadow-md) !important;
    transform: translateY(-4px);
}

body.everklin-transformed :where(.line-svg) {
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.everklin-transformed :where(
    .industry-card-icon,
    .enterprise-directory-icon,
    .mnc-category-feature-card > .line-svg,
    .mnc-application-card > .line-svg,
    .product-info-card > .line-svg,
    .application-icon-grid .line-svg,
    .ek-icon
) {
    display: inline-grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    background: var(--edt-olive-100);
    color: var(--edt-olive-600);
}

body.everklin-transformed :where(
    .solution-quick-nav,
    .mnc-category-quick-nav,
    .industry-local-nav,
    .enterprise-sticky-nav,
    .product-sticky-nav
) {
    position: sticky;
    top: 78px;
    z-index: 50;
    border-block: 1px solid rgba(111, 139, 47, .16);
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px);
}

body.everklin-transformed :where(
    .solution-quick-nav a,
    .mnc-category-quick-nav a,
    .industry-local-nav a,
    .enterprise-sticky-nav a,
    .product-sticky-nav button
) {
    min-height: 44px;
    border-radius: 999px;
    color: var(--edt-heading);
    font-weight: 820;
}

body.everklin-transformed :where(
    .solution-quick-nav a:hover,
    .mnc-category-quick-nav a:hover,
    .industry-local-nav a:hover,
    .enterprise-sticky-nav a:hover,
    .product-sticky-nav button:hover,
    .product-sticky-nav button.is-active
) {
    background: var(--edt-olive-100) !important;
    color: var(--edt-olive-700) !important;
}

body.everklin-transformed .product-sticky-nav button.is-active {
    background: var(--edt-olive-500) !important;
    color: #fff !important;
}

body.everklin-transformed .product-tab-content {
    background:
        radial-gradient(circle at 88% 8%, rgba(171, 199, 99, .12), transparent 26%),
        #fff;
}

body.everklin-transformed :where(.responsive-table table, .dilution-table table) {
    overflow: hidden;
    border: 1px solid var(--edt-line);
    border-radius: var(--edt-radius-md);
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed :where(.responsive-table th, .dilution-table th) {
    background: var(--edt-olive-100) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed :where(input, select, textarea) {
    border-color: rgba(111, 139, 47, .28) !important;
}

body.everklin-transformed :where(input:focus, select:focus, textarea:focus) {
    border-color: var(--edt-olive-500) !important;
    box-shadow: 0 0 0 4px rgba(126, 157, 53, .14) !important;
    outline: 0;
}

body.everklin-transformed :where(.anchor-final-cta, .solution-final-cta, .product-help-cta, .industry-support-section) {
    background:
        radial-gradient(circle at 12% 16%, rgba(255, 255, 255, .14), transparent 28%),
        linear-gradient(135deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
}

body.everklin-transformed :where(.anchor-final-card, .product-help-card, .industry-request-panel, .ek-cta) {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: var(--edt-radius-xl) !important;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .14), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.035)) !important;
    box-shadow: 0 28px 78px rgba(16, 32, 24, .18) !important;
}

body.everklin-transformed :where(.anchor-final-card h2, .anchor-final-card p, .product-help-card h2, .product-help-card p, .industry-request-panel h2, .industry-request-panel p, .ek-cta .ek-h2, .ek-cta .ek-lead) {
    color: #fff !important;
}

body.everklin-transformed .site-footer {
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, .1), transparent 28%),
        linear-gradient(135deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
    color: #fff !important;
}

body.everklin-transformed .site-footer::before {
    opacity: .08 !important;
}

body.everklin-transformed .site-footer :where(h2, h3, h4, p, a, li, address, strong) {
    color: rgba(255, 255, 255, .9) !important;
}

body.everklin-transformed .site-footer .footer-column .footer-column-title {
    color: #fff !important;
}

body.everklin-transformed .site-footer a:hover {
    color: var(--edt-olive-100) !important;
}

body.everklin-transformed [data-edt-reveal] {
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    body.everklin-transformed [data-edt-reveal] {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 520ms var(--edt-ease), transform 520ms var(--edt-ease);
    }

    body.everklin-transformed [data-edt-reveal].is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1180px) {
    body.everklin-transformed :where(
        .anchor-hero h1,
        .solution-system-hero h1,
        .mnc-category-hero h1,
        .industry-page-hero h1,
        .product-hero h1,
        .industries-index-hero h1,
        .sustainability-hero h1,
        .ek-hero-title
    ) {
        font-size: clamp(42px, 7vw, 76px) !important;
    }
}

@media (max-width: 991px) {
    body.everklin-transformed {
        overflow-x: hidden;
    }

    body.everklin-transformed :where(
        .anchor-hero,
        .solution-system-hero,
        .solution-hub-hero,
        .mnc-category-hero,
        .industry-page-hero,
        .product-hero,
        .resource-hero,
        .contact-hero
    ) {
        overflow: hidden;
    }

    body.everklin-transformed :where(img, svg, video, canvas) {
        max-width: 100%;
    }

    body.everklin-transformed .site-header .header-main {
        min-height: 70px;
    }

    body.everklin-transformed .site-header .mobile-drawer:not(.is-open):not(.active) {
        display: none !important;
        visibility: hidden !important;
        transform: none !important;
    }

    body.everklin-transformed .site-header .mobile-drawer.is-open,
    body.everklin-transformed .site-header .mobile-drawer.active {
        display: block !important;
    }

    body.everklin-transformed :where(
        .anchor-hero-grid,
        .mnc-category-hero-grid,
        .industry-page-hero-grid,
        .product-hero-grid,
        .solution-overview-grid
    ) {
        grid-template-columns: 1fr !important;
        min-width: 0;
    }

    body.everklin-transformed :where(
        .anchor-content,
        .anchor-section-grid,
        .industry-page-hero-copy,
        .industry-page-hero-media,
        .product-hero-copy,
        .product-hero-media,
        .resource-page,
        .contact-page
    ) {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    html {
        scroll-padding-top: 86px;
    }

    body.everklin-transformed .container {
        width: min(100% - 28px, var(--edt-container));
    }

    body.everklin-transformed :where(
        .anchor-hero h1,
        .solution-system-hero h1,
        .mnc-category-hero h1,
        .industry-page-hero h1,
        .product-hero h1,
        .industries-index-hero h1,
        .sustainability-hero h1,
        .ek-hero-title
    ) {
        font-size: clamp(38px, 13vw, 54px) !important;
    }

    body.everklin-transformed :where(.page-actions, .anchor-actions, .product-actions) {
        flex-direction: column;
    }

    body.everklin-transformed :where(.page-button, .catalog-button, .request-submit, .resource-action, .ek-button) {
        width: 100%;
    }

    body.everklin-transformed :where(.solution-quick-nav, .mnc-category-quick-nav, .industry-local-nav, .enterprise-sticky-nav, .product-sticky-nav) {
        top: 70px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.everklin-transformed *,
    body.everklin-transformed *::before,
    body.everklin-transformed *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}