:root {
            --blue: #0c8bd0;
            --blue-dark: #075c8e;
            --blue-ink: #063a5c;
            --orange: #f39a22;
            --orange-soft: #fff3df;
            --ink: #17212b;
            --muted: #647386;
            --soft: #f4f8fb;
            --line: #dce6ee;
            --white: #fff;
            --shadow: 0 26px 70px rgba(10, 45, 78, .14);
            --shadow-soft: 0 14px 36px rgba(10, 45, 78, .08);
            --radius: 28px;
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        #products,
        #rfq {
            scroll-margin-top: 92px
        }

        body {
            margin: 0;
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
            color: var(--ink);
            background: #fff;
            line-height: 1.55
        }

        a {
            color: inherit;
            text-decoration: none
        }

        img {
            max-width: 100%;
            display: block
        }

        .topbar {
            display: none
        }

        .nav-minimal {
            justify-content: flex-start
        }

        .brand {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex: 0 0 auto;
            width: 204px;
            min-width: 204px;
            max-width: 204px;
            height: 74px;
            overflow: visible
        }

        .brand-logo-img {
            display: block;
            width: 100%;
            height: auto;
            max-height: 56px;
            object-fit: contain;
            object-position: left center;
            border-radius: 0;
            background: transparent
        }

        .kemler-logo-text {
            display: none
        }

        .kemler-logo-text::before {
            display: none
        }

        .brand-tag {
            display: none
        }

        .mega-feature {
            background: linear-gradient(135deg, rgba(12, 139, 208, .1), rgba(243, 154, 34, .13));
            border-color: rgba(12, 139, 208, .2)
        }

        .solutions-menu .mega {
            width: min(560px, calc(100vw - 40px));
            left: 50%;
            padding: 22px
        }

        .solutions-menu .mega-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px
        }

        .solutions-menu .mega-card {
            min-height: 100%
        }

        .resources-menu .mega {
            width: min(760px, calc(100vw - 40px));
            padding: 22px
        }

        .resources-menu .mega-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px
        }

        .resources-menu .mega-card {
            min-height: 100%
        }

        .cta-small {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            padding: 0 15px;
            white-space: nowrap;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--orange), #ffc45e);
            color: #231504;
            font-weight: 950;
            font-size: 13px;
            box-shadow: 0 12px 28px rgba(243, 154, 34, .25)
        }

        .mobile-toggle {
            display: none
        }

        .hamb {
            display: none;
            width: 44px;
            height: 44px;
            border: 1px solid var(--line);
            border-radius: 14px;
            align-items: center;
            justify-content: center
        }

        .hamb span,
        .hamb span:before,
        .hamb span:after {
            content: "";
            display: block;
            width: 20px;
            height: 2px;
            background: var(--ink);
            position: relative
        }

        .hamb span:before {
            position: absolute;
            top: -7px
        }

        .hamb span:after {
            position: absolute;
            top: 7px
        }

        .hero {
            position: relative;
            overflow: hidden;
            background: radial-gradient(circle at 76% 16%, rgba(243, 154, 34, .26), transparent 26%), radial-gradient(circle at 10% 80%, rgba(12, 139, 208, .14), transparent 28%), linear-gradient(135deg, #f7fcff 0%, #edf8fd 46%, #fff8ec 100%);
            padding: 88px 0 76px
        }

        .hero:before {
            content: "";
            position: absolute;
            inset: auto -8% -18% 49%;
            height: 560px;
            background: linear-gradient(135deg, rgba(12, 139, 208, .12), rgba(255, 255, 255, .58));
            border-radius: 90px;
            transform: rotate(-10deg)
        }

        .hero-grid {
            position: relative;
            display: grid;
            grid-template-columns: 1.03fr .97fr;
            align-items: center;
            gap: 56px
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 8px 13px;
            border-radius: 999px;
            background: white;
            border: 1px solid rgba(12, 139, 208, .18);
            color: var(--blue-dark);
            font-weight: 950;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .11em
        }

        .eyebrow:before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--orange)
        }

        h1 {
            margin: 20px 0 18px;
            font-size: clamp(44px, 6vw, 74px);
            line-height: .98;
            letter-spacing: -.06em
        }

        .lead {
            font-size: 19px;
            color: #4d5f72;
            max-width: 670px;
            margin: 0 0 28px
        }

        .hero-actions {
            display: flex;
            gap: 14px;
            flex-wrap: wrap
        }

        .btn {
            border: 0;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 54px;
            padding: 0 24px;
            border-radius: 999px;
            font-weight: 950;
            font-size: 15px
        }

        .btn.primary {
            background: linear-gradient(135deg, var(--blue), #48b9ed);
            color: white;
            box-shadow: 0 18px 36px rgba(12, 139, 208, .24)
        }

        .btn.secondary {
            background: white;
            color: var(--ink);
            border: 1px solid var(--line)
        }

        .hero-proof {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 26px
        }

        .proof-pill {
            background: white;
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 9px 13px;
            font-size: 13px;
            font-weight: 850;
            color: #304154
        }

        .hero-card {
            position: relative;
            background: rgba(255, 255, 255, .76);
            border: 1px solid rgba(255, 255, 255, .9);
            border-radius: 36px;
            box-shadow: var(--shadow);
            padding: 22px;
            backdrop-filter: blur(14px)
        }

        .showroom {
            height: 440px;
            border-radius: 28px;
            background: linear-gradient(180deg, #fbfdff, #eaf2f7);
            position: relative;
            overflow: hidden
        }

        .showroom:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 88px;
            background: #dce9f2
        }

        .unit {
            position: absolute;
            left: 12%;
            right: 12%;
            bottom: 76px;
            height: 252px;
            border: 12px solid #244456;
            border-radius: 18px;
            background: linear-gradient(90deg, transparent 31%, #244456 31% 36%, transparent 36% 64%, #244456 64% 69%, transparent 69%)
        }

        .unit:before,
        .unit:after {
            content: "";
            position: absolute;
            left: -12px;
            right: -12px;
            height: 12px;
            background: #244456;
            border-radius: 999px
        }

        .unit:before {
            top: 72px
        }

        .unit:after {
            top: 156px
        }

        .box {
            position: absolute;
            border-radius: 14px;
            background: linear-gradient(135deg, var(--orange), #ffd27b);
            box-shadow: 0 16px 30px rgba(185, 110, 20, .22)
        }

        .box.one {
            width: 86px;
            height: 58px;
            left: 19%;
            bottom: 254px
        }

        .box.two {
            width: 118px;
            height: 68px;
            right: 18%;
            bottom: 170px;
            background: linear-gradient(135deg, #60b8e8, #cdeeff)
        }

        .hanger {
            position: absolute;
            width: 120px;
            height: 170px;
            right: 7%;
            bottom: 60px;
            border: 10px solid var(--blue-dark);
            border-bottom: 0;
            border-radius: 70px 70px 0 0
        }

        .hanger:after {
            content: "";
            position: absolute;
            left: 18px;
            right: 18px;
            top: 52px;
            height: 8px;
            border-radius: 999px;
            background: var(--orange)
        }

        .hero-stat {
            position: absolute;
            left: 22px;
            bottom: 22px;
            background: white;
            border: 1px solid var(--line);
            border-radius: 22px;
            padding: 16px 18px;
            box-shadow: 0 15px 40px rgba(18, 45, 70, .13)
        }

        .hero-stat strong {
            display: block;
            font-size: 25px;
            color: var(--blue)
        }

        .section {
            padding: 82px 0
        }

        .section.alt {
            background: var(--soft)
        }

        .section-head {
            display: flex;
            justify-content: space-between;
            align-items: end;
            gap: 30px;
            margin-bottom: 34px
        }

        .section-head h2 {
            margin: 0;
            font-size: clamp(32px, 4vw, 48px);
            line-height: 1.05;
            letter-spacing: -.04em
        }

        .section-head p {
            margin: 0;
            color: var(--muted);
            max-width: 560px
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px
        }

        .product-card {
            background: white;
            border: 1px solid var(--line);
            border-radius: 26px;
            overflow: hidden;
            box-shadow: var(--shadow-soft);
            transition: .25s ease
        }

        .product-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow)
        }

        .product-media {
            height: 178px;
            background: linear-gradient(135deg, rgba(12, 139, 208, .1), rgba(243, 154, 34, .13));
            position: relative
        }

        .product-media .badge {
            position: absolute;
            top: 14px;
            left: 14px;
            background: white;
            border: 1px solid var(--line);
            border-radius: 999px;
            padding: 6px 10px;
            font-size: 12px;
            font-weight: 900;
            color: var(--blue-dark)
        }

        .icon-shelf {
            position: absolute;
            inset: 42px 44px 28px;
            border: 7px solid var(--blue-dark);
            border-radius: 13px
        }

        .icon-shelf:before,
        .icon-shelf:after {
            content: "";
            position: absolute;
            left: -7px;
            right: -7px;
            height: 7px;
            background: var(--blue-dark)
        }

        .icon-shelf:before {
            top: 42%
        }

        .icon-shelf:after {
            top: 72%
        }

        .product-card:nth-child(2) .icon-shelf {
            inset: 25px 54px 22px
        }

        .product-card:nth-child(3) .icon-shelf {
            inset: 58px 36px 56px;
            border-color: var(--orange)
        }

        .product-card:nth-child(4) .icon-shelf {
            border: none;
            border-left: 8px solid var(--blue-dark);
            border-right: 8px solid var(--blue-dark);
            inset: 28px 68px
        }

        .product-card:nth-child(4) .icon-shelf:before {
            top: 10px
        }

        .product-body {
            padding: 22px
        }

        .product-body h3 {
            margin: 0 0 8px;
            font-size: 20px
        }

        .product-body p {
            margin: 0 0 14px;
            color: var(--muted);
            font-size: 14px
        }

        .specs {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin: 14px 0 16px
        }

        .specs span {
            font-size: 12px;
            font-weight: 850;
            color: #405166;
            background: #f3f7fa;
            border: 1px solid #e5edf3;
            border-radius: 999px;
            padding: 6px 9px
        }

        .text-link {
            font-weight: 950;
            color: var(--blue)
        }

        .why-grid {
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 22px;
            align-items: stretch
        }

        .why-main {
            padding: 34px;
            border-radius: var(--radius);
            background: linear-gradient(135deg, var(--blue-ink), var(--blue));
            color: white;
            box-shadow: var(--shadow)
        }

        .why-main h2 {
            font-size: 42px;
            line-height: 1.06;
            letter-spacing: -.04em;
            margin: 0 0 14px
        }

        .why-main p {
            color: rgba(255, 255, 255, .82);
            margin: 0 0 22px
        }

        .why-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .why-item {
            background: rgba(255, 255, 255, .11);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 18px;
            padding: 16px
        }

        .why-item strong {
            display: block;
            margin-bottom: 5px
        }

        .process {
            display: grid;
            gap: 12px
        }

        .step {
            background: white;
            border: 1px solid var(--line);
            border-radius: 20px;
            padding: 18px;
            box-shadow: var(--shadow-soft)
        }

        .step h3 {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 0 0 8px;
            line-height: 1.2
        }

        .step small {
            display: inline-grid;
            place-items: center;
            width: 28px;
            height: 28px;
            min-width: 28px;
            border-radius: 50%;
            background: var(--orange-soft);
            color: var(--orange);
            font-weight: 950;
            margin-right: 0
        }

        .scenario-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px
        }

        .scenario {
            min-height: 230px;
            border-radius: 26px;
            padding: 24px;
            color: white;
            position: relative;
            overflow: hidden;
            background: linear-gradient(135deg, #174661, #0c8bd0)
        }

        .scenario:nth-child(even) {
            background: linear-gradient(135deg, #7f4f11, #f39a22)
        }

        .scenario:after {
            content: "";
            position: absolute;
            width: 180px;
            height: 180px;
            border: 34px solid rgba(255, 255, 255, .13);
            border-radius: 50%;
            right: -38px;
            bottom: -44px
        }

        .scenario h3,
        .scenario p,
        .scenario a {
            position: relative
        }

        .scenario h3 {
            margin: 0 0 8px;
            font-size: 22px
        }

        .scenario p {
            margin: 0 0 18px;
            color: rgba(255, 255, 255, .88)
        }

        .scenario a {
            font-weight: 950
        }

        .seo-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px
        }

        .seo-card {
            background: white;
            border: 1px solid var(--line);
            border-radius: 22px;
            padding: 22px;
            box-shadow: var(--shadow-soft)
        }

        .seo-card h3 {
            margin: 0 0 8px
        }

        .seo-card p {
            color: var(--muted);
            margin: 0
        }

        .split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 26px
        }

        .panel {
            background: white;
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 30px;
            box-shadow: var(--shadow-soft)
        }

        .faq details {
            border-bottom: 1px solid var(--line);
            padding: 16px 0
        }

        .faq summary {
            cursor: pointer;
            font-weight: 950
        }

        .faq p {
            color: var(--muted);
            margin: 10px 0 0
        }

        .certs {
            display: flex;
            gap: 12px;
            flex-wrap: wrap
        }

        .cert {
            padding: 13px 16px;
            border: 1px solid var(--line);
            border-radius: 999px;
            background: white;
            font-weight: 850;
            color: #354457
        }

        .quote {
            font-size: 22px;
            line-height: 1.45;
            margin: 0 0 18px
        }

        .stars {
            color: var(--orange);
            letter-spacing: 3px
        }

        .partner-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 12px;
            margin-top: 18px
        }

        .partner {
            height: 70px;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #f7fafc;
            display: grid;
            place-items: center;
            color: #8793a1;
            font-weight: 950
        }

        .contact {
            background: linear-gradient(135deg, #08263a, #0b6fa6);
            color: white
        }

        .contact .section-head p {
            color: rgba(255, 255, 255, .76)
        }

        .contact .cert {
            background: rgba(255, 255, 255, .1);
            border-color: rgba(255, 255, 255, .22);
            color: white
        }

        .form-card {
            background: white;
            color: var(--ink);
            border-radius: 30px;
            padding: 28px;
            box-shadow: 0 28px 80px rgba(0, 0, 0, .2)
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px
        }

        .form-grid .full {
            grid-column: 1/-1
        }

        label {
            display: block;
            font-size: 12px;
            font-weight: 950;
            color: #4f5f70;
            text-transform: uppercase;
            letter-spacing: .08em;
            margin-bottom: 6px
        }

        input,
        select,
        textarea {
            width: 100%;
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 13px 14px;
            font: inherit;
            color: var(--ink);
            background: #fbfdfe
        }

        textarea {
            min-height: 118px;
            resize: vertical
        }

        .note {
            font-size: 12px;
            color: #748398;
            margin-top: 10px
        }

        .footer {
            background: #101820;
            color: #d9e4ec;
            padding: 36px 0
        }

        .footer .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px
        }

        .footer-logo {
            width: 180px;
            max-height: 58px;
            object-fit: contain;
            object-position: left center;
            background: transparent;
            border-radius: 0;
            padding: 0;
            margin-bottom: 10px
        }

        .footer-logo-text {
            display: none
        }

        .footer small {
            color: #91a3b3
        }

        .photo-card {
            position: relative;
            overflow: hidden;
            border-radius: 28px;
            min-height: 440px;
            box-shadow: var(--shadow);
            background: #dce9f2
        }

        .photo-card img {
            width: 100%;
            height: 100%;
            min-height: 440px;
            object-fit: cover
        }

        .photo-card:after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(6, 32, 50, .05), rgba(6, 32, 50, .52))
        }

        .photo-caption {
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: 22px;
            z-index: 2;
            background: rgba(255, 255, 255, .92);
            border: 1px solid rgba(255, 255, 255, .75);
            border-radius: 22px;
            padding: 16px 18px;
            box-shadow: 0 15px 40px rgba(18, 45, 70, .13)
        }

        .photo-caption strong {
            display: block;
            font-size: 25px;
            color: var(--blue)
        }

        .product-media img,
        .scenario img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        /* Product category photos should stay unobstructed. */
        .product-media:after {
            display: none
        }

        .product-media .badge {
            z-index: 2
        }

        .scenario {
            padding: 0;
            background: #12384f
        }

        .scenario img {
            position: absolute;
            inset: 0
        }

        .scenario:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(4, 22, 34, .18), rgba(4, 22, 34, .74));
            z-index: 1
        }

        .scenario:after {
            z-index: 1
        }

        .scenario-content {
            position: relative;
            z-index: 2;
            padding: 24px;
            min-height: 230px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end
        }

        .scenario:nth-child(even) {
            background: #7f4f11
        }

        .clean-hero-photo:after {
            background: linear-gradient(180deg, rgba(6, 32, 50, .02), rgba(6, 32, 50, .18))
        }

        .hero .lead {
            margin-bottom: 0
        }

        .hero-grid {
            align-items: center
        }

        .clean-hero-actions {
            margin-top: 26px
        }

        .clean-hero-actions .btn {
            min-width: 156px
        }

        .hero-carousel {
            background: linear-gradient(135deg, #ffffff, #eef7fc);
            border: 1px solid #dce6ee;
            display: block;
            min-height: 440px
        }

        .hero-carousel:after {
            display: none
        }

        .hero-carousel-track {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: 28px;
            background: #fff
        }

        .hero-carousel-slide {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            min-height: 440px;
            object-fit: contain;
            padding: 18px;
            background: linear-gradient(135deg, #fff, #f4fbff);
            opacity: 0;
            animation: heroCarouselFade 16s infinite ease-in-out
        }

        .hero-carousel-slide.slide-1 {
            animation-delay: 0s
        }

        .hero-carousel-slide.slide-2 {
            animation-delay: 4s
        }

        .hero-carousel-slide.slide-3 {
            animation-delay: 8s
        }

        .hero-carousel-slide.slide-4 {
            animation-delay: 12s
        }

        .hero-carousel-dots {
            position: absolute;
            left: 50%;
            bottom: 18px;
            transform: translateX(-50%);
            z-index: 3;
            display: flex;
            gap: 8px;
            padding: 8px 10px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .82);
            box-shadow: 0 8px 22px rgba(10, 45, 78, .12)
        }

        .hero-carousel-dots span {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #98b7cc;
            animation: heroDot 16s infinite
        }

        .hero-carousel-dots span:nth-child(2) {
            animation-delay: 4s
        }

        .hero-carousel-dots span:nth-child(3) {
            animation-delay: 8s
        }

        .hero-carousel-dots span:nth-child(4) {
            animation-delay: 12s
        }

        @keyframes heroCarouselFade {

            0%,
            23% {
                opacity: 1
            }

            25%,
            98% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        @keyframes heroDot {

            0%,
            23% {
                background: var(--blue)
            }

            25%,
            98% {
                background: #98b7cc
            }

            100% {
                background: var(--blue)
            }
        }

        .new-arrivals {
            position: relative;
            background: linear-gradient(180deg, #ffffff 0%, #f4f8fb 100%)
        }

        .new-arrivals:before {
            content: "";
            position: absolute;
            inset: 34px auto auto -90px;
            width: 260px;
            height: 260px;
            border-radius: 50%;
            background: rgba(12, 139, 208, .08)
        }

        .new-arrivals .container {
            position: relative
        }

        .arrival-kicker {
            display: flex;
            gap: 10px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 16px
        }

        .arrival-kicker span {
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 0 13px;
            border-radius: 999px;
            background: white;
            border: 1px solid var(--line);
            font-size: 12px;
            font-weight: 950;
            color: var(--blue-dark);
            box-shadow: 0 8px 22px rgba(10, 45, 78, .05)
        }

        .arrival-layout {
            display: grid;
            grid-template-columns: 1.08fr .92fr;
            gap: 22px;
            align-items: stretch
        }

        .arrival-feature {
            position: relative;
            min-height: 510px;
            border-radius: 34px;
            overflow: hidden;
            background: linear-gradient(135deg, #eef8fd, #fff8ec);
            box-shadow: var(--shadow);
            border: 1px solid rgba(12, 139, 208, .14)
        }

        .arrival-feature img {
            width: 100%;
            height: 100%;
            min-height: 510px;
            object-fit: contain;
            padding: 30px;
            background: linear-gradient(135deg, #fff, #eef7fc)
        }

        .arrival-feature-label {
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 24px;
            background: rgba(255, 255, 255, .93);
            border: 1px solid rgba(255, 255, 255, .78);
            border-radius: 24px;
            padding: 20px;
            box-shadow: 0 18px 40px rgba(10, 45, 78, .14)
        }

        .arrival-feature-label small {
            display: block;
            color: var(--orange);
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-bottom: 6px
        }

        .arrival-feature-label h3 {
            margin: 0 0 6px;
            font-size: 28px;
            line-height: 1.08
        }

        .arrival-feature-label p {
            margin: 0;
            color: var(--muted)
        }

        .arrival-cards {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px
        }

        .arrival-card {
            display: grid;
            grid-template-columns: 172px 1fr;
            gap: 18px;
            align-items: center;
            background: white;
            border: 1px solid var(--line);
            border-radius: 28px;
            padding: 14px;
            box-shadow: var(--shadow-soft);
            transition: .25s ease
        }

        .arrival-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow)
        }

        .arrival-thumb {
            height: 146px;
            border-radius: 22px;
            background: linear-gradient(135deg, #fff, #eef7fc);
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .arrival-thumb img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 10px
        }

        .arrival-card h3 {
            margin: 0 0 6px;
            font-size: 20px
        }

        .arrival-card p {
            margin: 0 0 11px;
            color: var(--muted);
            font-size: 14px
        }

        .arrival-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 7px
        }

        .arrival-tags span {
            font-size: 12px;
            font-weight: 850;
            color: #405166;
            background: #f3f7fa;
            border: 1px solid #e5edf3;
            border-radius: 999px;
            padding: 6px 9px
        }

        .arrival-footer {
            margin-top: 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
            padding: 20px 22px;
            border: 1px solid rgba(12, 139, 208, .15);
            border-radius: 24px;
            background: linear-gradient(135deg, rgba(12, 139, 208, .08), rgba(243, 154, 34, .1))
        }

        .arrival-footer p {
            margin: 0;
            color: #405166;
            font-weight: 750
        }

        .arrival-footer .btn {
            min-height: 46px;
            padding: 0 20px
        }

        @media(max-width:1180px) {
            .arrival-layout {
                grid-template-columns: 1fr
            }

            .arrival-feature {
                min-height: 420px
            }

            .arrival-feature img {
                min-height: 420px
            }

            .arrival-card {
                grid-template-columns: 150px 1fr
            }

            .arrival-footer {
                align-items: flex-start;
                flex-direction: column
            }
        }

        @media(max-width:640px) {
            .arrival-card {
                grid-template-columns: 1fr
            }

            .arrival-thumb {
                height: 210px
            }

            .arrival-feature {
                min-height: 360px
            }

            .arrival-feature img {
                min-height: 360px
            }

            .arrival-feature-label {
                left: 16px;
                right: 16px;
                bottom: 16px
            }

            .arrival-footer {
                padding: 18px
            }
        }

        @media(max-width:1180px) {
            .brand-tag {
                display: none
            }

            .menu {
                display: none
            }

            .hamb {
                display: flex
            }

            .mobile-toggle:checked~.mobile-panel {
                display: block
            }

            .mobile-panel {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: white;
                border-bottom: 1px solid var(--line);
                padding: 18px 20px;
                box-shadow: var(--shadow)
            }

            .mobile-panel a {
                display: block;
                padding: 12px 0;
                font-weight: 850;
                border-bottom: 1px solid #eef3f6
            }

            .cta-small {
                display: none
            }

            .hero-grid,
            .split,
            .why-grid {
                grid-template-columns: 1fr
            }

            .hero-card {
                order: -1
            }

            .product-grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .scenario-grid,
            .seo-row {
                grid-template-columns: 1fr 1fr
            }

            .showroom {
                height: 340px
            }
        }

        @media(max-width:640px) {
            .container {
                width: min(100% - 28px, 1180px)
            }

            .nav {
                height: 72px
            }

            .brand {
                width: 154px;
                min-width: 154px;
                max-width: 154px;
                height: 64px
            }

            .brand-logo-img {
                max-height: 48px
            }

            .kemler-logo-text {
                font-size: 30px
            }

            .kemler-logo-text::before {
                width: 28px;
                height: 28px;
                border-radius: 8px
            }

            .hero {
                padding: 38px 0 54px
            }

            h1 {
                font-size: 43px
            }

            .section {
                padding: 58px 0
            }

            .section-head {
                display: block
            }

            .section-head p {
                margin-top: 12px
            }

            .product-grid,
            .scenario-grid,
            .seo-row,
            .why-list,
            .form-grid,
            .partner-row {
                grid-template-columns: 1fr
            }

            .form-grid .full {
                grid-column: auto
            }

            .footer .container {
                display: block
            }

            .footer img {
                margin-bottom: 18px
            }
        }

        .arrival-feature img {
            width: 100%;
            height: 100%;
            min-height: 510px;
            object-fit: cover;
            padding: 0;
            background: linear-gradient(135deg, #fff, #eef7fc)
        }

        .arrival-subhead {
            background: linear-gradient(135deg, rgba(12, 139, 208, .08), rgba(243, 154, 34, .08));
            border: 1px solid rgba(12, 139, 208, .14);
            border-radius: 24px;
            padding: 18px 20px
        }

        .arrival-subhead small {
            display: block;
            color: var(--orange);
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-bottom: 4px
        }

        .arrival-subhead strong {
            display: block;
            color: var(--blue-ink);
            font-size: 18px;
            line-height: 1.25
        }

        .arrival-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            padding: 0
        }

        .arrival-footer {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 24px
        }

        .arrival-footer p {
            max-width: 760px;
            line-height: 1.5
        }

        .arrival-cta {
            white-space: nowrap;
            min-width: 230px;
            text-transform: uppercase;
            letter-spacing: .02em
        }

        @media(max-width:760px) {
            .arrival-footer {
                grid-template-columns: 1fr
            }

            .arrival-cta {
                width: 100%;
                min-width: 0
            }
        }

        .process-head {
            background: white;
            border: 1px solid var(--line);
            border-radius: 22px;
            padding: 20px;
            box-shadow: var(--shadow-soft)
        }

        .process-head small {
            display: block;
            color: var(--orange);
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-bottom: 4px
        }

        .process-head h3 {
            margin: 0;
            font-size: 26px;
            line-height: 1.1;
            color: var(--blue-ink)
        }

        .seo-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px
        }

        .seo-card {
            min-height: 100%
        }

        @media(max-width:1180px) {
            .seo-row {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:640px) {
            .seo-row {
                grid-template-columns: 1fr
            }
        }

        @media(max-width:760px) {
            .partner-row {
                grid-template-columns: repeat(2, 1fr)
            }

            .partner {
                height: 62px;
                font-size: 13px
            }

            .quote {
                font-size: 19px
            }
        }

        @media(max-width:420px) {
            .partner-row {
                grid-template-columns: 1fr
            }
        }

        .partner-logo-window {
            margin-top: 22px;
            max-height: 92px;
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #f7fafc;
            padding: 14px;
            position: relative
        }

        .partner-logo-window:before,
        .partner-logo-window:after {
            content: "";
            position: absolute;
            top: 0;
            width: 40px;
            height: 100%;
            z-index: 2;
            pointer-events: none
        }

        .partner-logo-window:before {
            left: 0;
            background: linear-gradient(90deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        .partner-logo-window:after {
            right: 0;
            background: linear-gradient(270deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        .partner-logo-track {
            display: flex;
            gap: 12px;
            width: max-content;
            animation: partnerLogoScroll 30s linear infinite
        }

        .partner-logo-window:hover .partner-logo-track {
            animation-play-state: paused
        }

        .partner-logo-card {
            min-width: 128px;
            height: 58px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: white;
            display: grid;
            place-items: center;
            color: #7f8b98;
            font-weight: 950;
            letter-spacing: .08em;
            font-size: 13px
        }

        @keyframes partnerLogoScroll {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        .partner-review-window {
            margin-top: 8px;
            max-height: 318px;
            overflow-y: auto;
            padding-right: 8px;
            scrollbar-width: thin;
            scrollbar-color: #b7c2ce #f2f5f8
        }

        .partner-review-window::-webkit-scrollbar {
            width: 7px
        }

        .partner-review-window::-webkit-scrollbar-track {
            background: #f2f5f8;
            border-radius: 999px
        }

        .partner-review-window::-webkit-scrollbar-thumb {
            background: #b7c2ce;
            border-radius: 999px
        }

        .partner-review {
            padding-bottom: 18px;
            margin-bottom: 18px;
            border-bottom: 1px solid var(--line)
        }

        .partner-review:last-child {
            border-bottom: 0;
            margin-bottom: 0
        }

        .partner-review .quote {
            font-size: 22px;
            line-height: 1.45;
            margin: 0 0 18px
        }

        .review-source {
            color: var(--muted);
            margin: 14px 0 0;
            font-weight: 700
        }

        @media(max-width:760px) {
            .partner-logo-window {
                max-height: 86px
            }

            .partner-logo-card {
                min-width: 118px;
                height: 54px;
                font-size: 12px
            }

            .partner-review-window {
                max-height: 340px
            }
        }


        #about .split {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
        }

        #about .panel {
            min-width: 0;
            overflow: hidden
        }

        #about .partner-logo-window,
        #about .partner-review-window {
            max-width: 100%;
            min-width: 0;
            box-sizing: border-box
        }

        #about .partner-logo-track {
            max-width: none
        }


        #about .split {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
        }

        #about .panel {
            min-width: 0;
            overflow: hidden
        }

        #about .partner-logo-window,
        #about .partner-review-window {
            max-width: 100%;
            min-width: 0;
            box-sizing: border-box
        }

        #about .partner-logo-window.two-rows {
            margin-top: 22px;
            height: 150px;
            max-height: 150px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #f7fafc;
            position: relative
        }

        #about .partner-logo-window.two-rows:before,
        #about .partner-logo-window.two-rows:after {
            content: "";
            position: absolute;
            top: 0;
            width: 40px;
            height: 100%;
            z-index: 2;
            pointer-events: none
        }

        #about .partner-logo-window.two-rows:before {
            left: 0;
            background: linear-gradient(90deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        #about .partner-logo-window.two-rows:after {
            right: 0;
            background: linear-gradient(270deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        #about .partner-logo-window.two-rows .partner-logo-track {
            display: flex;
            gap: 12px;
            width: max-content;
            max-width: none;
            will-change: transform
        }

        #about .partner-logo-window.two-rows .row-one {
            animation: partnerLogoScroll 28s linear infinite
        }

        #about .partner-logo-window.two-rows .row-two {
            animation: partnerLogoScrollReverse 32s linear infinite;
            transform: translateX(-50%)
        }

        #about .partner-logo-window.two-rows:hover .partner-logo-track {
            animation-play-state: paused
        }

        #about .partner-logo-window.two-rows .partner-logo-card {
            min-width: 122px;
            height: 48px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: white;
            display: grid;
            place-items: center;
            color: #7f8b98;
            font-weight: 950;
            letter-spacing: .08em;
            font-size: 13px;
            box-shadow: 0 8px 22px rgba(12, 31, 48, .05)
        }

        @keyframes partnerLogoScroll {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        @keyframes partnerLogoScrollReverse {
            from {
                transform: translateX(-50%)
            }

            to {
                transform: translateX(0)
            }
        }

        #about .partner-review-window.auto-scroll {
            margin-top: 8px;
            height: 318px;
            max-height: 318px;
            overflow: hidden;
            position: relative;
            padding-right: 0;
            scrollbar-width: none
        }

        #about .partner-review-window.auto-scroll::-webkit-scrollbar {
            display: none
        }

        #about .partner-review-window.auto-scroll:before,
        #about .partner-review-window.auto-scroll:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 38px;
            z-index: 2;
            pointer-events: none
        }

        #about .partner-review-window.auto-scroll:before {
            top: 0;
            background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0))
        }

        #about .partner-review-window.auto-scroll:after {
            bottom: 0;
            background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0))
        }

        #about .partner-review-track {
            animation: partnerReviewAutoScroll 34s linear infinite;
            will-change: transform
        }

        #about .partner-review-window.auto-scroll:hover .partner-review-track {
            animation-play-state: paused
        }

        #about .partner-review {
            padding-bottom: 18px;
            margin-bottom: 18px;
            border-bottom: 1px solid var(--line)
        }

        #about .partner-review:last-child {
            border-bottom: 0;
            margin-bottom: 0
        }

        #about .partner-review .quote {
            font-size: 21px;
            line-height: 1.45;
            margin: 0 0 14px
        }

        #about .review-source {
            color: var(--muted);
            margin: 12px 0 0;
            font-weight: 700
        }

        @keyframes partnerReviewAutoScroll {
            from {
                transform: translateY(0)
            }

            to {
                transform: translateY(-50%)
            }
        }

        @media(max-width:760px) {
            #about .partner-logo-window.two-rows {
                height: 138px;
                max-height: 138px
            }

            #about .partner-logo-window.two-rows .partner-logo-card {
                min-width: 112px;
                height: 44px;
                font-size: 12px
            }

            #about .partner-review-window.auto-scroll {
                height: 340px;
                max-height: 340px
            }
        }


        #about .partner-logo-window.three-rows {
            margin-top: 22px;
            height: 222px;
            max-height: 222px;
            padding: 14px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            overflow: hidden;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #f7fafc;
            position: relative;
            max-width: 100%;
            min-width: 0;
            box-sizing: border-box
        }

        #about .partner-logo-window.three-rows:before,
        #about .partner-logo-window.three-rows:after {
            content: "";
            position: absolute;
            top: 0;
            width: 40px;
            height: 100%;
            z-index: 2;
            pointer-events: none
        }

        #about .partner-logo-window.three-rows:before {
            left: 0;
            background: linear-gradient(90deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        #about .partner-logo-window.three-rows:after {
            right: 0;
            background: linear-gradient(270deg, #f7fafc, rgba(247, 250, 252, 0))
        }

        #about .partner-logo-window.three-rows .partner-logo-track {
            display: flex;
            gap: 12px;
            width: max-content;
            max-width: none;
            will-change: transform
        }

        #about .partner-logo-window.three-rows .row-one {
            animation: partnerLogoScroll 28s linear infinite
        }

        #about .partner-logo-window.three-rows .row-two {
            animation: partnerLogoScrollReverse 32s linear infinite;
            transform: translateX(-50%)
        }

        #about .partner-logo-window.three-rows .row-three {
            animation: partnerLogoScroll 36s linear infinite
        }

        #about .partner-logo-window.three-rows:hover .partner-logo-track {
            animation-play-state: paused
        }

        #about .partner-logo-window.three-rows .partner-logo-card {
            min-width: 122px;
            height: 48px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: white;
            display: grid;
            place-items: center;
            color: #7f8b98;
            font-weight: 950;
            letter-spacing: .08em;
            font-size: 13px;
            box-shadow: 0 8px 22px rgba(12, 31, 48, .05)
        }

        @media(max-width:760px) {
            #about .partner-logo-window.three-rows {
                height: 204px;
                max-height: 204px
            }

            #about .partner-logo-window.three-rows .partner-logo-card {
                min-width: 112px;
                height: 44px;
                font-size: 12px
            }
        }


        .faq>p:first-of-type {
            font-size: 16px;
            line-height: 1.7
        }

        .faq-support .quote {
            font-size: 20px
        }

        .faq-support .certs {
            margin-top: 22px
        }

        .faq-support .cert {
            background: #f7fafc
        }


        #faq .container {
            max-width: 980px
        }

        #faq .panel {
            padding: 34px 38px
        }


        .contact .certs {
            max-width: 760px
        }

        .contact textarea {
            min-height: 130px
        }

        .contact .note {
            line-height: 1.6
        }


        .contact label {
            color: #172536 !important;
            font-size: 13px !important;
            letter-spacing: .09em !important
        }

        .contact input,
        .contact select,
        .contact textarea {
            border-color: rgba(255, 255, 255, .35)
        }

        .contact .form-card label,
        .contact [data-sitelet-blocked="form"] label {
            color: #172536 !important
        }


        .contact-clean {
            align-items: start
        }

        .contact-intro {
            padding-right: 18px
        }

        .contact-lead {
            color: rgba(255, 255, 255, .82);
            font-size: 18px;
            line-height: 1.75;
            margin: 0 0 24px
        }

        .contact-points {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            gap: 14px
        }

        .contact-points li {
            position: relative;
            padding-left: 28px;
            color: rgba(255, 255, 255, .9);
            font-weight: 750;
            line-height: 1.45
        }

        .contact-points li:before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: #ffd166;
            font-weight: 950
        }

        .rfq-form-panel {
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 28px;
            padding: 26px;
            box-shadow: 0 28px 80px rgba(0, 0, 0, .18);
            backdrop-filter: blur(10px)
        }

        .contact .rfq-form-panel label {
            color: #fff !important;
            font-size: 13px !important;
            letter-spacing: .09em !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
        }

        .contact .rfq-form-panel input,
        .contact .rfq-form-panel select,
        .contact .rfq-form-panel textarea {
            background: rgba(255, 255, 255, .96);
            border-color: rgba(255, 255, 255, .45)
        }

        .contact .rfq-form-panel .note {
            color: rgba(255, 255, 255, .82);
            line-height: 1.6;
            margin-top: 12px
        }

        .contact .rfq-form-panel textarea {
            min-height: 130px
        }

        @media(max-width:900px) {
            .contact-intro {
                padding-right: 0
            }

            .rfq-form-panel {
                padding: 22px
            }
        }


        .footer {
            background: #101820;
            color: #d9e4ec;
            padding: 48px 0 24px
        }

        .footer .footer-grid {
            display: grid;
            grid-template-columns: 1.25fr 1fr 1.05fr;
            gap: 34px;
            align-items: start
        }

        .footer-brand p {
            color: #aebdca;
            line-height: 1.7;
            margin: 10px 0 18px;
            max-width: 430px
        }

        .footer h3 {
            color: #fff;
            margin: 0 0 16px;
            font-size: 18px
        }

        .footer-contact ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: grid;
            gap: 13px
        }

        .footer-contact li {
            display: grid;
            gap: 4px
        }

        .footer-contact strong {
            color: #fff;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: .09em
        }

        .footer-contact a,
        .footer-contact span {
            color: #b8c7d4;
            text-decoration: none;
            line-height: 1.5
        }

        .footer-contact a:hover,
        .footer-socials a:hover {
            color: #fff
        }

        .footer-socials {
            display: flex;
            flex-wrap: wrap;
            gap: 10px
        }

        .footer-socials a {
            color: #d9e4ec;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 999px;
            padding: 8px 12px;
            font-weight: 800;
            font-size: 13px;
            background: rgba(255, 255, 255, .04)
        }

        .qr-row {
            display: flex;
            gap: 14px;
            flex-wrap: wrap
        }

        .qr-card {
            width: 118px
        }

        .qr-placeholder {
            height: 118px;
            border-radius: 18px;
            background: #fff;
            display: grid;
            place-items: center;
            color: #223242;
            font-weight: 950;
            text-align: center;
            box-shadow: 0 16px 40px rgba(0, 0, 0, .18);
            position: relative;
            overflow: hidden
        }

        .qr-placeholder:before {
            content: "";
            position: absolute;
            inset: 14px;
            background: linear-gradient(90deg, #101820 10px, transparent 10px) 0 0/22px 22px, linear-gradient(#101820 10px, transparent 10px) 0 0/22px 22px;
            opacity: .12
        }

        .qr-placeholder span {
            position: relative;
            z-index: 1
        }

        .qr-card small {
            display: block;
            color: #aebdca;
            margin-top: 8px;
            text-align: center
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, .12);
            margin-top: 34px;
            padding-top: 18px;
            display: flex;
            justify-content: space-between;
            gap: 16px;
            align-items: center
        }

        .footer small {
            color: #91a3b3
        }

        .footer-logo {
            width: 180px;
            max-height: 58px;
            object-fit: contain;
            object-position: left center;
            background: transparent;
            border-radius: 0;
            padding: 0;
            margin-bottom: 10px
        }

        @media(max-width:900px) {
            .footer .footer-grid {
                grid-template-columns: 1fr;
                gap: 28px
            }

            .footer-bottom {
                display: grid
            }

            .qr-card {
                width: 112px
            }

            .qr-placeholder {
                height: 112px
            }
        }


        .footer-socials a {
            width: 42px;
            height: 42px;
            padding: 0;
            display: inline-grid;
            place-items: center
        }

        .footer-socials svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
            display: block
        }

        .footer-socials a[aria-label="YouTube"] svg {
            width: 22px
        }

        .footer-socials a:hover {
            transform: translateY(-1px);
            background: rgba(255, 255, 255, .1)
        }



        /* Kemler redesign middle content: prefixed to preserve original header/footer */
        .km-main {
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
            color: #152333;
            background: #fff;
            line-height: 1.55
        }

        .km-wrap {
            width: min(1320px, calc(100% - 40px));
            margin: auto
        }

        .km-hero {
            position: relative;
            overflow: hidden;
            background: linear-gradient(110deg, rgba(8, 26, 39, .88), rgba(12, 139, 208, .60)), url('../application/inline-01-941aed2b637d.jpg') center/cover
        }

        .km-hero-grid {
            min-height: 720px;
            display: grid;
            grid-template-columns: .78fr 1.22fr;
            align-items: center;
            gap: 36px;
            padding: 70px 0
        }

        .km-eyebrow {
            display: inline-flex;
            border: 1px solid rgba(255, 255, 255, .24);
            background: rgba(255, 255, 255, .1);
            color: #d9f2ff;
            border-radius: 999px;
            padding: 9px 14px;
            font-size: 13px;
            font-weight: 900
        }

        .km-hero h1 {
            font-size: 58px;
            line-height: .98;
            color: white;
            margin: 24px 0 18px;
            letter-spacing: -.055em;
            max-width: 780px
        }

        .km-sub {
            font-size: 20px;
            line-height: 1.72;
            color: rgba(255, 255, 255, .84);
            max-width: 650px
        }

        .km-actions {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
            margin-top: 30px
        }

        .km-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            padding: 15px 22px;
            font-weight: 950;
            border: 1px solid transparent;
            text-decoration: none
        }

        .km-primary {
            background: #f39a22;
            color: white
        }

        .km-ghost {
            border-color: rgba(255, 255, 255, .35);
            color: white;
            background: rgba(255, 255, 255, .08)
        }

        .km-support {
            margin-top: 18px;
            color: #bce5f8;
            font-weight: 850;
            font-size: 14px
        }

        .km-video-card {
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .20);
            border-radius: 30px;
            padding: 8px;
            box-shadow: 0 40px 90px rgba(0, 0, 0, .28);
            backdrop-filter: blur(8px)
        }

        .km-video-card-clean {
            display: flex;
            align-items: stretch
        }

        .km-video-window {
            position: relative;
            overflow: hidden;
            border-radius: 22px;
            width: 100%;
            aspect-ratio: 16/9;
            background: #06131d
        }

        .km-video-window video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background: #06131d
        }

        .km-play {
            display: none
        }

        .km-play span {
            display: none
        }

        .km-section {
            padding: 88px 0
        }

        .km-section-head {
            display: flex;
            justify-content: space-between;
            gap: 30px;
            align-items: end;
            margin-bottom: 34px
        }

        .km-kicker {
            color: #0c8bd0;
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .11em;
            font-size: 13px
        }

        .km-section h2 {
            font-size: 42px;
            line-height: 1.08;
            margin: 8px 0 0;
            letter-spacing: -.035em;
            color: #063a5c
        }

        .km-section-head p {
            color: #647386;
            line-height: 1.7;
            max-width: 560px;
            margin: 0
        }

        .km-why-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            align-items: stretch
        }

        .km-card {
            background: linear-gradient(180deg, #fff, #f8fafb);
            border: 1px solid #cfd8de;
            border-radius: 28px;
            padding: 34px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08)
        }

        .km-card p {
            color: #53616b;
            line-height: 1.85;
            font-size: 17px
        }

        .km-linkline {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 22px
        }

        .km-linkline a {
            font-weight: 900;
            color: #174b68;
            background: #e9eef1;
            border: 1px solid #cfd8de;
            padding: 10px 14px;
            border-radius: 999px;
            text-decoration: none
        }

        .km-linkline a:hover {
            background: #dfe6ea;
            color: #132b3d
        }

        .km-feature-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px
        }

        .km-feature {
            background: linear-gradient(180deg, #fff, #f8fafb);
            border: 1px solid #cfd8de;
            border-radius: 22px;
            padding: 24px;
            box-shadow: 0 12px 34px rgba(20, 38, 52, .06)
        }

        .km-feature .km-ico {
            width: 64px;
            height: 64px;
            border-radius: 18px;
            background: #e8edf0;
            border: 1px solid #d3dde3;
            display: grid;
            place-items: center;
            color: #23384a;
            margin: 0 0 16px;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72)
        }

        .km-feature .km-ico svg {
            width: 34px;
            height: 34px;
            stroke: currentColor
        }

        .km-feature b {
            display: block;
            color: #132b3d;
            margin-bottom: 8px;
            font-weight: 900
        }

        .km-feature p {
            margin: 0;
            color: #53616b;
            line-height: 1.58
        }

        .km-gateway {
            background: #f3f5f6;
            padding-bottom: 0 !important
        }

        .km-gateway .km-wrap {
            background: #fff;
            border: 1px solid #cfd8de;
            border-bottom: 0;
            border-radius: 30px 30px 0 0;
            padding: 34px 34px 24px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08)
        }

        .km-gateway .km-section-head {
            border-bottom: 1px solid rgba(37, 55, 70, .12);
            padding-bottom: 20px;
            margin-bottom: 24px
        }

        .km-gateway-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            align-items: stretch;
            border: 1px solid #cfd8de;
            border-radius: 22px;
            overflow: hidden;
            background: #f7f9fa
        }

        .km-gateway-card {
            position: relative;
            overflow: hidden;
            background: transparent;
            border: 0;
            border-right: 1px solid #cfd8de;
            border-radius: 0;
            padding: 26px 22px;
            min-height: 148px;
            box-shadow: none;
            text-decoration: none;
            color: #152333;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center
        }

        .km-gateway-card:last-child {
            border-right: 0
        }

        .km-gateway-card:after {
            display: none !important
        }

        .km-gateway-icon {
            width: 78px;
            height: 78px;
            border-radius: 22px;
            background: #e8edf0;
            border: 1px solid #d3dde3;
            display: grid;
            place-items: center;
            color: #23384a;
            margin: 0 auto 16px;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72)
        }

        .km-gateway-icon svg {
            width: 42px;
            height: 42px;
            stroke: currentColor
        }

        .km-gateway-card .km-num {
            display: none !important
        }

        .km-gateway-card h3 {
            font-size: 25px;
            color: #132b3d;
            margin: 0;
            letter-spacing: -.02em;
            text-align: center;
            width: 100%
        }

        .km-gateway-card p,
        .km-gateway-card .km-more {
            display: none !important
        }

        .km-gateway-card:hover {
            background: #eef2f4;
            box-shadow: none;
            transform: none
        }

        .km-gateway-card.km-tab-trigger:before {
            display: none !important
        }

        .km-products-intro {
            background: white;
            border: 1px solid #dce6ee;
            border-radius: 30px;
            padding: 34px;
            margin-bottom: 24px
        }

        .km-products-intro p {
            color: #647386;
            line-height: 1.8;
            font-size: 17px
        }

        .km-product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px
        }

        .km-product {
            border-radius: 26px;
            overflow: hidden;
            background: white;
            border: 1px solid #dce6ee;
            box-shadow: 0 14px 45px rgba(17, 48, 70, .09)
        }

        .km-product-img {
            height: 210px;
            background-size: cover;
            background-position: center
        }

        .km-product-body {
            padding: 24px
        }

        .km-product-body h3 {
            margin: 0 0 10px;
            color: #063a5c;
            font-size: 22px
        }

        .km-product-body p {
            margin: 0;
            color: #647386;
            line-height: 1.65
        }

        .km-applications {
            background: #102a3d;
            color: white
        }

        .km-applications .km-section h2,
        .km-applications h2 {
            color: white
        }

        .km-applications .km-section-head {
            align-items: flex-end
        }

        .km-applications .km-section-head p {
            color: rgba(255, 255, 255, .72)
        }

        .km-app-cta {
            background: #f39a22 !important;
            border-color: #f39a22 !important;
            color: #fff !important;
            box-shadow: 0 14px 32px rgba(243, 154, 34, .24)
        }

        .km-app-grid {
            display: grid;
            gap: 18px
        }

        .km-app-grid-featured {
            grid-template-columns: repeat(2, 1fr);
            margin-bottom: 18px
        }

        .km-app-grid-compact {
            grid-template-columns: repeat(4, 1fr)
        }

        .km-app {
            position: relative;
            overflow: hidden;
            border-radius: 24px;
            min-height: 245px;
            background-size: cover;
            background-position: center;
            box-shadow: 0 18px 52px rgba(0, 0, 0, .22)
        }

        .km-app-grid-featured .km-app {
            min-height: 310px
        }

        .km-app-grid-compact .km-app {
            min-height: 255px
        }

        .km-app:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(8, 26, 39, .06), rgba(8, 26, 39, .82))
        }

        .km-app div {
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: 20px
        }

        .km-app h3 {
            margin: 0 0 8px;
            font-size: 22px;
            color: white
        }

        .km-app p {
            margin: 0;
            color: rgba(255, 255, 255, .82);
            line-height: 1.55
        }

        .km-app-grid-compact .km-app h3 {
            font-size: 20px
        }

        .km-app-grid-compact .km-app p {
            font-size: 14px
        }

        .km-custom-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 30px
        }

        .km-process {
            background: white;
            border: 1px solid #dce6ee;
            border-radius: 30px;
            padding: 28px;
            box-shadow: 0 24px 70px rgba(17, 48, 70, .12)
        }

        .km-steps {
            display: grid;
            gap: 12px
        }

        .km-step {
            display: flex;
            gap: 14px;
            align-items: flex-start;
            border: 1px solid #dce6ee;
            border-radius: 18px;
            padding: 14px;
            background: #fbfdff
        }

        .km-step span {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #0c8bd0;
            color: white;
            font-weight: 950;
            flex: 0 0 auto
        }

        .km-support-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px
        }

        .km-support-item {
            background: #f7fbfd;
            border: 1px solid #dce6ee;
            border-radius: 18px;
            padding: 18px
        }

        .km-support-item b {
            color: #063a5c
        }

        .km-support-item p {
            color: #647386;
            line-height: 1.55;
            margin: 7px 0 0
        }

        .km-cta-band {
            margin-top: 34px;
            background: linear-gradient(135deg, #063a5c, #0c8bd0);
            border-radius: 32px;
            padding: 34px;
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px
        }

        .km-cta-band h3 {
            font-size: 30px;
            margin: 0 0 8px
        }

        .km-cta-band p {
            margin: 0;
            color: rgba(255, 255, 255, .78);
            line-height: 1.6
        }

        .km-factory {
            background: #edf6fb
        }

        .km-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px
        }

        .km-stat {
            background: white;
            border: 1px solid #dce6ee;
            border-radius: 24px;
            padding: 24px;
            box-shadow: 0 14px 40px rgba(17, 48, 70, .08)
        }

        .km-stat strong {
            display: block;
            font-size: 34px;
            color: #0c8bd0;
            letter-spacing: -.03em
        }

        .km-stat span {
            color: #647386;
            font-weight: 800
        }

        .km-contact {
            background: linear-gradient(135deg, #08263a, #0b6fa6);
            color: white
        }

        .km-contact .km-section-head h2 {
            color: white
        }

        .km-contact .km-section-head p {
            color: rgba(255, 255, 255, .76)
        }

        .km-contact-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 34px;
            align-items: start
        }

        .km-contact-lead {
            font-size: 18px;
            line-height: 1.75;
            color: rgba(255, 255, 255, .82)
        }

        .km-contact-points {
            list-style: none;
            padding: 0;
            margin: 24px 0 0;
            display: grid;
            gap: 14px
        }

        .km-contact-points li {
            position: relative;
            padding-left: 28px;
            color: rgba(255, 255, 255, .9);
            font-weight: 750
        }

        .km-contact-points li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #ffd166
        }

        .km-rfq-form-panel {
            background: rgba(255, 255, 255, .09);
            border: 1px solid rgba(255, 255, 255, .18);
            border-radius: 28px;
            padding: 26px;
            box-shadow: 0 28px 80px rgba(0, 0, 0, .18);
            backdrop-filter: blur(10px)
        }

        .km-form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px
        }

        .km-form-grid .km-full {
            grid-column: 1/-1
        }

        .km-rfq-form-panel label {
            display: block;
            font-size: 12px;
            font-weight: 950;
            color: white;
            text-transform: uppercase;
            letter-spacing: .08em;
            margin-bottom: 6px
        }

        .km-rfq-form-panel input,
        .km-rfq-form-panel select,
        .km-rfq-form-panel textarea {
            width: 100%;
            border: 1px solid rgba(255, 255, 255, .35);
            border-radius: 14px;
            padding: 13px 14px;
            font: inherit;
            color: #152333;
            background: rgba(255, 255, 255, .96)
        }

        .km-rfq-form-panel textarea {
            min-height: 130px;
            resize: vertical
        }

        .km-note {
            font-size: 12px;
            color: rgba(255, 255, 255, .78);
            margin-top: 12px
        }

        @media(max-width:980px) {

            .km-hero-grid,
            .km-why-grid,
            .km-custom-grid,
            .km-contact-grid {
                grid-template-columns: 1fr
            }

            .km-hero h1 {
                font-size: 46px
            }

            .km-section-head {
                display: block
            }

            .km-gateway-grid,
            .km-product-grid,
            .km-app-grid,
            .km-stats {
                grid-template-columns: 1fr 1fr
            }

            .km-support-list {
                grid-template-columns: 1fr
            }

            .km-cta-band {
                display: block
            }

            .km-video-window {
                min-height: 280px
            }
        }

        @media(max-width:640px) {
            .km-wrap {
                width: min(100% - 28px, 1180px)
            }

            .km-hero-grid {
                padding: 46px 0
            }

            .km-hero h1 {
                font-size: 38px
            }

            .km-section {
                padding: 62px 0
            }

            .km-section h2 {
                font-size: 32px
            }

            .km-gateway-grid,
            .km-product-grid,
            .km-app-grid,
            .km-stats,
            .km-feature-grid {
                grid-template-columns: 1fr
            }

            .km-form-grid {
                grid-template-columns: 1fr
            }
        }

        /* Configurable announcement/contact carousel above navigation */
        .km-announcement {
            position: sticky;
            top: 0;
            z-index: 95;
            background: #000;
            color: #eef8ff;
            border-bottom: 1px solid rgba(255, 255, 255, .14);
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif
        }

        .km-announcement-inner {
            width: min(1180px, calc(100% - 40px));
            margin: auto;
            min-height: 42px;
            display: flex;
            align-items: center;
            gap: 18px;
            overflow: hidden
        }

        .km-announcement-label {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            gap: 7px;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 999px;
            padding: 7px 11px;
            font-size: 12px;
            font-weight: 950;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .km-announcement-window {
            height: 42px;
            overflow: hidden;
            flex: 1;
            min-width: 0
        }

        .km-announcement-track {
            display: grid;
            animation: kmAnnouncementSlide 12s infinite
        }

        .km-announcement-item {
            height: 42px;
            display: flex;
            align-items: center;
            gap: 20px;
            white-space: nowrap;
            font-size: 13.5px;
            font-weight: 750
        }

        .km-announcement-item strong {
            color: #fff
        }

        .km-announcement-item a {
            color: #ffffff;
            text-decoration: none;
            font-weight: 950
        }

        .km-announcement-item .sep {
            opacity: .45
        }

        @keyframes kmAnnouncementSlide {

            0%,
            27% {
                transform: translateY(0)
            }

            33%,
            60% {
                transform: translateY(-42px)
            }

            66%,
            94% {
                transform: translateY(-84px)
            }

            100% {
                transform: translateY(0)
            }
        }

        @media(max-width:760px) {
            .km-announcement-inner {
                width: min(100% - 24px, 1180px);
                min-height: 56px;
                align-items: flex-start;
                padding: 8px 0
            }

            .km-announcement-label {
                display: none
            }

            .km-announcement-window {
                height: 48px
            }

            .km-announcement-item {
                height: 48px;
                white-space: normal;
                line-height: 1.35;
                font-size: 12.5px;
                align-items: center
            }

            .km-announcement-track {
                animation: kmAnnouncementSlideMobile 12s infinite
            }

            @keyframes kmAnnouncementSlideMobile {

                0%,
                27% {
                    transform: translateY(0)
                }

                33%,
                60% {
                    transform: translateY(-48px)
                }

                66%,
                94% {
                    transform: translateY(-96px)
                }

                100% {
                    transform: translateY(0)
                }
            }
        }

        .km-official-bar {
            position: sticky;
            top: 0;
            z-index: 96;
            background: #b1121b;
            color: #fff;
            border-bottom: 1px solid rgba(255, 255, 255, .12);
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif
        }

        .km-official-inner {
            width: min(1180px, calc(100% - 40px));
            margin: auto;
            min-height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 13px;
            font-weight: 900;
            letter-spacing: .03em
        }

        .km-announcement {
            top: 34px !important
        }

        @media(max-width:760px) {
            .km-official-inner {
                width: min(100% - 24px, 1180px);
                min-height: 42px;
                font-size: 12px;
                line-height: 1.3
            }

            .km-announcement {
                top: 42px !important
            }
        }

        .km-official-bar {
            position: fixed !important;
            top: 0 !important;
            left: 0;
            right: 0;
            z-index: 300 !important
        }

        .km-announcement {
            position: fixed !important;
            top: 34px !important;
            left: 0;
            right: 0;
            z-index: 299 !important
        }

        /* User uploaded hero background applied */
        /* Compact hero after fixed top stack */
        .km-hero-grid {
            padding: 34px 0 38px !important;
            min-height: auto !important;
            align-items: center !important
        }

        .km-hero h1 {
            margin-top: 0 !important;
            margin-bottom: 14px !important;
            font-size: clamp(42px, 5.2vw, 64px) !important;
            line-height: 1.02 !important
        }

        .km-hero .km-sub {
            margin-bottom: 18px !important;
            max-width: 660px !important;
            line-height: 1.5 !important
        }

        .km-actions {
            margin-top: 0 !important;
            margin-bottom: 12px !important
        }

        .km-support {
            margin-top: 8px !important;
            padding: 9px 13px !important;
            font-size: 13px !important
        }

        .km-video-card {
            min-height: auto !important;
            padding: 18px !important
        }

        .km-video-window {
            min-height: 250px !important
        }

        .km-video-caption {
            padding-top: 12px !important
        }

        @media(max-width:980px) {
            .km-hero-grid {
                padding: 30px 0 34px !important
            }

            .km-video-window {
                min-height: 220px !important
            }

            .km-hero h1 {
                font-size: clamp(38px, 8vw, 54px) !important
            }
        }

        @media(max-width:640px) {
            .km-hero-grid {
                padding: 26px 0 30px !important
            }

            .km-hero h1 {
                font-size: 34px !important
            }

            .km-video-window {
                min-height: 190px !important
            }
        }


        /* Banner scale refinement: lighter fixed top stack + larger hero video */
        .container,
        .km-official-inner,
        .km-announcement-inner,
        .km-wrap {
            width: min(1320px, calc(100% - 40px)) !important
        }

        .km-official-bar {
            height: 28px !important;
            min-height: 28px !important
        }

        .km-official-inner {
            min-height: 28px !important;
            font-size: 12px !important;
            letter-spacing: .025em !important
        }

        .km-announcement {
            top: 28px !important;
            min-height: 34px !important
        }

        .km-announcement-inner {
            min-height: 34px !important;
            gap: 12px !important
        }

        .km-announcement-label {
            padding: 5px 9px !important;
            font-size: 11px !important
        }

        .km-announcement-window {
            height: 34px !important
        }

        .km-announcement-track {
            animation: kmAnnouncementSlideCompact 12s infinite !important
        }

        .km-announcement-item {
            height: 34px !important;
            font-size: 12.5px !important;
            gap: 16px !important
        }

        @keyframes kmAnnouncementSlideCompact {

            0%,
            27% {
                transform: translateY(0)
            }

            33%,
            60% {
                transform: translateY(-34px)
            }

            66%,
            94% {
                transform: translateY(-68px)
            }

            100% {
                transform: translateY(0)
            }
        }

        .brand {
            height: 62px !important;
            width: 190px !important;
            min-width: 190px !important;
            max-width: 190px !important
        }

        .brand-logo-img {
            max-height: 48px !important
        }

        .menu-link {
            padding-top: 22px !important;
            padding-bottom: 22px !important;
            font-size: 12.3px !important
        }

        .rfq-nav-button {
            padding: 10px 14px !important
        }

        .km-hero-grid {
            min-height: 820px !important;
            grid-template-columns: .72fr 1.28fr !important;
            gap: 38px !important;
            padding: 82px 0 !important
        }

        .km-hero h1 {
            font-size: clamp(52px, 4.7vw, 66px) !important;
            max-width: 650px !important
        }

        .km-sub {
            font-size: 19px !important;
            max-width: 560px !important
        }

        .km-video-card {
            padding: 8px !important;
            border-radius: 32px !important;
            box-shadow: 0 46px 110px rgba(0, 0, 0, .34) !important
        }

        .km-video-window {
            aspect-ratio: 16/9 !important;
            min-height: 0 !important;
            border-radius: 24px !important
        }

        .km-video-window video {
            object-fit: cover !important
        }

        @media(max-width:980px) {
            html {
                scroll-padding-top: 150px !important
            }

            body {
                padding-top: 142px !important
            }

            .km-official-inner {
                min-height: 34px !important;
                font-size: 11.5px !important;
                line-height: 1.25 !important
            }

            .km-announcement {
                top: 34px !important
            }

            .brand {
                height: 56px !important
            }

            .km-hero-grid {
                min-height: auto !important;
                grid-template-columns: 1fr !important;
                padding: 56px 0 66px !important
            }

            .km-video-window {
                min-height: 0 !important
            }
        }

        @media(max-width:640px) {

            .container,
            .km-official-inner,
            .km-announcement-inner,
            .km-wrap {
                width: min(100% - 28px, 1320px) !important
            }

            .km-hero-grid {
                padding: 42px 0 54px !important
            }

            .km-hero h1 {
                font-size: 38px !important
            }
        }


        .mega-grid {
            gap: 8px !important;
            position: relative;
            z-index: 1
        }

        .mega-card {
            padding: 13px !important
        }

        .mega-card h4 {
            color: #fff !important;
            font-size: 13.5px !important;
            margin-bottom: 6px !important
        }

        .mega-card a {
            color: rgba(255, 255, 255, .72) !important;
            font-size: 12.5px !important;
            padding: 3px 0 !important
        }

        .mega-card a:hover {
            color: #fff !important
        }

        .mega-feature {
            background: rgba(12, 139, 208, .16) !important;
            border-color: rgba(93, 190, 240, .22) !important
        }


        .mega-grid {
            gap: 0 !important;
            position: relative;
            z-index: 1
        }

        .mega-card,
        .mega-feature {
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 11px 4px !important;
            border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
        }

        .mega-card:last-child {
            border-bottom: 0 !important
        }

        .mega-card:hover {
            background: transparent !important;
            border-color: rgba(255, 255, 255, .10) !important;
            transform: none !important;
        }

        .mega-card h4 {
            color: #fff !important;
            font-size: 13.5px !important;
            margin-bottom: 5px !important
        }

        .mega-card a {
            color: rgba(255, 255, 255, .70) !important;
            font-size: 12.4px !important;
            padding: 3px 0 !important
        }

        .mega-card a:hover {
            color: #fff !important;
            background: transparent !important
        }


        /* Hero balance refinement: left 46% / video 54% */
        .km-hero-grid {
            grid-template-columns: 46fr 54fr !important;
            gap: 42px !important;
        }

        .km-hero h1 {
            max-width: 720px !important;
            font-size: clamp(52px, 4.55vw, 64px) !important;
        }

        .km-sub {
            max-width: 640px !important
        }

        .km-video-card {
            max-width: 100% !important
        }

        @media(max-width:980px) {
            .km-hero-grid {
                grid-template-columns: 1fr !important;
                gap: 34px !important
            }

            .km-hero h1 {
                max-width: 760px !important
            }

            .km-sub {
                max-width: 680px !important
            }
        }


        /* Hero vertical balance refinement: reduce excessive top/bottom empty space */
        .km-hero-grid {
            min-height: 720px !important;
            padding: 48px 0 56px !important;
            align-items: center !important;
        }

        .km-hero h1 {
            margin-top: 18px !important;
            margin-bottom: 16px !important
        }

        .km-actions {
            margin-top: 24px !important
        }

        .km-support {
            margin-top: 14px !important
        }

        .km-video-card {
            align-self: center !important
        }

        @media(max-width:980px) {
            .km-hero-grid {
                min-height: auto !important;
                padding: 44px 0 54px !important
            }
        }

        @media(max-width:640px) {
            .km-hero-grid {
                padding: 34px 0 44px !important
            }
        }


        /* Why Work With Us: stacked company intro + four capability points */
        .km-why-stack {
            display: grid !important;
            grid-template-columns: 1fr !important;
            gap: 22px !important
        }

        .km-company-intro {
            padding: 38px 42px !important
        }

        .km-company-intro h2 {
            max-width: 980px !important;
            margin-bottom: 18px !important
        }

        .km-company-copy {
            display: grid;
            grid-template-columns: 1.08fr .92fr;
            gap: 28px;
            align-items: start
        }

        .km-company-copy p {
            margin: 0 !important
        }

        .km-feature-row {
            display: grid !important;
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            gap: 18px !important
        }

        .km-feature-row .km-feature {
            min-height: 220px;
            padding: 24px 22px !important
        }

        .km-feature-row .km-ico {
            margin-bottom: 16px !important
        }

        @media(max-width:980px) {
            .km-company-copy {
                grid-template-columns: 1fr;
                gap: 14px
            }

            .km-feature-row {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }
        }

        @media(max-width:640px) {
            .km-company-intro {
                padding: 28px 24px !important
            }

            .km-feature-row {
                grid-template-columns: 1fr !important
            }

            .km-feature-row .km-feature {
                min-height: auto
            }
        }


        /* Company intro copy: keep the two paragraphs stacked, not side-by-side */
        .km-company-copy {
            display: block !important;
            max-width: 1040px !important;
        }

        .km-company-copy p+p {
            margin-top: 14px !important
        }


        /* Company intro width fix: remove awkward right-side empty space */
        .km-company-intro {
            padding: 34px 36px !important;
        }

        .km-company-intro h2 {
            max-width: none !important;
        }

        .km-company-copy {
            display: block !important;
            max-width: none !important;
            width: 100% !important;
        }

        .km-company-copy p {
            max-width: none !important;
            width: 100% !important;
        }

        .km-company-copy p+p {
            margin-top: 14px !important
        }

        @media(max-width:640px) {
            .km-company-intro {
                padding: 28px 24px !important
            }
        }


        /* Why capability icons: larger and centered inside each card */
        .km-feature-row .km-feature {
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important;
        }

        .km-feature-row .km-ico {
            width: 64px !important;
            height: 64px !important;
            border-radius: 18px !important;
            margin: 0 auto 18px !important;
            font-size: 30px !important;
            background: linear-gradient(135deg, #e6f5ff, #fff3df) !important;
            box-shadow: 0 12px 28px rgba(12, 139, 208, .13) !important;
        }

        .km-feature-row .km-feature b {
            font-size: 16px !important;
            margin-bottom: 9px !important;
        }

        .km-feature-row .km-feature p {
            max-width: 245px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }


        /* Why capability card alignment: icon/title centered, description left aligned */
        .km-feature-row .km-feature {
            text-align: center !important;
        }

        .km-feature-row .km-feature b {
            text-align: center !important;
            width: 100% !important;
        }

        .km-feature-row .km-feature p {
            text-align: left !important;
            max-width: 100% !important;
            width: 100% !important;
            margin: 0 !important;
        }


        /* Explore Kemler: click-to-show matching content only */
        .km-tab-hint {
            margin-top: 22px;
            padding: 16px 18px;
            border-radius: 18px;
            background: #eef1f3;
            border: 1px solid rgba(35, 56, 74, .16);
            color: #4e6174;
            font-weight: 760;
            text-align: center;
        }

        .km-tab-hint.is-hidden {
            display: none !important
        }

        .km-tab-panel {
            display: none !important
        }

        .km-tab-panel.is-active {
            display: block !important
        }

        .km-gateway-card.km-tab-trigger {
            cursor: pointer;
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease
        }

        .km-gateway-card.km-tab-trigger.is-active {
            border-color: rgba(35, 56, 74, .42) !important;
            box-shadow: 0 22px 58px rgba(20, 38, 52, .14) !important;
            transform: translateY(-2px);
        }

        .km-gateway-card.km-tab-trigger.is-active:before {
            content: "";
            position: absolute;
            right: 24px;
            top: 24px;
            z-index: 2;
            padding: 5px 9px;
            border-radius: 999px;
            background: #23384a;
            color: #fff;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .04em;
        }


        /* CSS-only fallback for Explore tabs because preview strips scripts */
        .km-tab-panel {
            display: none !important
        }

        .km-tab-panel:target {
            display: block !important
        }

        body:has(.km-tab-panel:target) #kmExploreHint {
            display: none !important
        }

        body:has(#products:target) .km-tab-trigger[data-km-tab="products"],
        body:has(#applications:target) .km-tab-trigger[data-km-tab="applications"],
        body:has(#custom:target) .km-tab-trigger[data-km-tab="custom"] {
            border-color: rgba(35, 56, 74, .42) !important;
            box-shadow: 0 22px 58px rgba(20, 38, 52, .14) !important;
            transform: translateY(-2px);
        }

        body:has(#products:target) .km-tab-trigger[data-km-tab="products"]:before,
        body:has(#applications:target) .km-tab-trigger[data-km-tab="applications"]:before,
        body:has(#custom:target) .km-tab-trigger[data-km-tab="custom"]:before {
            content: "";
            position: absolute;
            right: 24px;
            top: 24px;
            z-index: 2;
            padding: 5px 9px;
            border-radius: 999px;
            background: #23384a;
            color: #fff;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .04em;
        }

        /* Default Explore state: show Products content before the visitor selects another tab */
        body:not(:has(.km-tab-panel:target)) #products {
            display: block !important
        }

        body:not(:has(.km-tab-panel:target)) #kmExploreHint {
            display: none !important
        }

        body:not(:has(.km-tab-panel:target)) .km-tab-trigger[data-km-tab="products"] {
            border-color: rgba(35, 56, 74, .42) !important;
            box-shadow: 0 22px 58px rgba(20, 38, 52, .14) !important;
            transform: translateY(-2px);
        }

        body:not(:has(.km-tab-panel:target)) .km-tab-trigger[data-km-tab="products"]:before {
            content: "";
            position: absolute;
            right: 24px;
            top: 24px;
            z-index: 2;
            padding: 5px 9px;
            border-radius: 999px;
            background: #23384a;
            color: #fff;
            font-size: 11px;
            font-weight: 950;
            letter-spacing: .04em;
        }

        /* Unified capabilities module: tab selector and content read as one connected block */
        .km-tab-panel {
            background: #f3f5f6 !important;
            padding-top: 0 !important
        }

        .km-tab-panel .km-wrap {
            background: #fff;
            border: 1px solid #cfd8de;
            border-top: 0;
            border-radius: 0 0 30px 30px;
            padding: 8px 34px 42px;
            box-shadow: 0 26px 60px rgba(20, 38, 52, .08)
        }

        .km-tab-panel .km-section-head {
            border-top: 1px solid rgba(37, 55, 70, .10);
            padding-top: 28px;
            margin-top: 0
        }

        body:not(:has(.km-tab-panel:target)) .km-tab-trigger[data-km-tab="products"],
        body:has(#products:target) .km-tab-trigger[data-km-tab="products"],
        body:has(#applications:target) .km-tab-trigger[data-km-tab="applications"],
        body:has(#custom:target) .km-tab-trigger[data-km-tab="custom"] {
            background: #fffaf1 !important;
            box-shadow: inset 0 -3px 0 #f39a22, 0 14px 34px rgba(243, 154, 34, .14) !important;
            border-color: #f39a22 !important;
            transform: none !important;
        }

        /* Why Work With Us: match Capabilities Overview grey-blue manufacturing palette only */
        .km-section:has(.km-why-grid) {
            background: #f3f5f6 !important
        }

        .km-section:has(.km-why-grid) .km-section-head {
            border-bottom: 1px solid rgba(37, 55, 70, .12);
            padding-bottom: 20px
        }

        .km-section:has(.km-why-grid) .km-kicker {
            color: #667480
        }

        .km-section:has(.km-why-grid) h2 {
            color: #132b3d
        }

        /* Why icons: same Kemler Capabilities style, scaled for smaller Why Work With Us cards */
        .km-feature-row .km-ico {
            width: 64px !important;
            height: 64px !important;
            border-radius: 18px !important;
            background: #e8edf0 !important;
            border: 1px solid #d3dde3 !important;
            color: #23384a !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
            margin: 0 auto 16px !important;
            font-size: 0 !important
        }

        .km-feature-row .km-ico svg {
            width: 34px !important;
            height: 34px !important;
            stroke: currentColor !important
        }

        /* Products tab: B2B content-led product category layout */
        .km-product-showcase {
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
            gap: 30px;
            align-items: stretch
        }

        .km-product-copy {
            background: linear-gradient(180deg, #fff, #f8fafb);
            border: 1px solid #cfd8de;
            border-radius: 28px;
            padding: 34px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08)
        }

        .km-product-copy h2 {
            font-size: 38px;
            line-height: 1.12;
            margin: 10px 0 18px;
            color: #132b3d;
            letter-spacing: -.035em
        }

        .km-product-copy p {
            color: #53616b;
            line-height: 1.85;
            font-size: 17px;
            margin: 0;
            max-width: 760px
        }

        .km-product-cta {
            display: inline-flex;
            margin-top: 24px;
            align-items: center;
            justify-content: center;
            background: #f39a22 !important;
            border-color: #f39a22 !important;
            color: #fff !important
        }

        .km-product-categories {
            background: #f7f9fa;
            border: 1px solid #cfd8de;
            border-radius: 28px;
            padding: 22px;
            display: grid;
            gap: 14px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .06)
        }

        .km-category-heading {
            padding: 2px 4px 8px;
            border-bottom: 1px solid rgba(37, 55, 70, .12);
            margin-bottom: 2px
        }

        .km-category-heading span {
            font-size: 13px;
            font-weight: 950;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #667480
        }

        .km-category-card {
            display: grid;
            grid-template-columns: 48px 1fr;
            gap: 16px;
            align-items: start;
            background: #fff;
            border: 1px solid #cfd8de;
            border-radius: 20px;
            padding: 20px;
            box-shadow: 0 10px 28px rgba(20, 38, 52, .05)
        }

        .km-category-index {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            background: #e8edf0;
            border: 1px solid #d3dde3;
            display: grid;
            place-items: center;
            color: #23384a;
            font-weight: 950;
            font-size: 13px
        }

        .km-category-card h3 {
            margin: 0 0 8px;
            color: #132b3d;
            font-size: 21px;
            letter-spacing: -.02em
        }

        .km-category-card p {
            margin: 0;
            color: #53616b;
            line-height: 1.62
        }

        @media(max-width:900px) {
            .km-product-showcase {
                grid-template-columns: 1fr
            }

            .km-product-copy h2 {
                font-size: 31px
            }

            .km-product-categories {
                padding: 18px
            }
        }

        /* Products tab refinement: reduce nested card feeling and present one unified B2B content area */
        .km-product-showcase-simple {
            display: block;
            background: linear-gradient(180deg, #fff, #f8fafb);
            border: 1px solid #cfd8de;
            border-radius: 28px;
            padding: 36px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08)
        }

        .km-product-showcase-simple .km-product-copy {
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            padding: 0 !important;
            box-shadow: none !important;
            max-width: 980px
        }

        .km-product-showcase-simple .km-product-copy h2 {
            max-width: 840px
        }

        .km-product-showcase-simple .km-product-copy p {
            max-width: 980px
        }

        .km-product-showcase-simple .km-product-categories {
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            padding: 28px 0 0 !important;
            box-shadow: none !important;
            margin-top: 28px;
            border-top: 1px solid rgba(37, 55, 70, .14) !important;
            display: block !important
        }

        .km-product-showcase-simple .km-category-heading {
            border: 0 !important;
            margin: 0 0 10px !important;
            padding: 0 !important
        }

        .km-category-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 34px;
            row-gap: 0
        }

        .km-category-row {
            padding: 18px 0;
            border-bottom: 1px solid rgba(37, 55, 70, .12)
        }

        .km-category-row h3 {
            margin: 0 0 7px;
            color: #132b3d;
            font-size: 20px;
            letter-spacing: -.02em
        }

        .km-category-row p {
            margin: 0;
            color: #53616b;
            line-height: 1.62
        }

        @media(max-width:900px) {
            .km-product-showcase-simple {
                padding: 28px
            }

            .km-category-list {
                grid-template-columns: 1fr
            }

            .km-product-showcase-simple .km-product-copy h2 {
                font-size: 31px
            }
        }


        @media (max-width:980px) {

            .km-app-grid-featured,
            .km-app-grid-compact {
                grid-template-columns: repeat(2, 1fr)
            }

            .km-app-grid-featured .km-app,
            .km-app-grid-compact .km-app {
                min-height: 245px
            }
        }

        @media (max-width:640px) {

            .km-app-grid-featured,
            .km-app-grid-compact {
                grid-template-columns: 1fr
            }

            .km-app-grid-featured .km-app,
            .km-app-grid-compact .km-app {
                min-height: 235px
            }
        }

        /* Application header refinement */
        .km-app-header {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto !important;
            gap: 28px !important;
            align-items: center !important;
            margin-bottom: 34px !important
        }

        .km-app-heading {
            max-width: 850px !important
        }

        .km-app-heading .km-kicker {
            display: block !important;
            margin-bottom: 8px !important
        }

        .km-app-heading h2 {
            margin: 0 !important;
            color: #063a5c !important
        }

        .km-application-lead {
            display: block !important;
            margin: 14px 0 0 !important;
            max-width: 820px !important;
            background: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            color: #53616b !important;
            font-size: 18px !important;
            line-height: 1.7 !important;
            font-weight: 500 !important;
            box-shadow: none !important
        }

        .km-app-action {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            align-self: center !important;
            min-width: 180px !important
        }

        .km-app-cta {
            white-space: nowrap !important;
            background: #f39a22 !important;
            border-color: #f39a22 !important;
            color: #fff !important;
            box-shadow: 0 12px 28px rgba(243, 154, 34, .22) !important
        }

        @media(max-width:820px) {
            .km-app-header {
                grid-template-columns: 1fr !important;
                gap: 18px !important;
                align-items: flex-start !important
            }

            .km-app-action {
                justify-content: flex-start !important;
                min-width: 0 !important
            }

            .km-application-lead {
                font-size: 16px !important
            }
        }

        /* Custom manufacturing refinement */
        .km-custom-manufacturing-v2 {
            background: linear-gradient(180deg, #ffffff 0%, #f6fafc 100%) !important
        }

        .km-custom-head {
            align-items: flex-end !important;
            margin-bottom: 34px !important
        }

        .km-custom-head p {
            max-width: 560px !important
        }

        .km-process-flow {
            position: relative;
            display: grid !important;
            grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
            gap: 0 !important;
            margin: 8px 0 44px !important;
            padding: 22px 0 6px !important;
            border-top: 1px solid rgba(12, 139, 208, .20) !important;
            border-bottom: 1px solid rgba(12, 139, 208, .12) !important
        }

        .km-process-flow:before {
            content: "";
            position: absolute;
            left: 6%;
            right: 6%;
            top: 38px;
            height: 2px;
            background: linear-gradient(90deg, #0c8bd0, #f39a22);
            opacity: .45
        }

        .km-flow-step {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 0 10px 18px !important;
            color: #063a5c !important
        }

        .km-flow-step span {
            display: grid;
            place-items: center;
            width: 36px;
            height: 36px;
            margin: 0 auto 13px;
            border-radius: 999px;
            background: #fff;
            color: #0c8bd0;
            border: 2px solid rgba(12, 139, 208, .38);
            box-shadow: 0 8px 22px rgba(12, 139, 208, .12);
            font-size: 12px;
            font-weight: 950;
            letter-spacing: .03em
        }

        .km-flow-step b {
            display: block;
            font-size: 14px;
            line-height: 1.3;
            color: #17394d;
            font-weight: 850
        }

        .km-custom-support {
            display: grid !important;
            grid-template-columns: 260px minmax(0, 1fr) !important;
            gap: 34px !important;
            align-items: start !important;
            margin-top: 2px !important
        }

        .km-support-heading h3 {
            font-size: 32px;
            line-height: 1.08;
            margin: 8px 0 0;
            color: #063a5c;
            letter-spacing: -.03em
        }

        .km-support-icon-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 10px 18px !important
        }

        .km-support-icon-item {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            min-height: 58px !important;
            padding: 8px 0 !important;
            border-bottom: 1px solid rgba(10, 54, 83, .12) !important;
            background: transparent !important;
            border-radius: 0 !important;
            box-shadow: none !important
        }

        .km-support-icon-item span {
            display: grid;
            place-items: center;
            width: 32px;
            height: 32px;
            border-radius: 12px;
            background: rgba(12, 139, 208, .09);
            color: #0c8bd0;
            font-size: 17px;
            font-weight: 900;
            flex: 0 0 auto
        }

        .km-support-icon-item b {
            font-size: 15px;
            line-height: 1.28;
            color: #17394d;
            font-weight: 820
        }

        .km-custom-note {
            margin-top: 36px;
            padding: 22px 0 0;
            border-top: 1px solid rgba(10, 54, 83, .10);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 22px
        }

        .km-custom-note p {
            max-width: 720px;
            margin: 0;
            color: #53616b;
            line-height: 1.7;
            font-weight: 500
        }

        .km-custom-note .km-btn {
            white-space: nowrap
        }

        @media(max-width:1080px) {
            .km-process-flow {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                row-gap: 18px !important
            }

            .km-process-flow:before {
                display: none
            }

            .km-custom-support {
                grid-template-columns: 1fr !important
            }

            .km-support-icon-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }
        }

        @media(max-width:680px) {
            .km-process-flow {
                grid-template-columns: 1fr !important
            }

            .km-flow-step {
                text-align: left !important;
                display: flex;
                align-items: center;
                gap: 12px
            }

            .km-flow-step span {
                margin: 0 !important
            }

            .km-support-icon-grid {
                grid-template-columns: 1fr !important
            }

            .km-custom-note {
                align-items: flex-start;
                flex-direction: column
            }

            .km-support-heading h3 {
                font-size: 28px
            }
        }


        /* Custom manufacturing intro copy placement */
        .km-custom-head {
            display: block !important;
            max-width: 760px !important;
            margin-bottom: 34px !important
        }

        .km-custom-head>p {
            display: none !important
        }

        .km-custom-intro-copy {
            margin-top: 12px !important;
            max-width: 720px !important;
            color: #53616b !important
        }

        .km-custom-intro-copy p {
            margin: 0 0 8px !important;
            color: #53616b !important;
            font-size: 18px !important;
            line-height: 1.7 !important;
            font-weight: 500 !important
        }

        .km-custom-intro-copy p:last-child {
            margin-bottom: 0 !important
        }

        .km-custom-intro-copy strong {
            color: #17394d !important;
            font-weight: 780 !important
        }


        /* Custom manufacturing CTA panel */
        .km-custom-cta-panel {
            margin-top: 38px !important;
            padding: 28px 30px !important;
            border: 1px solid rgba(12, 139, 208, .16) !important;
            border-radius: 28px !important;
            background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(238, 248, 253, .92)) !important;
            box-shadow: 0 22px 60px rgba(17, 48, 70, .10) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 24px !important
        }

        .km-custom-cta-copy h3 {
            margin: 0 0 8px !important;
            color: #063a5c !important;
            font-size: 28px !important;
            line-height: 1.12 !important;
            letter-spacing: -.025em !important
        }

        .km-custom-cta-copy p {
            margin: 0 !important;
            max-width: 760px !important;
            color: #53616b !important;
            line-height: 1.68 !important;
            font-weight: 500 !important
        }

        .km-custom-cta-actions {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            flex: 0 0 auto !important
        }

        .km-custom-cta-actions .km-btn {
            white-space: nowrap !important
        }

        .km-contact-placeholder {
            border-color: rgba(6, 58, 92, .24) !important;
            color: #063a5c !important;
            background: rgba(255, 255, 255, .70) !important
        }

        .km-contact-placeholder:hover {
            background: #fff !important;
            border-color: rgba(12, 139, 208, .36) !important;
            color: #0c6fa6 !important
        }

        @media(max-width:820px) {
            .km-custom-cta-panel {
                align-items: flex-start !important;
                flex-direction: column !important;
                padding: 24px !important
            }

            .km-custom-cta-actions {
                width: 100%;
                flex-wrap: wrap
            }

            .km-custom-cta-actions .km-btn {
                flex: 1 1 180px;
                text-align: center
            }

            .km-custom-cta-copy h3 {
                font-size: 24px !important
            }
        }


        /* Factory capability refinement: lighter data strip, less card stacking */
        .km-factory-v2 {
            background: linear-gradient(180deg, #f7fbfd 0%, #eef7fb 100%) !important;
            position: relative;
            overflow: hidden !important
        }

        .km-factory-v2:before {
            content: "";
            position: absolute;
            inset: auto -10% 18% -10%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(12, 139, 208, .32), transparent)
        }

        .km-factory-header {
            display: flex !important;
            align-items: flex-end !important;
            justify-content: space-between !important;
            gap: 24px !important;
            margin-bottom: 30px !important
        }

        .km-factory-header h2 {
            margin: 0 !important;
            color: #063a5c !important;
            font-size: clamp(34px, 4vw, 56px) !important;
            line-height: .98 !important;
            letter-spacing: -.045em !important;
            max-width: 680px !important
        }

        .km-factory-header .km-kicker {
            flex: 0 0 auto !important;
            margin-bottom: 8px !important
        }

        .km-factory-metrics-strip {
            display: grid !important;
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
            gap: 0 !important;
            background: rgba(255, 255, 255, .64) !important;
            border-top: 1px solid rgba(12, 139, 208, .18) !important;
            border-bottom: 1px solid rgba(12, 139, 208, .18) !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            backdrop-filter: blur(10px) !important
        }

        .km-factory-metrics-strip .km-stat {
            position: relative !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 28px 22px !important;
            min-height: 132px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important
        }

        .km-factory-metrics-strip .km-stat:not(:last-child):after {
            content: "";
            position: absolute;
            right: 0;
            top: 26px;
            bottom: 26px;
            width: 1px;
            background: linear-gradient(180deg, transparent, rgba(10, 54, 83, .18), transparent)
        }

        .km-factory-metrics-strip .km-stat strong {
            display: block !important;
            font-size: clamp(28px, 3.1vw, 46px) !important;
            line-height: 1 !important;
            color: #0c8bd0 !important;
            letter-spacing: -.055em !important;
            font-weight: 950 !important;
            white-space: nowrap !important
        }

        .km-factory-metrics-strip .km-stat span {
            margin-top: 12px !important;
            color: #53616b !important;
            font-weight: 780 !important;
            line-height: 1.35 !important;
            font-size: 14px !important
        }

        .km-factory-link {
            margin-top: 28px !important;
            text-align: right !important
        }

        @media(max-width:1080px) {
            .km-factory-metrics-strip {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important
            }

            .km-factory-metrics-strip .km-stat:nth-child(3):after {
                display: none
            }

            .km-factory-header {
                display: block !important
            }

            .km-factory-header h2 {
                margin-top: 10px !important
            }

            .km-factory-link {
                text-align: left !important
            }
        }

        @media(max-width:640px) {
            .km-factory-metrics-strip {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important
            }

            .km-factory-metrics-strip .km-stat {
                padding: 22px 16px !important;
                min-height: 112px !important
            }

            .km-factory-metrics-strip .km-stat:nth-child(3):after {
                display: block
            }

            .km-factory-metrics-strip .km-stat:nth-child(even):after {
                display: none
            }

            .km-factory-metrics-strip .km-stat strong {
                font-size: 30px !important
            }
        }


        /* CSS-only metric roll animation for Sitelet-safe preview */
        .km-factory-metrics-strip .km-stat strong {
            animation: kmMetricRoll .78s cubic-bezier(.18, .78, .18, 1) both !important;
            transform-origin: 50% 100%;
            display: inline-block !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(1) strong {
            animation-delay: .04s !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(2) strong {
            animation-delay: .12s !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(3) strong {
            animation-delay: .20s !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(4) strong {
            animation-delay: .28s !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(5) strong {
            animation-delay: .36s !important
        }

        .km-factory-metrics-strip .km-stat:nth-child(6) strong {
            animation-delay: .44s !important
        }

        @keyframes kmMetricRoll {
            0% {
                opacity: 0;
                transform: translateY(22px) rotateX(72deg);
                filter: blur(7px)
            }

            55% {
                opacity: 1;
                transform: translateY(-3px) rotateX(-8deg);
                filter: blur(0)
            }

            100% {
                opacity: 1;
                transform: translateY(0) rotateX(0);
                filter: blur(0)
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .km-factory-metrics-strip .km-stat strong {
                animation: none !important
            }
        }


        /* Factory capability v3: stable editorial metrics layout */
        .km-factory-v3 {
            background: linear-gradient(180deg, #f8fbfd 0%, #eef6fa 100%) !important;
            overflow: hidden !important
        }

        .km-factory-layout {
            display: grid !important;
            grid-template-columns: minmax(280px, .75fr) minmax(520px, 1.25fr) !important;
            gap: 56px !important;
            align-items: center !important
        }

        .km-factory-copy h2 {
            margin: 12px 0 26px !important;
            color: #063a5c !important;
            font-size: clamp(38px, 4.7vw, 62px) !important;
            line-height: .98 !important;
            letter-spacing: -.055em !important;
            max-width: 520px !important
        }

        .km-factory-copy .km-btn {
            white-space: nowrap !important
        }

        .km-factory-metrics-list {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 0 42px !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important
        }

        .km-factory-metrics-list .km-stat {
            position: relative !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 24px 0 !important;
            min-height: 104px !important;
            border-top: 1px solid rgba(10, 54, 83, .16) !important;
            display: block !important
        }

        .km-factory-metrics-list .km-stat:nth-last-child(-n+2) {
            border-bottom: 1px solid rgba(10, 54, 83, .16) !important
        }

        .km-factory-metrics-list .km-stat strong {
            display: block !important;
            color: #0c8bd0 !important;
            font-size: clamp(34px, 4vw, 52px) !important;
            line-height: 1 !important;
            font-weight: 950 !important;
            letter-spacing: -.06em !important;
            white-space: nowrap !important;
            animation: kmMetricRoll .78s cubic-bezier(.18, .78, .18, 1) both !important
        }

        .km-factory-metrics-list .km-stat span {
            display: block !important;
            margin-top: 10px !important;
            color: #53616b !important;
            font-weight: 780 !important;
            line-height: 1.35 !important;
            font-size: 15px !important
        }

        .km-factory-metrics-list .km-stat:nth-child(1) strong {
            animation-delay: .04s !important
        }

        .km-factory-metrics-list .km-stat:nth-child(2) strong {
            animation-delay: .12s !important
        }

        .km-factory-metrics-list .km-stat:nth-child(3) strong {
            animation-delay: .20s !important
        }

        .km-factory-metrics-list .km-stat:nth-child(4) strong {
            animation-delay: .28s !important
        }

        .km-factory-metrics-list .km-stat:nth-child(5) strong {
            animation-delay: .36s !important
        }

        .km-factory-metrics-list .km-stat:nth-child(6) strong {
            animation-delay: .44s !important
        }

        @media(max-width:980px) {
            .km-factory-layout {
                grid-template-columns: 1fr !important;
                gap: 30px !important
            }

            .km-factory-metrics-list {
                gap: 0 28px !important
            }

            .km-factory-copy h2 {
                max-width: 720px !important
            }
        }

        @media(max-width:620px) {
            .km-factory-metrics-list {
                grid-template-columns: 1fr !important
            }

            .km-factory-metrics-list .km-stat:nth-last-child(2) {
                border-bottom: 0 !important
            }

            .km-factory-metrics-list .km-stat strong {
                font-size: 36px !important
            }
        }




        /* 20260702 Custom Manufacturing color unification with Kemler Capabilities gateway cards */
        .km-custom-manufacturing-v2 {
            background: #f3f5f6 !important;
            padding-top: 0 !important;
        }

        .km-custom-manufacturing-v2 .km-wrap {
            background: #fff !important;
            border: 1px solid #cfd8de !important;
            border-top: 0 !important;
            border-radius: 0 0 30px 30px !important;
            padding: 42px 34px 46px !important;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08) !important;
        }

        .km-custom-manufacturing-v2 .km-kicker {
            color: #53616b !important;
            background: #eef2f4 !important;
            border: 1px solid #d3dde3 !important;
        }

        .km-custom-manufacturing-v2 .km-custom-intro-copy,
        .km-custom-manufacturing-v2 .km-custom-intro-copy p,
        .km-custom-manufacturing-v2 .km-custom-note p {
            color: #53616b !important;
        }

        .km-custom-manufacturing-v2 .km-custom-intro-copy strong,
        .km-custom-manufacturing-v2 .km-support-heading h3,
        .km-custom-manufacturing-v2 .km-custom-cta-copy h3,
        .km-custom-manufacturing-v2 .km-flow-step b,
        .km-custom-manufacturing-v2 .km-support-icon-item b {
            color: #132b3d !important;
        }

        .km-custom-manufacturing-v2 .km-process-flow {
            background: #f7f9fa !important;
            border: 1px solid #cfd8de !important;
            border-radius: 22px !important;
            padding: 24px 16px 10px !important;
            box-shadow: none !important;
        }

        .km-custom-manufacturing-v2 .km-process-flow:before {
            background: #d3dde3 !important;
            opacity: 1 !important;
            height: 1px !important;
        }

        .km-custom-manufacturing-v2 .km-flow-step span {
            background: #e8edf0 !important;
            color: #23384a !important;
            border: 1px solid #d3dde3 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
        }

        .km-custom-manufacturing-v2 .km-custom-support {
            background: #fff !important;
            border: 1px solid #cfd8de !important;
            border-radius: 22px !important;
            padding: 28px !important;
            box-shadow: none !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-grid {
            gap: 0 !important;
            border: 1px solid #cfd8de !important;
            border-radius: 22px !important;
            overflow: hidden !important;
            background: #f7f9fa !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-item {
            min-height: 76px !important;
            padding: 16px 18px !important;
            background: transparent !important;
            border-bottom: 1px solid #cfd8de !important;
            border-right: 1px solid #cfd8de !important;
            border-radius: 0 !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-item:nth-child(3n) {
            border-right: 0 !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-item:nth-last-child(-n+3) {
            border-bottom: 0 !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-item:hover {
            background: #eef2f4 !important;
        }

        .km-custom-manufacturing-v2 .km-support-icon-item span {
            width: 40px !important;
            height: 40px !important;
            border-radius: 14px !important;
            background: #e8edf0 !important;
            color: #23384a !important;
            border: 1px solid #d3dde3 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
        }

        .km-custom-manufacturing-v2 .km-custom-cta-panel {
            background: #f7f9fa !important;
            border: 1px solid #cfd8de !important;
            border-radius: 22px !important;
            box-shadow: none !important;
        }

        .km-custom-manufacturing-v2 .km-ghost {
            background: #fff !important;
            color: #23384a !important;
            border: 1px solid #cfd8de !important;
            box-shadow: none !important;
        }

        .km-custom-manufacturing-v2 .km-ghost:hover {
            background: #eef2f4 !important;
        }

        @media(max-width:1080px) {
            .km-custom-manufacturing-v2 .km-support-icon-item:nth-child(n) {
                border-right: 0 !important;
            }

            .km-custom-manufacturing-v2 .km-support-icon-item:nth-last-child(-n+3) {
                border-bottom: 1px solid #cfd8de !important;
            }

            .km-custom-manufacturing-v2 .km-support-icon-item:last-child {
                border-bottom: 0 !important;
            }
        }

        @media(max-width:680px) {
            .km-custom-manufacturing-v2 .km-wrap {
                padding: 34px 20px 38px !important;
            }

            .km-custom-manufacturing-v2 .km-custom-support {
                padding: 20px !important;
            }
        }



        /* 20260702 layout refinement: widen Products and Custom Manufacturing intro copy */
        .km-product-showcase-simple .km-product-copy {
            max-width: 100% !important;
            width: 100% !important;
        }

        .km-product-showcase-simple .km-product-copy h2 {
            max-width: 1080px !important;
        }

        .km-product-showcase-simple .km-product-copy p {
            max-width: 1080px !important;
            width: 100% !important;
        }

        .km-custom-manufacturing-v2 .km-custom-head {
            max-width: 1080px !important;
            width: 100% !important;
        }

        .km-custom-manufacturing-v2 .km-custom-intro-copy {
            max-width: 1080px !important;
            width: 100% !important;
        }

        .km-custom-manufacturing-v2 .km-custom-intro-copy p {
            max-width: 1080px !important;
            width: 100% !important;
        }

        @media(max-width:680px) {

            .km-product-showcase-simple .km-product-copy h2,
            .km-product-showcase-simple .km-product-copy p,
            .km-custom-manufacturing-v2 .km-custom-head,
            .km-custom-manufacturing-v2 .km-custom-intro-copy,
            .km-custom-manufacturing-v2 .km-custom-intro-copy p {
                max-width: 100% !important;
            }
        }



        /* 20260703 FINAL override: make Custom Manufacturing match Applications kicker */
        html body main #custom.km-custom-manufacturing-v2 .km-wrap .km-custom-app-header {
            display: flex !important;
            justify-content: flex-start !important;
            align-items: flex-start !important;
            margin: 0 0 34px !important;
        }

        html body main #custom.km-custom-manufacturing-v2 .km-wrap .km-custom-heading {
            max-width: 1080px !important;
            width: 100% !important;
            margin: 0 !important;
            text-align: left !important;
        }

        html body main #custom.km-custom-manufacturing-v2 .km-wrap .km-custom-label-final,
        html body main #custom.km-custom-manufacturing-v2 .km-wrap span.km-kicker.km-custom-label-final {
            display: inline !important;
            color: #0c8bd0 !important;
            background: none !important;
            background-color: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
            min-width: 0 !important;
            width: auto !important;
            height: auto !important;
            line-height: 1.2 !important;
            font-weight: 950 !important;
            text-transform: uppercase !important;
            letter-spacing: .11em !important;
            font-size: 13px !important;
        }

        html body main #custom.km-custom-manufacturing-v2 .km-wrap .km-custom-intro-copy {
            max-width: 1080px !important;
            margin-top: 12px !important;
        }



        /* 20260703 Factory Capability industrial gray background alignment */
        html body main #factory.km-factory,
        html body main #factory.km-factory-v3 {
            background: #f3f5f6 !important;
        }

        html body main #factory.km-factory .km-wrap,
        html body main #factory.km-factory-v3 .km-wrap {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        html body main #factory.km-factory .km-stat,
        html body main #factory.km-factory-v3 .km-stat {
            border-color: #cfd8de !important;
        }



        /* 20260703 Factory Capability stable number motion - no card movement */
        @keyframes kmFactoryNumberFocus {

            0%,
            100% {
                text-shadow: 0 0 0 rgba(12, 139, 208, 0);
                filter: saturate(1)
            }

            45%,
            55% {
                text-shadow: 0 8px 22px rgba(12, 139, 208, .24);
                filter: saturate(1.18)
            }
        }

        @keyframes kmFactoryLineFill {
            0% {
                transform: scaleX(0);
                opacity: .25
            }

            28%,
            62% {
                transform: scaleX(1);
                opacity: .9
            }

            100% {
                transform: scaleX(1);
                opacity: .32
            }
        }

        @keyframes kmFactorySoftHalo {

            0%,
            100% {
                opacity: .04
            }

            50% {
                opacity: .16
            }
        }

        html body main #factory .km-stat {
            position: relative;
            overflow: hidden;
            transform: none !important;
            border-color: #cfd8de !important;
            transition: border-color .28s ease, box-shadow .28s ease;
        }

        html body main #factory .km-stat::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 22% 18%, rgba(12, 139, 208, .28), transparent 42%);
            opacity: .06;
            animation: kmFactorySoftHalo 5.8s ease-in-out infinite;
            pointer-events: none;
        }

        html body main #factory .km-stat::after {
            content: "";
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 13px;
            height: 3px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(12, 139, 208, .12), rgba(12, 139, 208, .85), rgba(12, 139, 208, .18));
            transform: scaleX(0);
            transform-origin: left center;
            animation: kmFactoryLineFill 4.8s ease-in-out infinite;
            pointer-events: none;
        }

        html body main #factory .km-stat strong {
            position: relative;
            z-index: 1;
            animation: kmFactoryNumberFocus 4.8s ease-in-out infinite;
        }

        html body main #factory .km-stat span {
            position: relative;
            z-index: 1;
        }

        html body main #factory .km-stat:nth-child(2)::before,
        html body main #factory .km-stat:nth-child(2)::after,
        html body main #factory .km-stat:nth-child(2) strong {
            animation-delay: .22s
        }

        html body main #factory .km-stat:nth-child(3)::before,
        html body main #factory .km-stat:nth-child(3)::after,
        html body main #factory .km-stat:nth-child(3) strong {
            animation-delay: .44s
        }

        html body main #factory .km-stat:nth-child(4)::before,
        html body main #factory .km-stat:nth-child(4)::after,
        html body main #factory .km-stat:nth-child(4) strong {
            animation-delay: .66s
        }

        html body main #factory .km-stat:nth-child(5)::before,
        html body main #factory .km-stat:nth-child(5)::after,
        html body main #factory .km-stat:nth-child(5) strong {
            animation-delay: .88s
        }

        html body main #factory .km-stat:nth-child(6)::before,
        html body main #factory .km-stat:nth-child(6)::after,
        html body main #factory .km-stat:nth-child(6) strong {
            animation-delay: 1.1s
        }

        html body main #factory .km-stat:hover {
            border-color: rgba(12, 139, 208, .34) !important;
            box-shadow: 0 18px 48px rgba(20, 38, 52, .12) !important;
        }

        @media (prefers-reduced-motion: reduce) {

            html body main #factory .km-stat,
            html body main #factory .km-stat::before,
            html body main #factory .km-stat::after,
            html body main #factory .km-stat strong {
                animation: none !important;
                transform: none !important;
                text-shadow: none !important;
                filter: none !important;
            }
        }



        /* 20260703 RFQ layout fix on mr4e505p: title/copy left, form right */
        #rfq.km-contact .km-wrap {
            max-width: 1160px !important;
        }

        #rfq.km-contact .km-contact-grid {
            display: grid !important;
            grid-template-columns: minmax(340px, 1fr) minmax(460px, 1.03fr) !important;
            gap: clamp(34px, 5vw, 68px) !important;
            align-items: center !important;
        }

        #rfq.km-contact .km-rfq-copy {
            max-width: 540px !important;
        }

        #rfq.km-contact .km-rfq-copy h2 {
            margin: 10px 0 18px !important;
            max-width: 520px !important;
            line-height: 1.05 !important;
        }

        #rfq.km-contact .km-contact-lead {
            max-width: 540px !important;
            margin: 0 0 24px !important;
            line-height: 1.72 !important;
        }

        #rfq.km-contact .km-contact-points {
            max-width: 520px !important;
            display: grid !important;
            gap: 13px !important;
        }

        #rfq.km-contact .km-rfq-form-panel {
            width: 100% !important;
            max-width: 760px !important;
            margin-left: auto !important;
        }

        #rfq.km-contact .km-form-grid {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 16px !important;
        }

        #rfq.km-contact .km-form-grid .km-full {
            grid-column: 1/-1 !important;
        }

        #rfq.km-contact .km-note {
            margin-top: 14px !important;
            padding: 12px 14px !important;
            border-radius: 14px !important;
            background: rgba(255, 255, 255, .10) !important;
            border: 1px solid rgba(255, 255, 255, .18) !important;
            line-height: 1.55 !important;
        }

        @media (max-width:900px) {
            #rfq.km-contact .km-contact-grid {
                grid-template-columns: 1fr !important;
                align-items: start !important;
            }

            #rfq.km-contact .km-rfq-copy,
            #rfq.km-contact .km-rfq-form-panel {
                max-width: none !important;
                margin-left: 0 !important;
            }
        }

        @media (max-width:620px) {
            #rfq.km-contact .km-form-grid {
                grid-template-columns: 1fr !important;
            }
        }



        /* 20260703 RFQ visual balance patch: top-align copy and form */
        #rfq.km-contact .km-contact-grid {
            align-items: start !important;
        }

        #rfq.km-contact .km-rfq-copy {
            padding-top: 10px !important;
        }

        #rfq.km-contact .km-rfq-form-panel {
            padding: 24px !important;
            border-radius: 26px !important;
        }

        #rfq.km-contact .km-rfq-copy h2 {
            font-size: clamp(34px, 4.2vw, 54px) !important;
        }

        #rfq.km-contact .km-contact-lead {
            font-size: 17px !important;
        }

        #rfq.km-contact .km-form-grid {
            gap: 14px 16px !important;
        }

        #rfq.km-contact .km-rfq-form-panel textarea {
            min-height: 112px !important;
        }

        #rfq.km-contact .km-btn {
            margin-top: 14px !important;
        }




        /* 20260703 Why Work With Us CTA hierarchy */
        .km-why-ctas a.km-why-secondary {
            background: #f4f8fb !important;
            border-color: #dce6ee !important;
            color: #063a5c !important;
            box-shadow: 0 10px 24px rgba(10, 45, 78, .06) !important;
        }

        .km-why-ctas a.km-why-secondary:hover {
            background: #eaf2f7 !important;
            border-color: #cbdce8 !important;
            color: #052f4c !important;
        }

        .km-why-ctas a.km-why-primary {
            background: #f39a22 !important;
            border-color: #f39a22 !important;
            color: #fff !important;
            box-shadow: 0 14px 28px rgba(243, 154, 34, .24) !important;
        }

        .km-why-ctas a.km-why-primary:hover {
            background: #e88713 !important;
            border-color: #e88713 !important;
            color: #fff !important;
            transform: translateY(-1px);
        }

        /* 20260703 Homepage efficient overview variant */
        .km-overview-gateway {
            background: #f3f5f6 !important;
        }

        .km-overview-gateway .km-wrap {
            padding: 38px !important;
            border-bottom: 1px solid #cfd8de !important;
            border-radius: 30px !important;
        }

        .km-overview-head {
            display: flex !important;
            align-items: flex-end !important;
            justify-content: space-between !important;
            gap: 28px !important;
            border-bottom: 1px solid rgba(37, 55, 70, .12) !important;
            padding-bottom: 24px !important;
            margin-bottom: 26px !important;
        }

        .km-overview-head>div {
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }

        .km-overview-head p {
            margin: 12px 0 0 !important;
            max-width: none !important;
            width: 100% !important;
            color: #647386 !important;
            font-size: 17px !important;
            line-height: 1.7 !important;
        }

        .km-overview-rfq {
            white-space: nowrap !important;
            flex: 0 0 auto !important;
        }

        .km-overview-grid {
            gap: 18px !important;
            border: 0 !important;
            background: transparent !important;
            overflow: visible !important;
            align-items: stretch !important;
        }

        .km-overview-card {
            border: 1px solid #dce6ee !important;
            border-radius: 26px !important;
            background: linear-gradient(180deg, #fff, #f8fbfd) !important;
            padding: 28px !important;
            min-height: 430px !important;
            align-items: flex-start !important;
            justify-content: flex-start !important;
            text-align: left !important;
            box-shadow: 0 16px 42px rgba(17, 48, 70, .08) !important;
            transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
        }

        .km-overview-card:last-child {
            border-right: 1px solid #dce6ee !important;
        }

        .km-overview-card:hover {
            background: #fff !important;
            transform: translateY(-3px) !important;
            box-shadow: 0 22px 56px rgba(17, 48, 70, .12) !important;
            border-color: #cbdce8 !important;
        }

        .km-overview-card .km-gateway-icon {
            margin: 0 0 18px !important;
            width: 66px !important;
            height: 66px !important;
            border-radius: 20px !important;
            background: #edf4f8 !important;
            color: #063a5c !important;
        }

        .km-overview-card .km-gateway-icon svg {
            width: 34px !important;
            height: 34px !important;
        }

        .km-overview-card .km-overview-label {
            display: inline-flex !important;
            margin: 0 0 10px !important;
            padding: 6px 10px !important;
            border-radius: 999px !important;
            background: #fff3df !important;
            color: #8b4b00 !important;
            font-size: 12px !important;
            font-weight: 950 !important;
            text-transform: uppercase !important;
            letter-spacing: .08em !important;
        }

        .km-overview-card h3 {
            font-size: 25px !important;
            line-height: 1.08 !important;
            text-align: left !important;
            margin: 0 0 12px !important;
            color: #063a5c !important;
        }

        .km-overview-card p {
            display: block !important;
            margin: 0 0 18px !important;
            color: #647386 !important;
            line-height: 1.62 !important;
            font-size: 15.5px !important;
        }

        .km-overview-card ul {
            list-style: none !important;
            margin: 0 0 22px !important;
            padding: 0 !important;
            display: grid !important;
            gap: 10px !important;
        }

        .km-overview-card li {
            position: relative !important;
            padding-left: 20px !important;
            color: #344b5c !important;
            font-weight: 750 !important;
            line-height: 1.38 !important;
            font-size: 14.5px !important;
        }

        .km-overview-card li:before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            top: .58em !important;
            width: 7px !important;
            height: 7px !important;
            border-radius: 999px !important;
            background: #f39a22 !important;
            box-shadow: 0 0 0 3px rgba(243, 154, 34, .14) !important;
        }

        .km-overview-card .km-more {
            display: inline-flex !important;
            margin-top: auto !important;
            color: #0c6fa6 !important;
            font-weight: 950 !important;
            align-items: center !important;
        }

        .km-overview-card .km-more:after {
            content: "→";
            margin-left: 8px;
            transition: transform .2s ease;
        }

        .km-overview-card:hover .km-more:after {
            transform: translateX(3px);
        }

        @media(max-width:980px) {
            .km-overview-head {
                align-items: flex-start !important;
                flex-direction: column !important
            }

            .km-overview-grid {
                grid-template-columns: 1fr !important
            }

            .km-overview-card {
                min-height: auto !important
            }

            .km-overview-rfq {
                width: 100% !important
            }
        }

        /* 20260703 RFQ text readability patch */
        #rfq.km-contact .km-rfq-copy h2 {
            color: #fff !important;
            text-shadow: 0 2px 18px rgba(0, 0, 0, .22) !important;
        }

        #rfq.km-contact .km-note {
            margin-top: 12px !important;
            padding: 0 !important;
            border: 0 !important;
            background: transparent !important;
            border-radius: 0 !important;
            color: rgba(255, 255, 255, .84) !important;
            box-shadow: none !important;
        }


        /* 20260703 overview card label removal + CTA-yellow selected state */
        .km-overview-card .km-gateway-tag {
            display: none !important;
        }

        body:not(:has(.km-tab-panel:target)) .km-overview-card[data-km-tab="products"],
        body:has(#products:target) .km-overview-card[data-km-tab="products"],
        body:has(#applications:target) .km-overview-card[data-km-tab="applications"],
        body:has(#custom:target) .km-overview-card[data-km-tab="custom"] {
            border-color: #f39a22 !important;
            box-shadow: inset 0 -3px 0 #f39a22, 0 14px 36px rgba(243, 154, 34, .16) !important;
            background: #fffaf1 !important;
        }

        body:not(:has(.km-tab-panel:target)) .km-overview-card[data-km-tab="products"] .km-more,
        body:has(#products:target) .km-overview-card[data-km-tab="products"] .km-more,
        body:has(#applications:target) .km-overview-card[data-km-tab="applications"] .km-more,
        body:has(#custom:target) .km-overview-card[data-km-tab="custom"] .km-more {
            color: #f39a22 !important;
        }

        /* Hide overview card top labels per feedback */
        .km-overview-label {
            display: none !important;
        }

        /* 20260703 selected overview card refined: CTA-yellow accent, softer premium shadow */
        body:not(:has(.km-tab-panel:target)) .km-overview-card[data-km-tab="products"],
        body:has(#products:target) .km-overview-card[data-km-tab="products"],
        body:has(#applications:target) .km-overview-card[data-km-tab="applications"],
        body:has(#custom:target) .km-overview-card[data-km-tab="custom"] {
            border-color: #f39a22 !important;
            box-shadow: inset 0 -3px 0 #f39a22, 0 14px 36px rgba(243, 154, 34, .16) !important;
            background: #fffaf1 !important;
        }

        /* 20260703 lightweight image banner carousel + video moved to Why Work With Us */
        .km-hero-carousel {
            position: relative;
            min-height: clamp(560px, 41.666vw, 800px) !important;
            padding: 0 !important;
            overflow: hidden;
            background: #071d2c;
            color: #fff;
        }

        .km-hero-track,
        .km-hero-slide {
            position: absolute;
            inset: 0;
        }

        .km-hero-slide {
            opacity: 0;
            pointer-events: none;
            transition: opacity .8s ease;
        }

        .km-hero-slide.is-active {
            opacity: 1;
            pointer-events: auto;
        }

        .km-hero-slide img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .km-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(4, 22, 34, .84) 0%, rgba(5, 30, 46, .62) 37%, rgba(5, 30, 46, .22) 68%, rgba(5, 30, 46, .08) 100%);
        }

        .km-hero-copy {
            position: relative;
            z-index: 2;
            min-height: clamp(560px, 41.666vw, 800px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding-top: 72px;
            padding-bottom: 72px;
        }

        .km-hero-eyebrow {
            display: inline-flex;
            margin-bottom: 16px;
            color: #ffd28d;
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .12em;
            font-size: 13px;
        }

        .km-hero-carousel h1 {
            max-width: 720px;
            font-size: clamp(42px, 5vw, 76px) !important;
            line-height: .98 !important;
            margin: 0 0 18px !important;
            color: #fff !important;
            letter-spacing: -.055em;
        }

        .km-hero-carousel .km-sub {
            max-width: 650px;
            font-size: clamp(17px, 1.45vw, 22px) !important;
            line-height: 1.55 !important;
            color: rgba(255, 255, 255, .86) !important;
            margin: 0 0 26px !important;
        }

        .km-hero-carousel .km-support {
            color: #bce5f8 !important;
        }

        .km-hero-arrow {
            position: absolute;
            z-index: 4;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, .32);
            background: rgba(4, 22, 34, .38);
            color: #fff;
            font-size: 34px;
            line-height: 1;
            display: grid;
            place-items: center;
            cursor: pointer;
            backdrop-filter: blur(8px);
        }

        .km-hero-arrow:hover {
            background: rgba(243, 154, 34, .90);
            border-color: #f39a22;
        }

        .km-hero-prev {
            left: 24px
        }

        .km-hero-next {
            right: 24px
        }

        .km-hero-dots {
            position: absolute;
            z-index: 4;
            left: 50%;
            bottom: 24px;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }

        .km-hero-dot {
            width: 10px;
            height: 10px;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, .7);
            background: rgba(255, 255, 255, .32);
            padding: 0;
            cursor: pointer;
        }

        .km-hero-dot.is-active {
            width: 30px;
            background: #f39a22;
            border-color: #f39a22;
        }

        .km-why-lead-layout {
            display: grid;
            grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
            gap: 28px;
            align-items: stretch;
            margin-bottom: 22px;
        }

        .km-why-video-wrap {
            background: linear-gradient(180deg, #fff, #f8fafb);
            border: 1px solid #cfd8de;
            border-radius: 28px;
            padding: 26px;
            box-shadow: 0 18px 55px rgba(20, 38, 52, .08);
        }

        .km-why-video-wrap h3 {
            font-size: 26px;
            line-height: 1.15;
            letter-spacing: -.025em;
            color: #132b3d;
            margin: 8px 0 18px;
        }

        .km-why-video-wrap .km-video-card {
            background: #071d2c;
            border: 1px solid rgba(19, 43, 61, .14);
            box-shadow: 0 18px 45px rgba(20, 38, 52, .16);
            padding: 8px;
            border-radius: 24px;
            backdrop-filter: none;
        }

        .km-why-video-wrap .km-video-window {
            border-radius: 18px;
        }

        .km-why-stack .km-feature-row {
            margin-top: 0;
        }

        @media(max-width:980px) {

            .km-hero-carousel,
            .km-hero-copy {
                min-height: 620px
            }

            .km-hero-overlay {
                background: linear-gradient(90deg, rgba(4, 22, 34, .86), rgba(4, 22, 34, .48));
            }

            .km-why-lead-layout {
                grid-template-columns: 1fr
            }

            .km-why-video-wrap {
                padding: 22px
            }

            .km-hero-arrow {
                display: none
            }
        }

        @media(max-width:640px) {

            .km-hero-carousel,
            .km-hero-copy {
                min-height: 560px
            }

            .km-hero-copy {
                padding-top: 54px;
                padding-bottom: 64px
            }

            .km-hero-carousel h1 {
                font-size: 38px !important
            }

            .km-hero-carousel .km-sub {
                font-size: 16px !important
            }

            .km-hero-dots {
                bottom: 18px
            }

            .km-why-video-wrap h3 {
                font-size: 22px
            }

            .km-why-video-wrap {
                padding: 18px
            }
        }

        /* 20260703 pure CSS carousel fallback for Sitelet/static environments where scripts are stripped */
        .km-hero-carousel .km-hero-slide {
            animation: kmHeroFade 20s infinite;
            opacity: 0;
        }

        .km-hero-carousel .km-hero-slide:nth-child(1) {
            animation-delay: 0s;
        }

        .km-hero-carousel .km-hero-slide:nth-child(2) {
            animation-delay: 5s;
        }

        .km-hero-carousel .km-hero-slide:nth-child(3) {
            animation-delay: 10s;
        }

        .km-hero-carousel .km-hero-slide:nth-child(4) {
            animation-delay: 15s;
        }

        .km-hero-carousel:hover .km-hero-slide {
            animation-play-state: paused;
        }

        .km-hero-carousel .km-hero-slide.is-active {
            animation-name: kmHeroFade;
        }

        @keyframes kmHeroFade {
            0% {
                opacity: 0
            }

            4% {
                opacity: 1
            }

            23% {
                opacity: 1
            }

            27% {
                opacity: 0
            }

            100% {
                opacity: 0
            }
        }

        .km-hero-arrow {
            display: none !important;
        }

        .km-hero-dot {
            animation: kmHeroDot 20s infinite;
            pointer-events: none;
        }

        .km-hero-dot:nth-child(1) {
            animation-delay: 0s;
        }

        .km-hero-dot:nth-child(2) {
            animation-delay: 5s;
        }

        .km-hero-dot:nth-child(3) {
            animation-delay: 10s;
        }

        .km-hero-dot:nth-child(4) {
            animation-delay: 15s;
        }

        .km-hero-carousel:hover .km-hero-dot {
            animation-play-state: paused;
        }

        @keyframes kmHeroDot {
            0% {
                width: 10px;
                background: rgba(255, 255, 255, .32);
                border-color: rgba(255, 255, 255, .7)
            }

            4% {
                width: 30px;
                background: #f39a22;
                border-color: #f39a22
            }

            23% {
                width: 30px;
                background: #f39a22;
                border-color: #f39a22
            }

            27% {
                width: 10px;
                background: rgba(255, 255, 255, .32);
                border-color: rgba(255, 255, 255, .7)
            }

            100% {
                width: 10px;
                background: rgba(255, 255, 255, .32);
                border-color: rgba(255, 255, 255, .7)
            }
        }

        /* 20260703 integrate factory video into company intro copy, reduce modular isolation */
        .km-why-integrated .km-why-lead-layout {
            display: block !important;
            margin-bottom: 0 !important;
        }

        .km-why-integrated .km-company-intro {
            padding: 38px !important;
        }

        .km-company-video-inline {
            margin: 28px 0 24px;
            padding: 0;
            border: 0;
            background: transparent;
        }

        .km-company-video-copy {
            display: flex;
            align-items: baseline;
            gap: 12px;
            flex-wrap: wrap;
            margin: 0 0 14px;
        }

        .km-company-video-copy span {
            font-size: 12px;
            font-weight: 950;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #7a8791;
        }

        .km-company-video-copy strong {
            font-size: 18px;
            line-height: 1.3;
            color: #132b3d;
        }

        .km-company-video-inline .km-video-card {
            background: #071d2c !important;
            border: 1px solid rgba(19, 43, 61, .12) !important;
            border-radius: 24px !important;
            padding: 8px !important;
            box-shadow: 0 14px 34px rgba(20, 38, 52, .14) !important;
            backdrop-filter: none !important;
            max-width: 860px;
        }

        .km-company-video-inline .km-video-window {
            border-radius: 18px !important;
            aspect-ratio: 16/9;
        }

        .km-why-integrated .km-feature-row {
            margin-top: 22px;
        }

        .km-why-video-wrap {
            display: none !important;
        }

        @media(min-width:981px) {
            .km-company-video-inline {
                max-width: 860px
            }

            .km-company-video-inline .km-video-card {
                width: 100%;
            }

            .km-why-integrated .km-company-copy {
                max-width: 980px
            }

            .km-why-integrated .km-company-copy p {
                max-width: 980px
            }

            .km-why-integrated .km-feature-row {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            }
        }

        @media(max-width:980px) {
            .km-why-integrated .km-company-intro {
                padding: 28px !important
            }

            .km-company-video-inline .km-video-card {
                max-width: none
            }

            .km-why-integrated .km-feature-row {
                grid-template-columns: 1fr 1fr !important;
            }
        }

        @media(max-width:640px) {
            .km-why-integrated .km-company-intro {
                padding: 22px !important
            }

            .km-company-video-copy {
                display: block
            }

            .km-company-video-copy strong {
                display: block;
                margin-top: 4px;
                font-size: 16px
            }

            .km-why-integrated .km-feature-row {
                grid-template-columns: 1fr !important;
            }
        }

        /* 20260703 company intro split: copy + CTA left, video right, same integrated card */
        .km-company-intro-split {
            display: grid !important;
            grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr) !important;
            gap: 34px !important;
            align-items: center !important;
            padding: 38px !important;
        }

        .km-company-intro-left {
            min-width: 0;
        }

        .km-company-intro-right {
            min-width: 0;
        }

        .km-company-intro-split .km-company-copy p {
            max-width: none !important;
        }

        .km-company-intro-split .km-company-video-inline {
            margin: 0 !important;
            max-width: none !important;
        }

        .km-company-intro-split .km-company-video-copy {
            margin-bottom: 12px !important;
        }

        .km-company-intro-split .km-company-video-inline .km-video-card {
            max-width: none !important;
            width: 100% !important;
            box-shadow: 0 14px 34px rgba(20, 38, 52, .14) !important;
        }

        .km-company-intro-split .km-linkline {
            margin-top: 24px !important;
        }

        @media(max-width:980px) {
            .km-company-intro-split {
                grid-template-columns: 1fr !important;
                gap: 26px !important;
                padding: 28px !important;
            }

            .km-company-intro-right {
                order: 2
            }

            .km-company-intro-left {
                order: 1
            }
        }

        @media(max-width:640px) {
            .km-company-intro-split {
                padding: 22px !important;
                gap: 22px !important;
            }
        }

        /* 20260703 carousel polish: clearer images and seamless no-black crossfade */
        .km-hero-carousel {
            background: #071d2c !important;
        }

        .km-hero-carousel .km-hero-overlay {
            background: linear-gradient(90deg, rgba(4, 22, 34, .68) 0%, rgba(4, 22, 34, .48) 34%, rgba(4, 22, 34, .16) 66%, rgba(4, 22, 34, .03) 100%) !important;
        }

        .km-hero-carousel .km-hero-slide {
            opacity: 0;
            animation: kmHeroSeamless 24s infinite !important;
            will-change: opacity;
        }

        .km-hero-carousel .km-hero-slide:nth-child(1) {
            animation-delay: 0s !important;
        }

        .km-hero-carousel .km-hero-slide:nth-child(2) {
            animation-delay: 6s !important;
        }

        .km-hero-carousel .km-hero-slide:nth-child(3) {
            animation-delay: 12s !important;
        }

        .km-hero-carousel .km-hero-slide:nth-child(4) {
            animation-delay: 18s !important;
        }

        @keyframes kmHeroSeamless {
            0% {
                opacity: 1
            }

            25% {
                opacity: 1
            }

            32% {
                opacity: 0
            }

            93% {
                opacity: 0
            }

            100% {
                opacity: 1
            }
        }

        .km-hero-dot {
            width: 10px !important;
            background: rgba(255, 255, 255, .32) !important;
            border-color: rgba(255, 255, 255, .7) !important;
            animation: kmHeroDotSeamless 24s infinite !important;
            pointer-events: none;
        }

        .km-hero-dot:nth-child(1) {
            animation-delay: 0s !important;
        }

        .km-hero-dot:nth-child(2) {
            animation-delay: 6s !important;
        }

        .km-hero-dot:nth-child(3) {
            animation-delay: 12s !important;
        }

        .km-hero-dot:nth-child(4) {
            animation-delay: 18s !important;
        }

        @keyframes kmHeroDotSeamless {
            0% {
                width: 30px;
                background: #f39a22;
                border-color: #f39a22
            }

            25% {
                width: 30px;
                background: #f39a22;
                border-color: #f39a22
            }

            32% {
                width: 10px;
                background: rgba(255, 255, 255, .32);
                border-color: rgba(255, 255, 255, .7)
            }

            93% {
                width: 10px;
                background: rgba(255, 255, 255, .32);
                border-color: rgba(255, 255, 255, .7)
            }

            100% {
                width: 30px;
                background: #f39a22;
                border-color: #f39a22
            }
        }

        .km-company-intro-right .km-company-video-copy {
            display: none !important;
        }

        @media(max-width:980px) {
            .km-hero-carousel .km-hero-overlay {
                background: linear-gradient(90deg, rgba(4, 22, 34, .76), rgba(4, 22, 34, .32)) !important;
            }
        }

        /* 20260703 remove top official/announcement bars for cleaner premium header */
        .km-official-bar,
        .km-announcement {
            display: none !important;
            height: 0 !important;
            min-height: 0 !important;
            overflow: hidden !important;
        }

        /* Industrial filter summary icons */
        .filter-group summary {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .filter-icon.industrial {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
            stroke: #31546b;
            fill: none;
            stroke-width: 1.85;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .45));
        }

        .filter-group[open] .filter-icon.industrial {
            stroke: #0c8bd0;
        }

        .filter-group summary span {
            line-height: 1;
        }

        /* Unified industrial filter summary labels */
        .filter-group summary {
            display: block !important;
        }

        .filter-summary-label {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            vertical-align: middle;
            white-space: nowrap;
        }

        .filter-summary-label .filter-icon.industrial {
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
            stroke: #31546b;
            fill: none;
            stroke-width: 1.85;
            stroke-linecap: round;
            stroke-linejoin: round;
            filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .45));
        }

        .filter-group[open] .filter-summary-label .filter-icon.industrial {
            stroke: #0c8bd0;
        }

        .filter-summary-label span {
            line-height: 1;
        }


        main.km-main,
        .km-hero-carousel {
            margin-top: 0 !important;
        }

        .km-official-bar,
        .km-announcement {
            display: none !important;
        }

        @media(max-width:760px) {
            html {
                scroll-padding-top: 74px !important;
            }

            body {
                padding-top: 64px !important;
            }
        }


        .inner-hero {
            min-height: 450px;
            display: flex;
            align-items: center;
            background: linear-gradient(115deg, rgba(6, 58, 92, .94), rgba(12, 96, 145, .82)), radial-gradient(circle at 78% 34%, rgba(243, 154, 34, .34), transparent 28%), linear-gradient(135deg, #09233a, #0b517d);
            color: white;
            position: relative;
            overflow: hidden
        }

        .inner-hero:after {
            content: "";
            position: absolute;
            right: -80px;
            top: 40px;
            width: 520px;
            height: 320px;
            border-radius: 50px;
            background: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04));
            transform: rotate(-12deg);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18)
        }

        .hero-grid {
            position: relative;
            z-index: 2;
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 44px;
            align-items: center
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #ffd395;
            font-weight: 950;
            font-size: 13px;
            letter-spacing: .12em;
            text-transform: uppercase
        }

        .inner-hero h1 {
            margin: 14px 0 18px;
            font-size: clamp(38px, 5vw, 64px);
            line-height: 1.02;
            letter-spacing: -.045em;
            color: white
        }

        .inner-hero p {
            font-size: 18px;
            color: rgba(255, 255, 255, .80);
            max-width: 620px
        }

        .hero-actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 26px
        }

        .hero-card {
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 30px;
            padding: 22px;
            backdrop-filter: blur(12px);
            box-shadow: 0 24px 70px rgba(0, 0, 0, .18)
        }

        .hero-card-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .hero-mini {
            min-height: 118px;
            border-radius: 20px;
            padding: 18px;
            background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .72));
            color: #063a5c;
            display: flex;
            flex-direction: column;
            justify-content: end;
            position: relative;
            overflow: hidden
        }

        .hero-mini:before {
            content: "";
            position: absolute;
            right: -26px;
            top: -18px;
            width: 110px;
            height: 110px;
            border-radius: 34px;
            background: linear-gradient(135deg, #dbeaf4, #fff);
            transform: rotate(16deg)
        }

        .hero-mini b {
            position: relative;
            font-size: 18px
        }

        .hero-mini span {
            position: relative;
            color: #667887;
            font-size: 12px;
            font-weight: 800
        }

        .breadcrumb {
            padding: 18px 0;
            border-bottom: 1px solid #e3ebf2;
            background: #fff
        }

        .breadcrumb .container {
            font-size: 14px;
            color: #728292
        }

        .breadcrumb b {
            color: #063a5c
        }

        .product-layout {
            display: grid;
            grid-template-columns: 292px minmax(0, 1fr);
            gap: 28px;
            align-items: start
        }

        .filter-panel {
            position: sticky;
            top: 92px;
            background: #fff;
            border: 1px solid #e3ebf2;
            border-radius: 26px;
            box-shadow: 0 18px 48px rgba(9, 37, 61, .12);
            padding: 20px
        }

        .filter-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 14px
        }

        .filter-title h3 {
            margin: 0;
            color: #063a5c;
            font-size: 20px
        }

        .filter-group {
            padding: 16px 0;
            border-top: 1px solid #eef3f7
        }

        .filter-group:first-of-type {
            border-top: 0
        }

        .filter-group h4 {
            margin: 0 0 10px;
            color: #18364d;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 8px
        }

        .check {
            display: flex;
            align-items: flex-start;
            gap: 9px;
            color: #5d6c7a;
            font-size: 13.5px;
            margin: 9px 0;
            cursor: pointer
        }

        .check input {
            accent-color: #f39a22;
            margin-top: 3px
        }

        .reset {
            background: #eef4f8;
            color: #536575
        }

        .apply {
            background: linear-gradient(135deg, #063a5c, #0b5f91);
            color: #fff
        }

        .chips {
            display: flex;
            flex-wrap: wrap;
            gap: 8px
        }

        .chip {
            background: white;
            border: 1px solid #dfe9f0;
            border-radius: 999px;
            padding: 7px 10px;
            color: #61707f;
            font-size: 12px;
            font-weight: 800
        }

        .product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px
        }

        .product-card {
            background: #fff;
            border: 1px solid #e3ebf2;
            border-radius: 26px;
            box-shadow: 0 14px 40px rgba(8, 38, 62, .08);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            transition: .2s ease
        }

        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 22px 56px rgba(8, 38, 62, .14)
        }

        .product-visual {
            height: 190px;
            background: linear-gradient(145deg, #edf4f9, #fff);
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .product-visual:before {
            content: "";
            position: absolute;
            width: 210px;
            height: 120px;
            border-radius: 36px;
            background: linear-gradient(135deg, #fff, #dfeaf2);
            box-shadow: 0 18px 44px rgba(16, 42, 61, .15);
            transform: rotate(-8deg)
        }

        .product-visual:after {
            content: "";
            position: absolute;
            width: 118px;
            height: 118px;
            border-radius: 50%;
            background: radial-gradient(circle, #ffbf68, #f39a22);
            opacity: .16;
            right: 18px;
            top: 22px
        }

        .product-icon {
            position: relative;
            width: 116px;
            height: 92px;
            border: 8px solid #0b5f91;
            border-radius: 22px 22px 14px 14px;
            background: rgba(255, 255, 255, .72);
            box-shadow: inset 0 -18px 0 rgba(11, 95, 145, .12)
        }

        .product-icon:before,
        .product-icon:after {
            content: "";
            position: absolute;
            left: 15px;
            right: 15px;
            height: 8px;
            border-radius: 10px;
            background: #f39a22
        }

        .product-icon:before {
            top: 26px
        }

        .product-icon:after {
            top: 54px
        }

        .sku {
            position: absolute;
            left: 14px;
            top: 14px;
            background: rgba(6, 58, 92, .92);
            color: #fff;
            font-size: 11px;
            font-weight: 900;
            border-radius: 999px;
            padding: 6px 9px
        }

        .product-body {
            padding: 18px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            flex: 1
        }

        .product-body h3 {
            font-size: 18px;
            line-height: 1.22;
            margin: 0;
            color: #063a5c
        }

        .meta {
            display: grid;
            gap: 6px;
            color: #5f6f7c;
            font-size: 13px
        }

        .meta span {
            display: block
        }

        .card-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: auto;
            padding-top: 4px
        }

        .card-actions a {
            border-radius: 999px;
            text-align: center;
            padding: 10px 10px;
            font-weight: 950;
            font-size: 13px
        }

        .detail {
            background: #eef5f9;
            color: #0b5f91
        }

        .quote {
            background: linear-gradient(135deg, #f39a22, #ffb24a);
            color: #fff
        }

        .rfq-section {
            background: linear-gradient(135deg, #102a3d, #071722);
            color: white
        }

        .rfq-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 36px;
            align-items: start
        }

        .rfq-section h2 {
            color: white
        }

        .rfq-section p,
        .rfq-section li {
            color: rgba(255, 255, 255, .75)
        }

        .rfq-list {
            padding-left: 20px
        }

        .rfq-form {
            background: white;
            border-radius: 28px;
            padding: 24px;
            color: #102033;
            box-shadow: 0 24px 70px rgba(0, 0, 0, .24)
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px
        }

        .field {
            display: flex;
            flex-direction: column;
            gap: 7px
        }

        .field.full {
            grid-column: 1/-1
        }

        .field label {
            font-size: 12px;
            font-weight: 950;
            color: #536575;
            letter-spacing: .08em
        }

        .field input,
        .field select,
        .field textarea {
            width: 100%;
            border: 1px solid #dce7ef;
            border-radius: 16px;
            padding: 13px 14px;
            font: inherit;
            color: #102033;
            background: #f8fbfd
        }

        .field textarea {
            min-height: 118px;
            resize: vertical
        }

        .chat-float {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 120;
            background: linear-gradient(135deg, #063a5c, #0b5f91);
            color: white;
            border-radius: 999px;
            padding: 14px 18px;
            box-shadow: 0 20px 44px rgba(6, 58, 92, .28);
            font-weight: 950;
            display: flex;
            align-items: center;
            gap: 9px
        }

        .chat-float span {
            width: 10px;
            height: 10px;
            background: #35df82;
            border-radius: 50%;
            box-shadow: 0 0 0 5px rgba(53, 223, 130, .18)
        }

        @media(max-width:1020px) {

            .hero-grid,
            .product-layout,
            .rfq-grid {
                grid-template-columns: 1fr
            }

            .filter-panel {
                position: relative;
                top: auto
            }

            .product-grid {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:640px) {
            .hero-grid {
                gap: 24px
            }

            .hero-card-grid,
            .product-grid,
            .form-grid {
                grid-template-columns: 1fr
            }

            .chat-float {
                right: 14px;
                bottom: 14px;
                padding: 12px 14px
            }

            .product-visual {
                height: 178px
            }
        }


        /* Isolate product filter controls from homepage/global form styles */
        .filter-panel,
        .filter-panel * {
            box-sizing: border-box !important;
        }

        .filter-panel {
            text-transform: none !important;
            letter-spacing: normal !important;
        }

        .filter-panel .filter-group {
            padding: 14px 0 !important;
        }

        .filter-panel .check {
            display: grid !important;
            grid-template-columns: 16px minmax(0, 1fr) !important;
            align-items: start !important;
            column-gap: 10px !important;
            width: 100% !important;
            min-height: 0 !important;
            height: auto !important;
            margin: 8px 0 !important;
            padding: 0 !important;
            font-size: 13.5px !important;
            line-height: 1.35 !important;
            font-weight: 650 !important;
            color: #5d6c7a !important;
            text-transform: none !important;
            letter-spacing: normal !important;
            white-space: normal !important;
        }

        .filter-panel .check input[type="checkbox"] {
            appearance: auto !important;
            -webkit-appearance: checkbox !important;
            display: block !important;
            width: 16px !important;
            min-width: 16px !important;
            max-width: 16px !important;
            height: 16px !important;
            min-height: 16px !important;
            max-height: 16px !important;
            margin: 1px 0 0 0 !important;
            padding: 0 !important;
            flex: 0 0 16px !important;
            accent-color: #f39a22 !important;
            border-radius: 3px !important;
        }

        .filter-panel h3,
        .filter-panel h4 {
            text-transform: none !important;
            letter-spacing: normal !important;
        }

        .filter-panel .banner-refined {
            min-height: 520px;
            padding: 68px 0;
            background: linear-gradient(116deg, rgba(6, 58, 92, .97), rgba(9, 82, 126, .90)), radial-gradient(circle at 77% 28%, rgba(243, 154, 34, .26), transparent 30%), linear-gradient(135deg, #08233a, #0b517d) !important;
        }

        .banner-refined:after {
            display: none !important;
        }

        .banner-refined .refined-hero-grid {
            grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
            gap: 52px;
            align-items: center;
        }

        .banner-refined .hero-copy-panel {
            max-width: 670px;
        }

        .banner-refined .hero-kicker {
            display: block;
            margin: 0 0 14px;
            color: #ffd395;
            font-size: 13px;
            line-height: 1.2;
            font-weight: 950;
            letter-spacing: .13em;
            text-transform: uppercase;
            background: transparent;
            border: 0;
            padding: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .banner-refined .hero-kicker:before {
            display: none !important;
            content: none !important;
        }

        .banner-refined h1 {
            margin: 0 0 18px;
            font-size: clamp(40px, 5vw, 66px);
            line-height: 1.02;
            letter-spacing: -.05em;
            color: #fff;
        }

        .banner-refined p {
            font-size: 18px;
            line-height: 1.65;
            color: rgba(255, 255, 255, .82);
            max-width: 640px;
            margin: 0;
        }

        .banner-refined .hero-actions {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
            margin-top: 30px;
        }

        .banner-refined .hero-actions .btn {
            min-height: 54px;
            padding: 0 25px;
            border-radius: 999px;
            font-size: 15px;
            font-weight: 950;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid transparent;
            text-transform: none;
            letter-spacing: 0;
            box-shadow: none;
        }

        .banner-refined .hero-actions .btn-primary {
            background: linear-gradient(135deg, #f39a22, #ffc45e) !important;
            color: #201308 !important;
            box-shadow: 0 18px 38px rgba(243, 154, 34, .30) !important;
        }

        .banner-refined .hero-actions .btn-secondary {
            background: rgba(255, 255, 255, .10) !important;
            color: #fff !important;
            border-color: rgba(255, 255, 255, .34) !important;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05) !important;
        }

        .banner-refined .hero-actions .btn:hover {
            transform: translateY(-1px);
            filter: brightness(1.04);
        }

        .hero-carousel-card {
            position: relative;
            z-index: 2;
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .22);
            border-radius: 30px;
            padding: 16px;
            backdrop-filter: blur(12px);
            box-shadow: 0 26px 74px rgba(0, 0, 0, .20);
        }

        .hero-image-frame {
            position: relative;
            aspect-ratio: 4/3;
            border-radius: 24px;
            overflow: hidden;
            background: #0b3351;
        }

        .hero-carousel-slide {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            animation: ysyHeroCarousel 12s infinite ease-in-out;
        }

        .hero-carousel-slide.slide-2 {
            animation-delay: 4s;
        }

        .hero-carousel-slide.slide-3 {
            animation-delay: 8s;
        }

        @keyframes ysyHeroCarousel {

            0%,
            30% {
                opacity: 1;
                transform: scale(1)
            }

            36%,
            94% {
                opacity: 0;
                transform: scale(1.025)
            }

            100% {
                opacity: 1;
                transform: scale(1)
            }
        }

        .hero-carousel-meta {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            align-items: center;
            padding: 14px 6px 2px;
            color: #fff;
        }

        .hero-carousel-meta b {
            display: block;
            font-size: 14px;
            margin-bottom: 2px;
        }

        .hero-carousel-meta span {
            display: block;
            font-size: 12px;
            color: rgba(255, 255, 255, .70);
            line-height: 1.45;
        }

        .hero-carousel-dots {
            display: flex;
            gap: 7px;
            flex: 0 0 auto
        }

        .hero-carousel-dots span {
            width: 9px;
            height: 9px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .40)
        }

        .hero-carousel-dots span:first-child {
            width: 26px;
            background: #f39a22;
        }

        @media(max-width:1020px) {
            .banner-refined .refined-hero-grid {
                grid-template-columns: 1fr
            }

            .hero-carousel-card {
                max-width: 640px
            }

            .banner-refined {
                padding: 54px 0
            }
        }

        @media(max-width:640px) {
            .banner-refined .hero-actions .btn {
                width: 100%
            }

            .hero-carousel-meta {
                align-items: flex-start;
                flex-direction: column
            }

            .banner-refined {
                min-height: auto;
                padding: 44px 0
            }

            .banner-refined h1 {
                font-size: 38px
            }
        }


        .banner-refined .hero-carousel-card {
            background: transparent !important;
            border: 0 !important;
            border-radius: 24px !important;
            padding: 0 !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
        }

        .banner-refined .hero-image-frame {
            border: 1px solid rgba(255, 255, 255, .32) !important;
            border-radius: 24px !important;
            box-shadow: none !important;
            background: #0b3351 !important;
        }

        .banner-refined .hero-carousel-meta,
        .banner-refined .hero-carousel-dots {
            display: none !important;
        }


        .banner-refined .hero-carousel-card {
            background: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
        }

        .banner-refined .hero-image-frame {
            padding: 6px !important;
            border: 1px solid rgba(255, 255, 255, .56) !important;
            border-radius: 34px !important;
            background: rgba(255, 255, 255, .92) !important;
            box-shadow: 0 20px 46px rgba(0, 0, 0, .16) !important;
            overflow: hidden !important;
        }

        .banner-refined .hero-carousel-slide {
            inset: 6px !important;
            width: calc(100% - 12px) !important;
            height: calc(100% - 12px) !important;
            border-radius: 27px !important;
            overflow: hidden !important;
        }


        .banner-refined .hero-carousel-slide {
            transform: none !important;
        }

        @keyframes ysyHeroCarousel {

            0%,
            30% {
                opacity: 1;
                transform: none
            }

            36%,
            94% {
                opacity: 0;
                transform: none
            }

            100% {
                opacity: 1;
                transform: none
            }
        }


        .banner-refined .hero-image-frame {
            padding: 0 !important;
            border: 1.5px solid rgba(255, 255, 255, .72) !important;
            border-radius: 30px !important;
            background: transparent !important;
            box-shadow: 0 18px 42px rgba(0, 0, 0, .15) !important;
            overflow: hidden !important;
        }

        .banner-refined .hero-carousel-slide {
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            border-radius: 29px !important;
            transform: none !important;
        }


        .banner-refined .hero-image-frame {
            box-sizing: border-box !important;
        }

        .banner-refined .hero-carousel-slide {
            display: block !important;
            position: absolute !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            max-height: none !important;
            object-fit: cover !important;
            box-sizing: border-box !important;
            border: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            border-radius: 29px !important;
        }


        .breadcrumb {
            padding: 10px 0 !important;
        }

        .breadcrumb+.section,
        .breadcrumb+section.section {
            padding-top: 30px !important;
        }

        #products .section-head {
            margin-bottom: 22px !important;
        }

        #products .section-head h2 {
            margin-top: 6px !important;
        }

        @media(max-width:640px) {
            .breadcrumb {
                padding: 8px 0 !important;
            }

            .breadcrumb+.section,
            .breadcrumb+section.section {
                padding-top: 24px !important;
            }

            #products .section-head {
                margin-bottom: 18px !important;
            }
        }


        #products .section-kicker {
            color: #0c8bd0 !important;
            background: rgba(12, 139, 208, .08) !important;
            border: 1px solid rgba(12, 139, 208, .18) !important;
        }

        #products .section-head p {
            max-width: 620px !important;
            color: #647386 !important;
        }


        #products .section-kicker {
            color: #0c8bd0 !important;
            background: transparent !important;
            border: 0 !important;
            padding: 0 !important;
            border-radius: 0 !important;
            font-weight: 950 !important;
            letter-spacing: .12em !important;
        }


        /* Remove the unintended disclosure/chevron marker beside filter titles. */
        details.filter-group>summary {
            list-style: none;
        }

        details.filter-group>summary::-webkit-details-marker {
            display: none;
        }

        details.filter-group>summary::marker {
            content: "";
            font-size: 0;
        }

        details.filter-group>summary::after {
            content: none !important;
            display: none !important;
        }


        /* Exact-source mobile refinement: stack card CTAs on very narrow phones only. */
        @media (max-width:420px) {
            #products .card-actions {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
            }

            #products .card-actions a {
                width: 100% !important;
                min-width: 0 !important;
                white-space: normal !important;
                line-height: 1.15 !important;
            }

            #products .product-body {
                padding: 16px !important;
            }

            #products .product-category-line {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 4px !important;
            }

            #products .product-category-line b {
                overflow-wrap: anywhere !important;
            }
        }


        /* Mobile product image fix: preserve the full product photo instead of cropping the bottom. */
        @media (max-width:640px) {
            #products .product-visual.product-visual-photo {
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: auto !important;
                padding: 0 !important;
                background: linear-gradient(145deg, #f4f8fb, #ffffff) !important;
            }

            #products .product-visual.product-visual-photo .product-photo {
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                object-fit: contain !important;
                object-position: center center !important;
            }
        }






        /* Align product cards with the filter panel after removing the listing summary bar. */
        .product-layout>div {
            align-self: start
        }

        .product-grid {
            margin-top: 0
        }



        /* Real product photos for countertop storage cards. */
        .product-visual.product-visual-photo {
            height: 190px;
            background: linear-gradient(145deg, #f4f8fb, #ffffff);
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden
        }

        .product-visual.product-visual-photo:before,
        .product-visual.product-visual-photo:after {
            display: none
        }

        .product-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: relative;
            z-index: 1;
            transition: transform .22s ease
        }

        .product-card:hover .product-photo {
            transform: scale(1.035)
        }

        .product-visual.product-visual-photo .sku {
            z-index: 2
        }

        /* Product card category display: supports slash-delimited multi-category labels. */
        .product-category-line {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-top: -4px;
            color: #5f6f7c;
            font-size: 11.5px;
            line-height: 1.35
        }

        .product-category-line span {
            flex: 0 0 auto;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-weight: 950;
            color: #91a0ad
        }

        .product-category-line b {
            font-weight: 900;
            color: #0b5f91
        }

        /* Product card CTA refinement: coordinated equal-height action buttons. */
        .card-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: auto;
            padding-top: 6px;
            align-items: stretch
        }

        .card-actions a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 42px !important;
            min-height: 42px;
            max-height: 42px;
            padding: 0 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 950;
            line-height: 1;
            white-space: nowrap;
            text-decoration: none;
            border: 1px solid transparent;
            box-sizing: border-box;
            box-shadow: none;
            transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease
        }

        .card-actions a:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 22px rgba(8, 38, 62, .12)
        }

        .card-actions .detail {
            background: #fff;
            color: #0b5f91;
            border-color: #cfe0eb
        }

        .card-actions .detail:hover {
            background: #eef6fb;
            border-color: #a9c9dc
        }

        .card-actions .quote {
            background: linear-gradient(135deg, #f39a22, #ffb24a);
            color: #fff;
            border-color: rgba(243, 154, 34, .3);
            box-shadow: 0 8px 18px rgba(243, 154, 34, .22)
        }

        /* Ultra-compact filter list: no card chrome, just clean divider rows and a light chevron. */
        .filter-panel details.filter-group {
            border: 0;
            border-bottom: 1px solid #e6edf3;
            border-radius: 0;
            background: transparent;
            margin: 0;
            padding: 0;
            overflow: hidden
        }

        .filter-panel details.filter-group:first-of-type {
            border-top: 1px solid #e6edf3
        }

        .filter-panel details.filter-group summary {
            list-style: none;
            cursor: pointer;
            padding: 6px 2px;
            font-size: 13px;
            font-weight: 850;
            color: #263746;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            line-height: 1.15
        }

        .filter-panel details.filter-group summary::-webkit-details-marker {
            display: none
        }

        .filter-panel details.filter-group summary:after {
            content: '›';
            font-size: 15px;
            line-height: 1;
            color: #8a97a2;
            font-weight: 800;
            transition: transform .16s ease, color .16s ease
        }

        .filter-panel details.filter-group[open] summary:after {
            transform: rotate(90deg);
            color: #0c8bd0
        }

        .filter-panel details.filter-group .check {
            display: flex;
            margin: 0 0 5px 2px;
            font-size: 12.4px;
            line-height: 1.2;
            gap: 6px;
            color: #445464
        }

        .filter-panel details.filter-group .check input {
            margin-top: 1px;
            transform: scale(.9)
        }

        .filter-panel details.filter-group .check:first-of-type {
            margin-top: 0
        }

        .filter-panel details.filter-group .check:last-child {
            margin-bottom: 7px
        }

        .filter-panel .filter-title {
            margin-bottom: 6px
        }

        .filter-panel .filter-title h3 {
            font-size: 14px;
            line-height: 1.1
        }

        .filter-panel .filter-title .chip {
            font-size: 10.5px;
            padding: 3px 6px
        }

        /* CSS-only product filtering for Sitelet/static previews where scripts are stripped.
   Same group = OR; different groups = AND. Synced to user-provided filter list. */
        #productGrid .product-card {
            display: block
        }

        #productGrid .filter-empty-state {
            display: none
        }

        .filter-panel form {
            display: contents
        }

        body:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked)):not(:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Kitchen Countertop Rack"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)):not(:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Desktop Organizer"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)):not(:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Bathroom Countertop Storage"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)body:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Kitchen Countertop Rack"], #productGrid .product-card[data-category*="Desktop Organizer"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)body:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Kitchen Countertop Rack"], #productGrid .product-card[data-category*="Bathroom Countertop Storage"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked)body:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked):not(:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Desktop Organizer"], #productGrid .product-card[data-category*="Bathroom Countertop Storage"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="category"][value="Kitchen Countertop Rack"]:checked)body:has(.filter-panel input[data-filter="category"][value="Desktop Organizer"]:checked)body:has(.filter-panel input[data-filter="category"][value="Bathroom Countertop Storage"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-category*="Kitchen Countertop Rack"], #productGrid .product-card[data-category*="Desktop Organizer"], #productGrid .product-card[data-category*="Bathroom Countertop Storage"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel + Wood"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Stainless Steel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Carbon Steel + Wood"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Stainless Steel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Stainless Steel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Stainless Steel"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Stainless Steel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Stainless Steel"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked):not(:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Stainless Steel"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="material"][value="Carbon Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Carbon Steel + Wood"]:checked)body:has(.filter-panel input[data-filter="material"][value="Stainless Steel"]:checked)body:has(.filter-panel input[data-filter="material"][value="Aluminum Alloy"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-material*="Carbon Steel"], #productGrid .product-card[data-material*="Carbon Steel + Wood"], #productGrid .product-card[data-material*="Stainless Steel"], #productGrid .product-card[data-material*="Aluminum Alloy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Wall-Mounted"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Freestanding"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Wall-Mounted"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Freestanding"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Freestanding"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Freestanding"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Freestanding"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Freestanding"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked):not(:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Freestanding"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="installation"][value="No Assembly"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Wall-Mounted"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Freestanding"]:checked)body:has(.filter-panel input[data-filter="installation"][value="Countertop"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-installation*="No Assembly"], #productGrid .product-card[data-installation*="Wall-Mounted"], #productGrid .product-card[data-installation*="Freestanding"], #productGrid .product-card[data-installation*="Countertop"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Medium"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Medium"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Heavy"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Heavy"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked):not(:has(.filter-panel input[data-filter="load"][value="Light"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Heavy"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="load"][value="Light"]:checked)body:has(.filter-panel input[data-filter="load"][value="Medium"]:checked)body:has(.filter-panel input[data-filter="load"][value="Heavy"]:checked)body:has(.filter-panel input[data-filter="load"][value="Extra Heavy"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-load*="Light"], #productGrid .product-card[data-load*="Medium"], #productGrid .product-card[data-load*="Heavy"], #productGrid .product-card[data-load*="Extra Heavy"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked):not(:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="feature"][value="Adjustable Height"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Stackable"]:checked)body:has(.filter-panel input[data-filter="feature"][value="With Wheels"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Slim"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Tool-Free Assembly"]:checked)body:has(.filter-panel input[data-filter="feature"][value="Waterproof/Rustproof"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-feature*="Adjustable Height"], #productGrid .product-card[data-feature*="Stackable"], #productGrid .product-card[data-feature*="With Wheels"], #productGrid .product-card[data-feature*="Slim"], #productGrid .product-card[data-feature*="Tool-Free Assembly"], #productGrid .product-card[data-feature*="Waterproof/Rustproof"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Powder Coated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Baked Enamel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Powder Coated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Baked Enamel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Baked Enamel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Baked Enamel"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Baked Enamel"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Baked Enamel"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked):not(:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Baked Enamel"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="finish"][value="Electroplated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Powder Coated"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Baked Enamel"]:checked)body:has(.filter-panel input[data-filter="finish"][value="Chrome Plated"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-finish*="Electroplated"], #productGrid .product-card[data-finish*="Powder Coated"], #productGrid .product-card[data-finish*="Baked Enamel"], #productGrid .product-card[data-finish*="Chrome Plated"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="2 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="3 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="2 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="3 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="3 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="3 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="3 Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="3 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked):not(:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="3 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        body:has(.filter-panel input[data-filter="tiers"][value="1 Tier"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="2 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="3 Tiers"]:checked)body:has(.filter-panel input[data-filter="tiers"][value="4+ Tiers"]:checked) #productGrid .product-card:not(:is(#productGrid .product-card[data-tiers*="1 Tier"], #productGrid .product-card[data-tiers*="2 Tiers"], #productGrid .product-card[data-tiers*="3 Tiers"], #productGrid .product-card[data-tiers*="4+ Tiers"])) {
            display: none !important
        }

        /* Product card copy refinement from uploaded product brief */
        .product-summary {
            margin: 8px 0 12px;
            color: #5e6a72;
            font-size: 13px;
            line-height: 1.55;
            min-height: 60px;
        }

        .product-body .meta {
            gap: 7px;
        }

        .product-body .meta span {
            line-height: 1.35;
        }

        /* kemler-mobile-banner-media-contain-fix-20260713
   Keep the banner media fully visible on phones instead of cropping it. */
        @media(max-width:640px) {
            .km-video-card {
                padding: 6px !important;
                border-radius: 22px !important;
            }

            .km-video-window {
                aspect-ratio: 16/9 !important;
                min-height: 0 !important;
                height: auto !important;
                border-radius: 18px !important;
                background: #06131d !important;
            }

            .km-video-window video,
            .km-video-window img {
                position: relative !important;
                width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
                object-position: center center !important;
                background: #06131d !important;
            }
        }

        /* kemler-mobile-product-page-banner-carousel-stable-fit-fix-20260713
   Keep the confirmed page intact; only fix the mobile banner carousel.
   Three images still rotate, but each image is fully visible with no blank half-frame. */
        @media(max-width:640px) {
            .banner-refined .hero-carousel-card {
                max-width: 100% !important;
                width: 100% !important;
            }

            .banner-refined .hero-image-frame {
                position: relative !important;
                aspect-ratio: 4/3 !important;
                height: auto !important;
                min-height: 0 !important;
                padding: 0 !important;
                overflow: hidden !important;
                border-radius: 24px !important;
                background: rgba(255, 255, 255, .96) !important;
            }

            .banner-refined .hero-carousel-slide {
                display: block !important;
                position: absolute !important;
                inset: 0 !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                min-width: 0 !important;
                min-height: 0 !important;
                max-width: 100% !important;
                max-height: 100% !important;
                padding: 0 !important;
                margin: 0 !important;
                border: 0 !important;
                border-radius: 23px !important;
                object-fit: contain !important;
                object-position: center center !important;
                transform: none !important;
                background: rgba(255, 255, 255, .96) !important;
                animation: kemlerMobileBannerFade 12s infinite ease-in-out !important;
            }

            .banner-refined .hero-carousel-slide.slide-1 {
                animation-delay: 0s !important;
            }

            .banner-refined .hero-carousel-slide.slide-2 {
                animation-delay: 4s !important;
            }

            .banner-refined .hero-carousel-slide.slide-3 {
                animation-delay: 8s !important;
            }

            @keyframes kemlerMobileBannerFade {

                0%,
                30% {
                    opacity: 1;
                    transform: none;
                }

                34%,
                96% {
                    opacity: 0;
                    transform: none;
                }

                100% {
                    opacity: 1;
                    transform: none;
                }
            }
        }



        :root {
            --km-blue: #063a5c;
            --km-cyan: #0c8bd0;
            --km-orange: #f39a22;
            --km-ink: #132b3d;
            --km-muted: #647386;
            --km-line: #dce6ee;
            --km-soft: #edf6fb;
            --km-shadow: 0 18px 52px rgba(17, 48, 70, .10)
        }

        html {
            scroll-behavior: smooth
        }

        #products,
        #rfq {
            scroll-margin-top: 92px
        }

        .application-page {
            background: #f6f9fb;
            color: var(--km-ink)
        }

        .km-section {
            padding: 78px 0
        }

        .km-section-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            gap: 26px;
            margin-bottom: 30px
        }

        .km-eyebrow {
            display: inline-flex;
            color: var(--km-cyan);
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .12em;
            font-size: 12px
        }

        .km-section h2 {
            font-size: clamp(32px, 4vw, 52px);
            line-height: 1.04;
            letter-spacing: -.045em;
            margin: 8px 0 0;
            color: var(--km-ink)
        }

        .km-section-head p {
            max-width: 520px;
            color: var(--km-muted);
            font-size: 17px;
            line-height: 1.72
        }

        .application-hero {
            position: relative;
            min-height: 520px;
            color: white;
            display: grid;
            align-items: center;
            overflow: hidden;
            background-color: var(--blue-ink);
            background-size: cover;
            background-position: center;
        }

        .application-hero .container {
            position: relative;
            z-index: 2
        }

        .hero-panel {
            max-width: 740px;
            padding: 30px 0 34px
        }

        .hero-kicker {
            display: inline-flex;
            padding: 0;
            border-radius: 0;
            background: transparent;
            border: 0;
            color: var(--km-orange);
            font-weight: 950;
            letter-spacing: .14em;
            text-transform: uppercase;
            font-size: 13px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, .28)
        }

        .application-hero h1 {
            font-size: clamp(38px, 4.7vw, 60px);
            line-height: 1.03;
            letter-spacing: -.052em;
            margin: 18px 0 14px;
            color: #fff;
            max-width: 740px
        }

        .application-hero p {
            font-size: 17px;
            line-height: 1.55;
            color: rgba(255, 255, 255, .84);
            max-width: 610px
        }

        .hero-actions {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-wrap: wrap;
            margin-top: 24px;
            position: relative;
            z-index: 3
        }

        .hero-actions .btn {
            position: relative;
            flex: 0 0 auto;
            min-width: 156px;
            white-space: nowrap
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 15px 22px;
            border-radius: 999px;
            font-weight: 900;
            text-decoration: none;
            border: 1px solid transparent;
            cursor: pointer;
            font-family: inherit;
            font-size: 16px;
            line-height: 1.2
        }

        .btn-primary {
            background: var(--km-orange);
            color: white;
            box-shadow: 0 16px 36px rgba(243, 154, 34, .28)
        }

        .btn-soft {
            background: rgba(255, 255, 255, .16);
            border-color: rgba(255, 255, 255, .34);
            color: #fff;
            backdrop-filter: blur(8px)
        }

        .hero-stats,
        .buyer-grid,
        .product-focus-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px
        }

        .hero-stat {
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .20);
            backdrop-filter: blur(10px);
            border-radius: 18px;
            padding: 14px 16px
        }

        .hero-stat b {
            display: block;
            font-size: 21px;
            color: #fff
        }

        .hero-stat span {
            display: block;
            margin-top: 5px;
            color: rgba(255, 255, 255, .76);
            font-size: 13px;
            line-height: 1.45
        }

        .application-hero .hero-stats {
            display: none !important
        }

        .application-hero .hero-stats * {
            display: none !important
        }

        .buyer-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 18px
        }

        .buyer-card {
            background: white;
            border: 1px solid var(--km-line);
            border-radius: 28px;
            padding: 26px;
            box-shadow: var(--km-shadow)
        }

        .buyer-icon {
            width: 54px;
            height: 54px;
            border-radius: 18px;
            background: #edf6fb;
            color: var(--km-cyan);
            display: grid;
            place-items: center;
            margin-bottom: 18px;
            font-weight: 950
        }

        .buyer-card h3,
        .focus-body h3 {
            font-size: 22px;
            margin: 0 0 10px;
            color: var(--km-blue)
        }

        .buyer-card p,
        .focus-body p {
            margin: 0;
            color: var(--km-muted);
            line-height: 1.65
        }

        .focus-wrap {
            background: white;
            border: 1px solid var(--km-line);
            border-radius: 34px;
            padding: 28px;
            box-shadow: var(--km-shadow)
        }

        .product-focus-grid {
            grid-template-columns: repeat(4, 1fr);
            gap: 18px
        }

        .focus-card {
            background: #fff;
            border: 1px solid var(--km-line);
            border-radius: 26px;
            overflow: hidden;
            box-shadow: 0 14px 42px rgba(17, 48, 70, .08)
        }

        .focus-img {
            height: 210px;
            background-size: cover;
            background-position: center
        }

        .focus-body {
            padding: 22px
        }

        .focus-body small {
            color: var(--km-cyan);
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .1em
        }

        .focus-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 16px
        }

        .focus-tags span {
            font-size: 12px;
            padding: 7px 10px;
            border-radius: 999px;
            background: #edf6fb;
            color: #315267;
            font-weight: 800
        }

        .other-apps {
            background: #102a3d;
            color: #fff
        }

        .other-apps h2 {
            color: #fff
        }

        .other-apps .km-section-head p {
            color: rgba(255, 255, 255, .72)
        }

        .scenario-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 18px
        }

        .scenario-card {
            position: relative;
            min-height: 255px;
            border-radius: 26px;
            overflow: hidden;
            background-size: cover;
            background-position: center;
            box-shadow: 0 18px 52px rgba(0, 0, 0, .22)
        }

        .scenario-card:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(8, 26, 39, .10), rgba(6, 34, 55, .90))
        }

        .scenario-card div {
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: 22px
        }

        .scenario-card h3 {
            color: #fff;
            margin: 0 0 10px;
            font-size: 21px;
            line-height: 1.16;
            letter-spacing: -.02em
        }

        .scenario-card p {
            margin: 0;
            color: rgba(255, 255, 255, .82);
            line-height: 1.55;
            font-size: 14px
        }

        .buyer-program-grid .buyer-program-card {
            grid-column: span 2;
            min-height: 282px
        }

        .buyer-program-grid .buyer-program-card:nth-child(-n+2) {
            grid-column: span 3;
            min-height: 315px
        }

        .buyer-program-card span {
            display: inline-flex;
            margin: 0 0 12px;
            padding: 7px 10px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .16);
            border: 1px solid rgba(255, 255, 255, .24);
            color: rgba(255, 255, 255, .9);
            font-size: 12px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: .08em
        }

        .buyer-program-card:after {
            content: "";
            position: absolute;
            inset: 0;
            border: 1px solid rgba(255, 255, 255, .14);
            border-radius: 26px;
            pointer-events: none
        }

        .custom-grid {
            display: grid;
            grid-template-columns: .9fr 1.1fr;
            gap: 24px;
            align-items: start
        }

        .custom-panel,
        .faq-item,
        .process-step {
            background: white;
            border: 1px solid var(--km-line);
            box-shadow: var(--km-shadow)
        }

        .custom-panel {
            border-radius: 30px;
            padding: 30px
        }

        .custom-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px
        }

        .custom-item {
            background: #f7fbfd;
            border: 1px solid var(--km-line);
            border-radius: 18px;
            padding: 18px
        }

        .custom-item b {
            color: var(--km-blue)
        }

        .custom-item p {
            color: var(--km-muted);
            line-height: 1.55;
            margin: 7px 0 0
        }

        .process-strip {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 10px
        }

        .process-step {
            border-radius: 20px;
            padding: 18px
        }

        .process-step span {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--km-cyan);
            color: white;
            font-weight: 950;
            margin-bottom: 12px
        }

        .process-step b {
            display: block;
            color: var(--km-blue);
            line-height: 1.25
        }

        .faq-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px
        }

        .faq-item {
            border-radius: 22px;
            padding: 22px
        }

        .faq-item h3 {
            margin: 0 0 9px;
            color: var(--km-blue);
            font-size: 19px
        }

        .faq-item p {
            margin: 0;
            color: var(--km-muted);
            line-height: 1.65
        }

        .rfq-section {
            background: linear-gradient(135deg, #063a5c, #0c8bd0);
            color: white
        }

        .rfq-box {
            display: grid;
            grid-template-columns: 1fr 360px;
            gap: 24px;
            align-items: center
        }

        .rfq-box h2 {
            color: white;
            font-size: clamp(34px, 5vw, 58px)
        }

        .rfq-box p {
            color: rgba(255, 255, 255, .8);
            font-size: 18px;
            line-height: 1.7
        }

        .rfq-card {
            background: white;
            color: var(--km-ink);
            border-radius: 28px;
            padding: 26px;
            box-shadow: 0 22px 60px rgba(0, 0, 0, .2)
        }

        .rfq-card label {
            display: block;
            font-size: 13px;
            font-weight: 900;
            color: var(--km-blue);
            margin: 12px 0 7px
        }

        .rfq-card input,
        .rfq-card textarea {
            width: 100%;
            border: 1px solid var(--km-line);
            border-radius: 14px;
            padding: 13px 14px;
            font: inherit
        }

        .rfq-card textarea {
            min-height: 100px
        }

        .rfq-card button {
            width: 100%;
            margin-top: 14px;
            border: 0
        }

        @media(max-width:980px) {

            .buyer-grid,
            .product-focus-grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .scenario-grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .custom-grid,
            .rfq-box {
                grid-template-columns: 1fr
            }

            .process-strip {
                grid-template-columns: repeat(2, 1fr)
            }

            .km-section-head {
                display: block
            }

            .hero-stats {
                grid-template-columns: 1fr
            }
        }

        @media(max-width:640px) {
            .container {
                padding: 0 18px
            }

            .km-section {
                padding: 56px 0
            }

            .application-hero {
                min-height: 540px
            }

            .hero-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 12px
            }

            .hero-actions .btn {
                width: 100%;
                min-width: 0
            }

            .application-hero h1 {
                font-size: 34px;
                line-height: 1.06
            }

            .application-hero p {
                font-size: 15.5px;
                line-height: 1.5
            }

            .buyer-grid,
            .product-focus-grid,
            .scenario-grid,
            .custom-list,
            .faq-grid {
                grid-template-columns: 1fr
            }

            .process-strip {
                display: flex;
                overflow-x: auto;
                padding-bottom: 10px
            }

            .process-step {
                min-width: 190px
            }

            .focus-img {
                height: 190px
            }
        }

        @media(max-width:980px) {

            .buyer-program-grid .buyer-program-card,
            .buyer-program-grid .buyer-program-card:nth-child(-n+2) {
                grid-column: auto;
                min-height: 280px
            }
        }

        @media(max-width:640px) {
            .buyer-program-card span {
                font-size: 11px
            }

            .buyer-program-grid .buyer-program-card,
            .buyer-program-grid .buyer-program-card:nth-child(-n+2) {
                min-height: 270px
            }
        }

        .custom-manufacturing .custom-grid {
            align-items: stretch;
            grid-template-columns: 1fr 1fr
        }

        .custom-manufacturing .custom-panel {
            background: linear-gradient(135deg, #ffffff, #f3f8fc);
            border: 1px solid rgba(12, 139, 208, .18);
            box-shadow: 0 24px 64px rgba(8, 38, 62, .10);
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .custom-manufacturing .custom-panel h2 {
            font-size: clamp(30px, 3.2vw, 46px);
            line-height: 1.05;
            letter-spacing: -.035em
        }

        .custom-proof-row {
            display: grid;
            gap: 10px;
            margin: 22px 0 24px
        }

        .custom-proof-row span {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 12px;
            border-radius: 14px;
            background: #fff;
            border: 1px solid var(--km-line);
            color: #0b5f91;
            font-size: 13px;
            font-weight: 900
        }

        .custom-proof-row span:before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: linear-gradient(135deg, #0c8bd0, #f39a22);
            box-shadow: 0 0 0 4px rgba(12, 139, 208, .10)
        }

        .custom-right-column {
            display: flex;
            flex-direction: column;
            gap: 14px;
            height: 100%;
            min-height: 100%
        }

        .custom-capability-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: repeat(3, 1fr);
            gap: 12px;
            flex: 1
        }

        .custom-capability-list .custom-item {
            padding: 18px 18px;
            border-radius: 18px;
            background: linear-gradient(180deg, #fff, #f8fbfd);
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .custom-capability-list .custom-item:hover {
            transform: translateY(-3px);
            border-color: rgba(12, 139, 208, .28);
            box-shadow: 0 14px 30px rgba(8, 38, 62, .09)
        }

        .custom-capability-list .custom-item b {
            display: block;
            color: #063a5c;
            font-size: 15px;
            line-height: 1.22;
            margin-bottom: 6px
        }

        .custom-capability-list .custom-item p {
            font-size: 13.5px;
            line-height: 1.55
        }

        .custom-process-text {
            margin: 0;
            color: var(--km-muted);
            font-size: 14.5px;
            line-height: 1.68;
            max-width: none;
            padding: 0 4px
        }

        .custom-process-text b {
            color: #063a5c;
            font-weight: 950
        }

        @media(max-width:980px) {
            .custom-manufacturing .custom-grid {
                grid-template-columns: 1fr
            }
        }

        @media(max-width:820px) {
            .custom-capability-list {
                grid-template-columns: 1fr;
                grid-template-rows: auto;
                flex: 0 1 auto
            }

            .custom-process-text {
                font-size: 15px;
                padding: 0
            }
        }

        .controlled-process .process-grid-b2b {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            overflow: visible;
            padding-bottom: 0
        }

        .controlled-process .process-step {
            min-width: 0;
            text-align: left;
            padding: 22px;
            border-radius: 22px;
            position: relative;
            overflow: hidden
        }

        .controlled-process .process-step:before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(12, 139, 208, .06), rgba(243, 154, 34, .05));
            opacity: .75;
            pointer-events: none
        }

        .controlled-process .process-step span,
        .controlled-process .process-step b,
        .controlled-process .process-step p {
            position: relative
        }

        .controlled-process .process-step span {
            display: inline-flex;
            width: auto;
            height: auto;
            margin: 0 0 14px;
            padding: 7px 10px;
            border-radius: 999px;
            background: #063a5c;
            color: #fff;
            font-size: 12px;
            font-weight: 950;
            letter-spacing: .08em
        }

        .controlled-process .process-step b {
            display: block;
            color: #063a5c;
            font-size: 17px;
            line-height: 1.22;
            margin-bottom: 9px
        }

        .controlled-process .process-step p {
            margin: 0;
            color: var(--km-muted);
            font-size: 14px;
            line-height: 1.58
        }

        @media(max-width:980px) {
            .controlled-process .process-grid-b2b {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media(max-width:640px) {
            .controlled-process .process-grid-b2b {
                grid-template-columns: 1fr
            }
        }

        .faq-simple-section .faq-simple-container {
            width: min(1200px, calc(100% - 40px)) !important;
            max-width: 1200px !important;
            margin-left: auto !important;
            margin-right: auto !important
        }

        .faq-simple-list {
            width: 100%;
            border-top: 1px solid var(--km-line);
            border-bottom: 1px solid var(--km-line);
            background: transparent
        }

        .faq-simple-item {
            display: grid;
            grid-template-columns: minmax(260px, .86fr) minmax(0, 1.14fr);
            gap: 34px;
            padding: 24px 0;
            border-top: 1px solid var(--km-line)
        }

        .faq-simple-item:first-child {
            border-top: 0
        }

        .faq-simple-item h3 {
            margin: 0;
            color: #063a5c;
            font-size: 18px;
            line-height: 1.35;
            letter-spacing: -.01em
        }

        .faq-simple-item p {
            margin: 0;
            color: var(--km-muted);
            font-size: 15px;
            line-height: 1.7
        }

        .faq-simple-section .faq-grid {
            display: block
        }

        .faq-simple-section .faq-item {
            box-shadow: none;
            border: 0;
            background: transparent;
            padding: 0
        }

        @media(max-width:760px) {
            .faq-simple-item {
                grid-template-columns: 1fr;
                gap: 8px;
                padding: 22px 0
            }

            .faq-simple-section .faq-simple-container {
                width: min(100% - 28px, 1180px)
            }
        }

        .faq-accordion-section .faq-simple-container {
            width: min(1200px, calc(100% - 40px)) !important;
            max-width: 1200px !important;
            margin-left: auto !important;
            margin-right: auto !important
        }

        .faq-accordion-list {
            width: 100%;
            border-top: 1px solid var(--km-line);
            border-bottom: 1px solid var(--km-line)
        }

        .faq-accordion-item {
            border-top: 1px solid var(--km-line);
            padding: 0;
            background: transparent
        }

        .faq-accordion-item:first-child {
            border-top: 0
        }

        .faq-accordion-item summary {
            list-style: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding: 22px 0;
            color: #063a5c;
            font-size: 18px;
            font-weight: 900;
            line-height: 1.35;
            letter-spacing: -.01em
        }

        .faq-accordion-item summary::-webkit-details-marker {
            display: none
        }

        .faq-accordion-item summary:after {
            content: "+";
            flex: 0 0 auto;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            border: 1px solid var(--km-line);
            display: grid;
            place-items: center;
            color: #0b5f91;
            font-size: 20px;
            font-weight: 700;
            line-height: 1;
            background: #fff
        }

        .faq-accordion-item[open] summary:after {
            content: "−"
        }

        .faq-accordion-item p {
            margin: -6px 0 22px;
            color: var(--km-muted);
            font-size: 15px;
            line-height: 1.7;
            max-width: 820px
        }

        .faq-accordion-section .faq-simple-list,
        .faq-accordion-section .faq-simple-item {
            display: block;
            border: 0;
            padding: 0
        }

        @media(max-width:760px) {
            .faq-accordion-section .faq-simple-container {
                width: min(100% - 28px, 1180px) !important
            }

            .faq-accordion-item summary {
                font-size: 16px;
                padding: 20px 0
            }

            .faq-accordion-item p {
                margin-top: -4px
            }
        }
    
    
        #products.product-focus-b2b .product-card-wrap {
            padding: 28px;
            background: #fff;
            border: 1px solid var(--km-line, #dce6ee);
            border-radius: 34px;
            box-shadow: var(--km-shadow, 0 26px 70px rgba(10, 45, 78, .14));
        }

        #products .b2b-product-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
            margin-top: 0;
        }

        #products .product-card {
            background: #fff;
            border: 1px solid #e3ebf2;
            border-radius: 26px;
            box-shadow: 0 14px 40px rgba(8, 38, 62, .08);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            transition: .2s ease;
        }

        #products .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 22px 56px rgba(8, 38, 62, .14);
        }

        #products .product-visual.product-visual-photo {
            height: 190px;
            background: linear-gradient(145deg, #f4f8fb, #ffffff);
            position: relative;
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        #products .product-visual.product-visual-photo:before,
        #products .product-visual.product-visual-photo:after {
            display: none;
        }

        #products .product-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            position: relative;
            z-index: 1;
            transition: transform .22s ease;
        }

        #products .product-card:hover .product-photo {
            transform: scale(1.035);
        }

        #products .sku {
            position: absolute;
            left: 14px;
            top: 14px;
            background: rgba(6, 58, 92, .92);
            color: #fff;
            font-size: 11px;
            font-weight: 900;
            border-radius: 999px;
            padding: 6px 9px;
            z-index: 2;
        }

        #products .product-body {
            padding: 18px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            flex: 1;
        }

        #products .product-body h3 {
            font-size: 18px;
            line-height: 1.22;
            margin: 0;
            color: #063a5c;
        }

        #products .product-category-line {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-top: -4px;
            color: #5f6f7c;
            font-size: 11.5px;
            line-height: 1.35;
        }

        #products .product-category-line span {
            flex: 0 0 auto;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-weight: 950;
            color: #91a0ad;
        }

        #products .product-category-line b {
            font-weight: 900;
            color: #0b5f91;
        }

        #products .meta {
            display: grid;
            gap: 7px;
            color: #5f6f7c;
            font-size: 13px;
        }

        #products .meta span {
            display: block;
            line-height: 1.35;
        }

        #products .card-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: auto;
            padding-top: 6px;
            align-items: stretch;
        }

        #products .card-actions a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 42px !important;
            min-height: 42px;
            max-height: 42px;
            padding: 0 12px;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 950;
            line-height: 1;
            white-space: nowrap;
            text-decoration: none;
            border: 1px solid transparent;
            box-sizing: border-box;
            box-shadow: none;
            transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
        }

        #products .card-actions a:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 22px rgba(8, 38, 62, .12);
        }

        #products .card-actions .detail {
            background: #fff;
            color: #0b5f91;
            border-color: #cfe0eb;
        }

        #products .card-actions .detail:hover {
            background: #eef6fb;
            border-color: #a9c9dc;
        }

        #products .card-actions .quote {
            background: linear-gradient(135deg, #f39a22, #ffb24a);
            color: #fff;
            border-color: rgba(243, 154, 34, .3);
            box-shadow: 0 8px 18px rgba(243, 154, 34, .22);
        }

        #products .product-more-row {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 26px;
        }

        #products .product-more {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            width: max-content;
            max-width: 100%;
            padding: 12px 22px;
            border-radius: 999px;
            background: #eef6fb;
            color: #0b5f91;
            font-weight: 950;
            border: 1px solid #cfe0eb;
            box-shadow: 0 10px 22px rgba(8, 38, 62, .08);
        }

        #products .product-more:hover {
            background: #0b5f91;
            color: #fff;
            border-color: #0b5f91;
            transform: translateY(-1px);
        }

        #products .product-card:nth-of-type(n+9) {
            display: none;
        }

        #products .product-grid:has(.product-card:nth-of-type(9))+.product-more {
            display: inline-flex;
        }

        @media(max-width:1100px) {
            #products .b2b-product-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media(max-width:820px) {
            #products .b2b-product-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            #products.product-focus-b2b .product-card-wrap {
                padding: 18px;
                border-radius: 28px;
            }
        }

        @media(max-width:640px) {
            #products .b2b-product-grid {
                grid-template-columns: 1fr;
            }

            #products .product-visual.product-visual-photo {
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: auto !important;
                padding: 0 !important;
            }

            #products .product-photo {
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                object-fit: contain !important;
                object-position: center center !important;
            }

            #products .card-actions {
                grid-template-columns: 1fr !important;
                gap: 8px !important;
            }

            #products .product-body {
                padding: 16px !important;
            }

            #products .product-category-line {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 4px !important;
            }

            #products .product-category-line b {
                overflow-wrap: anywhere !important;
            }
        }

        #products .km-section-head {
            align-items: flex-end;
        }

        #products .km-section-head>div {
            max-width: 760px;
        }
    
    
        .application-page {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .application-hero {
            width: 100% !important;
            height: clamp(640px, 56.25vw, 1080px) !important;
            min-height: clamp(640px, 56.25vw, 1080px) !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            display: grid !important;
            align-items: center !important;
            overflow: hidden !important;
        }

        .application-hero>.container {
            min-height: 100% !important;
            display: flex !important;
            align-items: center !important;
        }

        .application-hero .hero-panel {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        @media (min-width:1800px) {
            .application-hero {
                height: 1080px !important;
                min-height: 1080px !important;
            }
        }

        @media (max-width:768px) {
            .application-hero {
                height: auto !important;
                min-height: 560px !important;
                padding: 56px 0 64px !important;
            }

            .application-hero>.container {
                min-height: 0 !important;
            }
        }
    


    
        /* Match reference hero height: hermesproxy kemler exact, measured ~618px at 1280px viewport */
        .application-page {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .application-hero {
            height: 618px !important;
            min-height: 618px !important;
            padding: 68px 0 !important;
            display: grid !important;
            align-items: center !important;
            margin-top: 0 !important;
            overflow: hidden !important;
        }

        .application-hero>.container {
            min-height: 100% !important;
            display: flex !important;
            align-items: center !important;
        }

        .application-hero .hero-panel {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        @media(max-width:760px) {
            .application-hero {
                height: auto !important;
                min-height: 560px !important;
                padding: 56px 0 64px !important;
            }

            .application-hero>.container {
                min-height: 0 !important;
            }
        }
    
        .application-page {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
    


    
        #products .product-more[aria-disabled="true"] {
            cursor: default !important;
        }

        #products .product-more[aria-disabled="true"]:hover {
            transform: none !important;
        }
    


    
        /* Keep Buyer Programs label text, remove the special floating/boxed chip treatment */
        .buyer-programs-plain {
            display: block !important;
            width: max-content !important;
            margin: 0 0 12px !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            color: #0c8bd0 !important;
            font-size: 13px !important;
            line-height: 1.2 !important;
            font-weight: 950 !important;
            letter-spacing: .13em !important;
            text-transform: uppercase !important;
        }

        .buyer-programs-plain:before,
        .buyer-programs-plain:after {
            display: none !important;
            content: none !important;
        }
    


    
        /* Match other section tag text color */
        .buyer-programs-plain {
            color: #0c8bd0 !important;
        }