.ecs-catalog{border:1px solid var(--color-border);background:var(--color-canvas);color-scheme:inherit;--color-canvas:inherit;--bg-canvas:inherit;--color-ink:inherit;--color-text-main:inherit;--color-muted:inherit;--color-accent-inverse:inherit;--color-border:inherit;--color-grid-line:inherit;color:inherit}.ecs-catalog>header{align-items:center;gap:var(--space-inline-compact);padding:var(--space-inline-default);border-bottom:1px solid var(--color-border);font-size:var(--type-body-sm);display:flex}.ecs-catalog svg{color:var(--color-brand);flex:none;width:20px;height:20px}.ecs-catalog-content{padding:var(--space-inline-default)}.ecs-catalog-heading{justify-content:space-between;gap:var(--space-inline-compact);font-size:var(--type-meta);margin-bottom:var(--space-inline-default);display:flex}.ecs-catalog-heading>span:first-child{letter-spacing:var(--tracking-label)}.ecs-catalog-products{gap:var(--space-inline-compact);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ecs-catalog-products p{font-size:var(--type-meta);margin-top:var(--space-inline-compact)}.ecs-object{aspect-ratio:1;border:1px solid var(--color-border);position:relative;overflow:hidden}.ecs-object img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ecs-catalog>footer{gap:var(--space-inline-compact);background:var(--color-surface-lilac);padding:var(--space-inline-default);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);align-items:center;display:flex}.ecs-catalog footer>div{min-width:0}.ecs-catalog footer small{font-size:var(--type-meta);margin-bottom:var(--space-phi-1);display:block}.ecs-catalog footer span{font-size:var(--type-body-sm);overflow-wrap:anywhere}.ecs-catalog footer>svg:last-child{margin-left:auto}.ecs-hero--etalage .ss-hero-heading{grid-column:1/8}.ecs-hero--etalage .ss-hero-copy{grid-area:1/9/auto/13;align-self:end}.ecs-hero--etalage .ss-hero-visual{grid-area:2/1/auto/-1}.ecs-hero--etalage .ecs-catalog{grid-template-columns:3fr 7fr 3fr;display:grid}.ecs-hero--etalage .ecs-catalog>header{border:0;border-right:1px solid var(--color-border);align-items:flex-start}.ecs-hero--etalage .ecs-catalog>footer{align-items:flex-start}.ecs-hero--etalage .ecs-object{aspect-ratio:1}.ecs-hero--etalage .ecs-catalog footer>svg:last-child{display:none}.ecs-hero--zoekroute .ss-hero-heading{text-align:center;grid-column:1/-1}.ecs-hero--zoekroute .ss-hero-copy{text-align:center;grid-area:2/3/auto/11}.ecs-hero--zoekroute .ss-actions{justify-content:center}.ecs-hero--zoekroute .ss-hero-visual{grid-area:3/2/auto/12}.ecs-hero--zoekroute .ecs-catalog{grid-template-columns:7fr 4fr;display:grid}.ecs-hero--zoekroute .ecs-catalog>header{grid-column:1/-1}.ecs-hero--zoekroute .ecs-catalog footer{flex-wrap:wrap;align-content:center}.ecs-hero--zoekroute .ecs-object{aspect-ratio:1}@media (width<=767px){.ecs-hero:is(.ecs-hero--etalage,.ecs-hero--zoekroute) :is(.ss-hero-heading,.ss-hero-copy,.ss-hero-visual){text-align:left;grid-area:auto/1/auto/-1}.ecs-hero--zoekroute .ss-actions{justify-content:start}.ecs-hero:is(.ecs-hero--etalage,.ecs-hero--zoekroute) .ecs-catalog{display:block}.ecs-hero--etalage .ecs-catalog>header{border-right:0;border-bottom:1px solid var(--color-border)}.ecs-catalog-content{padding:var(--space-inline-compact)}.ecs-catalog-products{gap:var(--space-phi-1)}.ecs-hero .ecs-object{aspect-ratio:1}.ecs-catalog-products p{font-size:var(--type-meta)}}.ecs-full,.ecs-url-landscape,.ecs-signals,.ecs-explorer,.ecs-link-structure,.ecs-filter-fork,.ecs-variant-note,.ecs-data-details,.ecs-data-links,.ecs-stock-states,.ecs-stock-rule,.ecs-migration,.ecs-rules,.ecs-measure,.ecs-approach-end,.ecs-costs,.ecs-related{grid-column:1/-1}.ecs-url-landscape{gap:var(--space-column-gap);padding:var(--space-inline-default);background:var(--color-surface-lilac);margin-top:var(--space-inline-default);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);grid-template-columns:auto 3fr 7fr;align-items:center;display:grid}.ecs-url-landscape>svg{width:48px;height:48px;color:var(--color-brand)}.ecs-url-landscape>p{font-size:var(--type-heading-xs);line-height:1.25}.ecs-url-landscape>div{gap:var(--space-inline-compact) var(--space-inline-default);flex-wrap:wrap;display:flex}.ecs-url-landscape>div>span{font-size:var(--type-meta)}.ecs-signals{column-gap:var(--space-column-gap-wide);grid-template-columns:1fr 1fr;display:grid}.ecs-signals summary>span{font-size:var(--type-meta);flex:none}.ecs-signals details>div{padding-left:var(--space-inline-default)}.ecs-explorer{min-width:0;margin:var(--space-inline-default) 0 0;border:0;padding:0}.ecs-panel{gap:var(--space-column-gap-wide);grid-template-columns:7fr 5fr;align-items:center;display:none}.ecs-explorer:has(input[value=categorie]:checked) [data-ecs-panel=categorie],.ecs-explorer:has(input[value=product]:checked) [data-ecs-panel=product],.ecs-explorer:has(input[value=filter]:checked) [data-ecs-panel=filter],.ecs-explorer:has(input[value=koopgids]:checked) [data-ecs-panel=koopgids]{display:grid}.ecs-panel>*{min-width:0}.ecs-example{border:1px solid var(--color-border)}.ecs-example>header,.ecs-example>footer{align-items:center;gap:var(--space-inline-compact);padding:var(--space-inline-default);font-size:var(--type-body-sm);display:flex}.ecs-example>header{border-bottom:1px solid var(--color-border)}.ecs-example>footer{background:var(--color-surface-lilac);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink)}.ecs-example :is(header,footer) svg{width:20px;height:20px;color:var(--color-brand);flex:none}.ecs-example-page{padding:var(--space-inline-default);min-height:300px}.ecs-example-url{overflow-wrap:anywhere;font-size:var(--type-meta);margin-bottom:var(--space-inline-default);display:block}.ecs-example-page h3{font-size:var(--type-heading-xs);margin-bottom:var(--space-inline-default)}.ecs-demo-products{gap:var(--space-inline-compact);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ecs-demo-products p{font-size:var(--type-meta);margin-top:var(--space-inline-compact)}.ecs-category-links{justify-content:space-between;gap:var(--space-phi-1);font-size:var(--type-meta);margin-top:var(--space-inline-default);padding-top:var(--space-inline-compact);border-top:1px solid var(--color-border);display:flex}.ecs-product-detail{gap:var(--space-inline-default);grid-template-columns:1fr 1fr;align-items:center;display:grid}.ecs-product-detail h3{margin-block:var(--space-inline-compact)}.ecs-product-detail dl{margin-top:var(--space-inline-default)}.ecs-product-detail dl>div{justify-content:space-between;gap:var(--space-phi-1);padding-block:var(--space-phi-1);border-top:1px solid var(--color-border);font-size:var(--type-meta);display:flex}.ecs-filter-example{gap:var(--space-inline-default);grid-template-columns:2fr 3fr;align-items:center;display:grid}.ecs-color-sample{background:var(--color-surface-lilac);border:1px solid var(--color-brand);width:32px;height:32px;margin-block:var(--space-inline-compact);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);display:block}.ecs-filter-example .ss-note{margin-top:var(--space-inline-compact)}.ecs-guide-lines{margin:0;padding:0;list-style:none}.ecs-guide-lines li{gap:var(--space-inline-default);padding-block:var(--space-inline-default);border-top:1px solid var(--color-border);font-size:var(--type-body-sm);display:flex}.ecs-guide-lines li>span{font-size:var(--type-meta)}.ecs-example-page .ecs-guide-end{align-items:center;gap:var(--space-inline-compact);font-size:var(--type-meta);padding-top:var(--space-inline-default);display:flex}.ecs-guide-end svg{color:var(--color-brand);flex:none}.ecs-panel-copy>svg{width:44px;height:44px;color:var(--color-brand);margin-bottom:var(--space-inline-default)}.ecs-panel-copy>h3{font-size:var(--type-heading-sm);margin-bottom:var(--space-inline-default)}.ecs-panel-copy>p{font-size:var(--type-body-sm)}.ecs-panel-copy>details{margin-top:var(--space-inline-default)}.ecs-panel-copy .ecs-takeaway{font-size:var(--type-meta);margin-top:var(--space-inline-default);border-left:2px solid var(--color-brand);padding-left:var(--space-inline-compact)}.ecs-link-structure{align-items:center;gap:var(--space-column-gap);border-top:1px solid var(--color-border);padding-top:var(--space-inline-default);margin-top:var(--space-inline-default);grid-template-columns:auto 1fr auto;display:grid}.ecs-link-structure>svg{width:44px;height:44px;color:var(--color-brand)}.ecs-link-structure h3{margin-bottom:var(--space-inline-compact)}.ecs-link-structure p{font-size:var(--type-body-sm)}.ecs-filter-section{background:var(--color-surface-lilac);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink)}.ecs-filter-fork{gap:var(--space-column-gap);margin-top:var(--space-inline-default);grid-template-columns:1fr auto 1fr;display:grid}.ecs-filter-fork article{padding:var(--space-card-inset);border:1px solid var(--color-border);background:var(--color-canvas);color-scheme:inherit;--color-canvas:inherit;--bg-canvas:inherit;--color-ink:inherit;--color-text-main:inherit;--color-muted:inherit;--color-accent-inverse:inherit;--color-border:inherit;--color-grid-line:inherit;color:inherit}.ecs-fork-symbol{margin-bottom:var(--space-inline-default)}.ecs-fork-symbol svg{width:44px;height:44px;color:var(--color-brand)}.ecs-filter-fork h3{margin-block:var(--space-inline-default)}.ecs-filter-fork article>p:not(.eyebrow){font-size:var(--type-body-sm)}.ecs-filter-path{padding-top:var(--space-inline-default);margin-top:var(--space-inline-default);border-top:1px solid var(--color-border);font-size:var(--type-meta);overflow-wrap:anywhere;display:block}.ecs-fork-divider{color:var(--color-brand);align-items:center;display:flex}.ecs-fork-divider svg{width:32px;height:32px}.ecs-variant-note{gap:var(--space-column-gap);border-top:1px solid var(--color-border);padding-top:var(--space-inline-default);margin-top:var(--space-inline-default);grid-template-columns:auto 5fr 4fr;align-items:start;display:grid}.ecs-variant-note>svg{width:44px;height:44px;color:var(--color-brand)}.ecs-variant-note h3{margin-block:var(--space-inline-compact)}.ecs-variant-note p{font-size:var(--type-body-sm)}.ecs-data-product{align-self:center;gap:var(--space-inline-default);grid-column:1/5;grid-template-columns:1fr 1fr;align-items:center;display:grid}.ecs-data-product h3{margin-block:var(--space-inline-compact)}.ecs-data-product p{font-size:var(--type-body-sm)}.ecs-data-product .eyebrow{font-size:var(--type-kicker)}.ecs-data-sheet{border:1px solid var(--color-border);grid-column:6/13;min-width:0}.ecs-data-sheet>header{gap:var(--space-inline-compact);padding:var(--space-inline-default);background:var(--color-surface-lilac);font-size:var(--type-body-sm);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);align-items:center;display:flex}.ecs-data-sheet>header svg{color:var(--color-brand);flex:none;width:24px;height:24px}.ecs-data-sheet table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--type-body-sm)}.ecs-data-sheet th,.ecs-data-sheet td{text-align:left;padding:var(--space-inline-compact);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;font-weight:400}.ecs-data-sheet thead{font-size:var(--type-meta)}.ecs-data-sheet>p{padding:var(--space-inline-compact)}.ecs-data-details{gap:var(--space-column-gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.ecs-data-details summary>svg:first-child{width:28px;height:28px;color:var(--color-brand);flex:none}.ecs-data-links{justify-content:space-between;gap:var(--space-inline-default);flex-wrap:wrap;display:flex}.ecs-stock-states{gap:var(--space-column-gap-wide);margin-top:var(--space-inline-default);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ecs-stock-states article{border-top:1px solid var(--color-border);padding-top:var(--space-inline-default)}.ecs-stock-states article>svg{width:44px;height:44px;color:var(--color-brand);margin-bottom:var(--space-inline-default)}.ecs-stock-states h3{margin-block:var(--space-inline-compact) var(--space-inline-default)}.ecs-stock-states article>p:not(.eyebrow){font-size:var(--type-body-sm)}.ecs-stock-rule{align-items:center;gap:var(--space-inline-compact);padding:var(--space-inline-default);background:var(--color-surface-lilac);color-scheme:light;--color-canvas:var(--color-canvas-light);--bg-canvas:var(--color-canvas);--color-ink:var(--color-on-light);--color-text-main:var(--color-ink);--color-muted:var(--color-on-light);--color-accent-inverse:var(--color-brand);--color-border:var(--color-border-on-light);--color-grid-line:var(--color-grid-on-light);color:var(--color-ink);display:flex;font-size:var(--type-body-sm)!important}.ecs-stock-rule>svg{color:var(--color-brand);flex:none}.ecs-migration{gap:var(--space-column-gap-wide);margin-top:var(--space-inline-default);padding-top:var(--space-inline-default);border-top:1px solid var(--color-border);grid-template-columns:4fr 7fr;display:grid}.ecs-migration h3{margin-top:var(--space-inline-default);font-size:var(--type-heading-sm)}.ecs-mapping-row{gap:var(--space-inline-compact);font-size:var(--type-body-sm);padding-block:var(--space-inline-default);border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.ecs-mapping-row svg{color:var(--color-brand)}.ecs-rules{margin-top:var(--space-inline-default)}.ecs-rules>.eyebrow{margin-bottom:var(--space-inline-default)}.ecs-rules summary>span{font-size:var(--type-meta);flex:none}.ecs-rules details>div{padding-left:var(--space-inline-default)}.ecs-approach{background:var(--color-ink);color:var(--color-canvas);color-scheme:inherit;--color-canvas:inherit;--bg-canvas:inherit;--color-ink:inherit;--color-text-main:inherit;--color-muted:inherit;--color-accent-inverse:inherit;--color-border:inherit;--color-grid-line:inherit}.ecs-approach h2 em{color:var(--color-accent-inverse)}.ecs-approach :is(details,li){border-color:color-mix(in srgb,var(--color-canvas) 25%,transparent)}.ecs-process{grid-column:1/7;margin:0;padding:0;list-style:none}.ecs-process li{gap:var(--space-column-gap);border-top:1px solid color-mix(in srgb,var(--color-canvas) 25%,transparent);padding-block:var(--space-inline-default);grid-template-columns:auto 1fr;display:grid}.ecs-process li>span{white-space:nowrap;min-width:4em;font-size:var(--type-meta);padding-top:var(--space-phi-1);color:var(--color-accent-inverse)}.ecs-process h3{margin-bottom:var(--space-inline-compact)}.ecs-process p{font-size:var(--type-body-sm)}.ecs-workcycle{padding:var(--space-card-inset);border:1px solid color-mix(in srgb,var(--color-canvas) 25%,transparent);grid-column:8/13}.ecs-workcycle>svg{width:44px;height:44px;color:var(--color-accent-inverse);margin-bottom:var(--space-inline-default)}.ecs-workcycle h3{font-size:var(--type-heading-sm);margin-block:var(--space-inline-default)}.ecs-workcycle p{font-size:var(--type-body-sm)}.ecs-cycle-steps{align-items:center;gap:var(--space-phi-1);font-size:var(--type-meta);padding-block:var(--space-inline-default);margin-top:var(--space-inline-default);border-top:1px solid color-mix(in srgb,var(--color-canvas) 25%,transparent);justify-content:space-between;display:flex}.ecs-cycle-steps>svg{width:14px;color:var(--color-accent-inverse);flex:none}.ecs-measure{gap:var(--space-column-gap-wide);margin-top:var(--space-inline-default);padding-top:var(--space-inline-default);border-top:1px solid color-mix(in srgb,var(--color-canvas) 25%,transparent);grid-template-columns:5fr 6fr;display:grid}.ecs-measure h3{font-size:var(--type-heading-sm);margin-top:var(--space-inline-default)}.ecs-measure p{font-size:var(--type-body-sm)}.ecs-measure summary,.ecs-workcycle summary{color:var(--color-canvas)}.ecs-measure details,.ecs-workcycle details{border-color:color-mix(in srgb,var(--color-canvas) 25%,transparent)}.ecs-approach-end{justify-content:space-between;align-items:center;gap:var(--space-column-gap);margin-top:var(--space-inline-default);display:flex}.ecs-approach-end>p{max-width:52ch;font-size:var(--type-body-sm)}.ecs-costs{gap:var(--space-column-gap-wide);margin-top:var(--space-inline-default);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ecs-costs article{border-top:1px solid var(--color-border);padding-top:var(--space-inline-default)}.ecs-costs article>svg{width:44px;height:44px;color:var(--color-brand);margin-bottom:var(--space-inline-default)}.ecs-costs h3{margin-bottom:var(--space-inline-default)}.ecs-costs p{font-size:var(--type-body-sm)}.ecs-related{gap:var(--space-column-gap-wide);margin-top:var(--space-inline-default);grid-template-columns:1fr 1fr;display:grid}.ecs-related>a{border-top:1px solid var(--color-border);padding-top:var(--space-inline-default)}.ecs-related h3{justify-content:space-between;gap:var(--space-inline-default);margin-block:var(--space-inline-default);display:flex}.ecs-related h3>svg{color:var(--color-brand);flex:none}.ecs-related p{font-size:var(--type-body-sm)}@media (width<=1023px){.ecs-data-product{grid-column:1/5;grid-template-columns:1fr}.ecs-data-sheet{grid-column:5/13}.ecs-link-structure{grid-template-columns:auto 1fr}.ecs-link-structure>a{grid-column:2}.ecs-workcycle{grid-column:7/13}}@media (width<=767px){.ecs-url-landscape{grid-template-columns:auto 1fr}.ecs-url-landscape>div{grid-column:1/-1}.ecs-signals{grid-template-columns:1fr}.ecs-panel{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-example-page{min-height:0;padding:var(--space-inline-compact)}.ecs-example>header,.ecs-example>footer{padding:var(--space-inline-compact)}.ecs-demo-products{gap:var(--space-phi-1)}.ecs-product-detail,.ecs-filter-example{gap:var(--space-inline-compact)}.ecs-product-detail h3{font-size:var(--type-body-lg)}.ecs-product-detail dl>div{flex-wrap:wrap}.ecs-panel-copy>svg{display:none}.ecs-panel-copy>h3{font-size:var(--type-heading-xs)}.ecs-link-structure{grid-template-columns:auto 1fr}.ecs-link-structure>svg{width:32px;height:32px}.ecs-link-structure>a{grid-column:1/-1}.ecs-filter-fork{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-fork-divider{display:none}.ecs-filter-fork article{padding:var(--space-inline-default)}.ecs-fork-symbol{float:right;margin-left:var(--space-inline-compact)}.ecs-fork-symbol svg{width:32px;height:32px}.ecs-filter-fork h3{clear:both}.ecs-variant-note{grid-template-columns:auto 1fr}.ecs-variant-note>details{grid-column:1/-1}.ecs-variant-note>svg{width:32px;height:32px}.ecs-data-product{grid-column:1/-1;grid-template-columns:1fr 2fr}.ecs-data-sheet{grid-column:1/-1}.ecs-data-sheet th,.ecs-data-sheet td{font-size:var(--type-meta);padding:var(--space-inline-compact) var(--space-phi-1)}.ecs-data-sheet>header{padding:var(--space-inline-compact)}.ecs-data-details{grid-template-columns:1fr;gap:0}.ecs-stock-states{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-stock-states article{column-gap:var(--space-inline-default);grid-template-columns:44px 1fr;display:grid}.ecs-stock-states article>svg{grid-row:1/4}.ecs-stock-states article :is(p,h3){grid-column:2}.ecs-stock-states article>p.eyebrow{align-self:start}.ecs-migration{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-mapping-row{font-size:var(--type-meta)}.ecs-process,.ecs-workcycle{grid-column:1/-1}.ecs-workcycle{padding:var(--space-inline-default)}.ecs-measure{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-approach-end{flex-direction:column;align-items:stretch}.ecs-approach-end>[data-button-control]{max-width:100%}.ecs-costs,.ecs-related{gap:var(--space-inline-default);grid-template-columns:1fr}.ecs-costs article{column-gap:var(--space-inline-default);grid-template-columns:44px 1fr;display:grid}.ecs-costs article>svg{grid-row:1/3}.ecs-costs article :is(h3,p){grid-column:2}.ecs-process li{gap:var(--space-inline-compact)}}