/* [awcf_em_lagen] lagenstapel volgens de opzet (.build / .layer / .chooser__panel) */
.emr-build { --emr-ink: var(--e-global-color-primary, #1A1A18); --emr-blue: var(--e-global-color-emblauw, #0094DA); --emr-blue-dark: var(--e-global-color-secondary, #006C99);
  --emr-tint: var(--e-global-color-emtint, #DCEFF9); --emr-orange: var(--e-global-color-accent, #F98E02);
  --emr-display: var(--e-global-typography-secondary-font-family, "Archivo"), Arial, sans-serif; --emr-text: var(--e-global-typography-text-font-family, "Public Sans"), Arial, sans-serif;
  display: grid; gap: 48px; align-items: center; font-family: var(--emr-text); }
.emr-build p { margin: 0; }
.emr-build__stack { display: flex; flex-direction: column-reverse; gap: 6px; }
.emr-build .emr-layer { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; width: 100%; min-height: 76px; margin: 0;
  padding: 18px 28px 18px 24px; border: 0; border-radius: 0; text-align: left; cursor: pointer; color: var(--emr-ink);
  clip-path: polygon(0 14%, 100% 0, 100% 86%, 0 100%); font-family: var(--emr-text); font-size: 16px; font-weight: 400; line-height: 1.4; box-shadow: none; text-transform: none; letter-spacing: 0;
  transition: background-color .3s cubic-bezier(.65, 0, .35, 1); }
.emr-build .emr-layer:hover, .emr-build .emr-layer:focus { color: var(--emr-ink); }
.emr-build .emr-layer:focus-visible { outline: none; }
.emr-build .emr-layer:focus-visible .emr-layer__name { outline: 2px solid var(--emr-ink); outline-offset: 3px; }
.emr-layer__num { font-family: var(--emr-display); font-weight: 900; font-size: 26px; line-height: 1; }
.emr-layer__name { font-family: var(--emr-display); font-weight: 800; font-size: 19px; line-height: 1.2; }
.emr-layer__tag { font-size: 13px; font-weight: 700; }
.emr-build button.emr-layer--1, .emr-build button.emr-layer--1:hover, .emr-build button.emr-layer--1:focus { background: var(--emr-tint); min-height: 96px; color: var(--emr-ink); }
.emr-build button.emr-layer--2, .emr-build button.emr-layer--2:hover, .emr-build button.emr-layer--2:focus { background: #fff; color: var(--emr-ink); }
.emr-build button.emr-layer--3, .emr-build button.emr-layer--3:hover, .emr-build button.emr-layer--3:focus { background: var(--emr-blue); min-height: 88px; color: var(--emr-ink); }
/* Actieve laag oranje zoals de opzet; geen verschuiving, alle lagen blijven even breed en uitgelijnd */
.emr-build button.emr-layer[aria-selected="true"], .emr-build button.emr-layer[aria-selected="true"]:hover, .emr-build button.emr-layer[aria-selected="true"]:focus { background: var(--emr-orange); }
.emr-build__extra { margin-top: 20px !important; font-size: 14px; color: #fff; }
.emr-build__extra a { color: var(--emr-tint); font-weight: 700; }
.emr-build__extra a:hover { color: #fff; }
.emr-build__panels { position: relative; background: #fff; color: var(--emr-ink); border-radius: 4px; overflow: hidden; }
.emr-panel { display: grid; gap: 0; }
.emr-panel__media { background: #fff; aspect-ratio: 4 / 3; }
.emr-panel__media img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 6%; }
.emr-panel__body { padding: 24px 24px 28px; }
.emr-panel__body > * + * { margin-top: 12px !important; }
.emr-build .emr-panel__body h3 { margin: 0; font-family: var(--emr-display); font-weight: 800; font-size: clamp(20px, .4vw + 18.5px, 24px); line-height: 1.15; color: var(--emr-ink); }
.emr-eyebrow { display: inline-flex; padding: 4px 10px; border-radius: 4px; background: var(--emr-tint); color: var(--emr-blue-dark); font-size: 13px; font-weight: 700; }
.emr-link { display: inline-flex; color: var(--emr-blue-dark); font-weight: 700; text-decoration: none; transition: color .2s; }
.emr-link:hover { color: var(--emr-ink); }
.emr-build.is-js .emr-panel { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .3s cubic-bezier(.65, 0, .35, 1), visibility 0s linear .3s; }
.emr-build.is-js .emr-panel.is-active { position: relative; opacity: 1; visibility: visible; transition-delay: 0s; }
.emr-build.is-js .emr-panel .emr-panel__media img { transform: scale(1.02); transition: transform .6s cubic-bezier(.2, 0, 0, 1); }
.emr-build.is-js .emr-panel.is-active .emr-panel__media img { transform: none; }
@media (min-width: 768px) {
  .emr-panel { grid-template-columns: 1fr 1fr; align-items: center; }
  .emr-panel__media { aspect-ratio: 4 / 5; }
  .emr-panel__body { padding: 32px; }
}
@media (min-width: 960px) { .emr-build { grid-template-columns: 6fr 6fr; gap: 96px; } }
@media (max-width: 599px) { .emr-build .emr-layer { padding: 16px 20px; grid-template-columns: 36px 1fr; } .emr-layer__tag { grid-column: 2; }  }
@media (prefers-reduced-motion: reduce) { .emr-layer, .emr-build .emr-panel, .emr-build .emr-panel img { transition: none !important; } }