/* Static hosting layer — supplements the verified Liso stylesheet without framework runtime dependencies. */
html { scroll-behavior: smooth; }
body { margin: 0; }
.liso-static-menu-backdrop,
.liso-static-cookie-backdrop {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: none;
  background: rgb(25 24 20 / 54%);
}
.liso-static-menu-backdrop.is-open,
.liso-static-cookie-backdrop.is-open { display: block; }
.liso-static-mobile-menu {
  position: fixed;
  z-index: 102;
  top: 0;
  right: 0;
  display: flex;
  width: min(86vw, 370px);
  min-height: 100dvh;
  flex-direction: column;
  padding: 2rem;
  overflow-y: auto;
  color: #292b23;
  background: #fff;
  border-left: 1px solid #ded9d0;
  box-shadow: -18px 0 48px rgb(29 27 22 / 16%);
  transform: translateX(104%);
  transition: transform 240ms cubic-bezier(.23, 1, .32, 1);
}
.liso-static-mobile-menu.is-open { transform: translateX(0); }
.liso-static-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.liso-static-menu-heading > span { font: 700 .75rem/1.2 "DM Sans", sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.liso-static-close {
  display: inline-grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  color: #292b23;
  background: #fff;
  border: 1px solid #ded9d0;
  border-radius: 6px;
  cursor: pointer;
}
.liso-static-close:hover,
.liso-static-close:focus-visible { color: #bd4700; border-color: #ff6c0e; outline: 2px solid #ff6c0e; outline-offset: 2px; }
.liso-static-mobile-menu nav { display: grid; margin-top: 2rem; border-top: 1px solid #ded9d0; }
.liso-static-mobile-menu nav a { padding-block: 1rem; color: #292b23; border-bottom: 1px solid #ded9d0; font: 700 1.35rem/1.12 "DM Sans", sans-serif; letter-spacing: -.04em; text-decoration: none; }
.liso-static-mobile-menu nav a:hover,
.liso-static-mobile-menu nav a:focus-visible { color: #ff6c0e; outline: none; }
.liso-static-mobile-menu .liso-static-language { display: flex; gap: .6rem; align-items: flex-start; padding-top: 1.5rem; margin-top: 1.5rem; color: #292b23; border-top: 1px solid #ded9d0; }
.liso-static-mobile-menu .liso-static-language b { display: block; font: 700 .86rem/1.2 "DM Sans", sans-serif; }
.liso-static-mobile-menu .liso-static-language small { display: block; margin-top: .16rem; color: #808285; font: 400 .78rem/1.35 "Inter", sans-serif; }
.liso-static-mobile-menu .liso-static-language small a { color: inherit; text-decoration: underline; text-decoration-color: #ff6c0e; text-decoration-thickness: 1px; text-underline-offset: 2px; }
body.liso-static-menu-open { overflow: hidden; }

.liso-static-language-popover {
  position: fixed;
  z-index: 70;
  display: none;
  width: 238px;
  padding: .45rem;
  color: #292b23;
  background: #fff;
  border: 1px solid #deded9;
  border-radius: 6px;
  box-shadow: 0 12px 28px rgb(41 43 35 / 12%);
}
.liso-static-language-popover.is-open { display: block; }
.liso-static-language-popover > span { display: block; padding: .55rem .62rem .45rem; color: #808285; font: 700 .68rem/1.2 "DM Sans", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.liso-static-language-popover hr { border: 0; border-top: 1px solid #deded9; }
.liso-static-language-option { display: grid; width: 100%; grid-template-columns: 30px 1fr auto; gap: .5rem; align-items: center; min-height: 42px; padding: .45rem .62rem; color: #292b23; background: transparent; border: 0; border-radius: 4px; font: 400 .85rem/1.2 "Inter", sans-serif; text-align: left; }
.liso-static-language-option b { font: 700 .72rem/1.2 "DM Sans", sans-serif; letter-spacing: .07em; }
.liso-static-language-option em { color: #808285; font-size: .7rem; font-style: normal; }
.liso-static-language-option[disabled] { cursor: not-allowed; opacity: .48; }
.liso-static-language-option:not([disabled]):hover,
.liso-static-language-option:not([disabled]):focus-visible { color: #bd4700; background: #fff0e6; outline: 2px solid #ff6c0e; outline-offset: 1px; }

.liso-static-cookie-backdrop {
  /* De oorspronkelijke Liso-cookiekeuze is een niet-blokkerend venster rechtsonder.
     Daardoor blijft de mobiele navigatie ook vóór een keuze bereikbaar. */
  display: none !important;
}
.liso-static-cookie-panel {
  position: fixed;
  z-index: 100;
  right: 1.25rem;
  bottom: 1.25rem;
  left: auto;
  width: min(calc(100% - 2.5rem), 46rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  margin-inline: auto;
  color: #292b23;
  background: #fff;
  border: 1px solid #ded9d0;
  border-radius: 1rem;
  box-shadow: 0 24px 70px rgb(20 18 14 / 28%);
}
.liso-static-cookie-kicker { display: block; margin-bottom: .65rem; color: #bd4700; font: 700 .7rem/1.2 "Inter", sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.liso-static-cookie-panel h2 { margin: 0; font: 600 clamp(1.6rem, 3vw, 2.2rem)/1.08 "DM Sans", sans-serif; letter-spacing: -.045em; }
.liso-static-cookie-panel > p { max-width: 44rem; margin: .7rem 0 0; color: #64655f; font: 400 .9rem/1.6 "Inter", sans-serif; }
.liso-static-cookie-categories { display: grid; gap: .75rem; padding-top: 1rem; margin-top: 1.1rem; border-top: 1px solid #ded9d0; }
.liso-static-cookie-categories label { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .72rem 0; border-bottom: 1px solid #eeeae2; }
.liso-static-cookie-categories b { display: block; font: 600 .88rem/1.2 "Inter", sans-serif; }
.liso-static-cookie-categories small { display: block; margin-top: .2rem; color: #737a75; font: 400 .77rem/1.4 "Inter", sans-serif; }
.liso-static-cookie-categories input { width: 1.15rem; height: 1.15rem; accent-color: #ff6c0e; }
.liso-static-cookie-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: 1.35rem; }
.liso-static-cookie-actions button { min-height: 2.65rem; padding: .65rem .85rem; border: 1px solid #ded9d0; border-radius: 6px; font: 700 .78rem/1.1 "Inter", sans-serif; cursor: pointer; }
.liso-static-cookie-actions .is-primary { color: #fff; background: #ff6c0e; border-color: #ff6c0e; }
.liso-static-cookie-actions .is-primary:hover,
.liso-static-cookie-actions .is-primary:focus-visible { background: #df5705; border-color: #df5705; }
.liso-static-cookie-actions button:hover,
.liso-static-cookie-actions button:focus-visible { border-color: #ff6c0e; outline: 2px solid #ff6c0e; outline-offset: 2px; }
.liso-static-cookie-legal { margin-top: 1rem !important; color: #808285 !important; font-size: .75rem !important; }

@media (min-width: 1024px) { .liso-static-mobile-menu, .liso-static-menu-backdrop { display: none !important; } }
@media (max-width: 639px) { .liso-static-cookie-panel { right: .625rem; bottom: .625rem; left: .625rem; width: auto; } .liso-static-cookie-actions { display: grid; grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; } }