/*!
 * SCK Popup - frontend
 * Scootercenter Kers
 *
 * Alleen de mechaniek staat hier: positie, overlay, animatie en een nette
 * basis voor je eigen HTML. Kleuren en maten komen per popup uit de beheerder.
 */
 .sck-pop,.sck-pop *,.sck-pop *::before,.sck-pop *::after{box-sizing:border-box}.sck-pop[hidden]{display:none!important}.sck-pop{position:fixed;inset:0;z-index:999900;pointer-events:none;--sck-dur:320ms;--sck-ease:cubic-bezier(0.22, 1, 0.36, 1)}.sck-pop__overlay{position:absolute;inset:0;pointer-events:auto;background:rgb(11 15 25 / .6);opacity:0;transition:opacity var(--sck-dur) var(--sck-ease);cursor:pointer}.sck-pop[data-state="open"] .sck-pop__overlay{opacity:1}.sck-pop__wrap{position:absolute;inset:0;display:flex;padding:24px;pointer-events:none}.sck-pop--center .sck-pop__wrap{align-items:center;justify-content:center}.sck-pop--top .sck-pop__wrap{align-items:flex-start;justify-content:center}.sck-pop--bottom .sck-pop__wrap{align-items:flex-end;justify-content:center}.sck-pop--left .sck-pop__wrap{align-items:center;justify-content:flex-start}.sck-pop--right .sck-pop__wrap{align-items:center;justify-content:flex-end}.sck-pop--top-left .sck-pop__wrap{align-items:flex-start;justify-content:flex-start}.sck-pop--top-right .sck-pop__wrap{align-items:flex-start;justify-content:flex-end}.sck-pop--bottom-left .sck-pop__wrap{align-items:flex-end;justify-content:flex-start}.sck-pop--bottom-right .sck-pop__wrap{align-items:flex-end;justify-content:flex-end}.sck-pop--full .sck-pop__wrap{align-items:stretch;justify-content:stretch;padding:0}.sck-pop__panel{position:relative;pointer-events:auto;width:520px;max-width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;color:#111318;border-radius:18px;box-shadow:0 24px 60px rgb(10 15 25 / .22);opacity:0;outline:none;transition:opacity var(--sck-dur) var(--sck-ease),transform var(--sck-dur) var(--sck-ease)}.sck-pop--full .sck-pop__panel{width:100%;height:100%;border-radius:0}.sck-pop[data-anim-in="zoom"] .sck-pop__panel{transform:scale(.94)}.sck-pop[data-anim-in="slide-up"] .sck-pop__panel{transform:translateY(28px)}.sck-pop[data-anim-in="slide-down"] .sck-pop__panel{transform:translateY(-28px)}.sck-pop[data-anim-in="slide-left"] .sck-pop__panel{transform:translateX(40px)}.sck-pop[data-anim-in="slide-right"] .sck-pop__panel{transform:translateX(-40px)}.sck-pop[data-anim-in="none"] .sck-pop__panel{transition:none}.sck-pop[data-state="open"] .sck-pop__panel{opacity:1;transform:none}.sck-pop[data-state="closing"] .sck-pop__panel{opacity:0}.sck-pop[data-state="closing"][data-anim-out="zoom"] .sck-pop__panel{transform:scale(.94)}.sck-pop[data-state="closing"][data-anim-out="slide-up"] .sck-pop__panel{transform:translateY(-28px)}.sck-pop[data-state="closing"][data-anim-out="slide-down"] .sck-pop__panel{transform:translateY(28px)}.sck-pop[data-state="closing"][data-anim-out="slide-left"] .sck-pop__panel{transform:translateX(-40px)}.sck-pop[data-state="closing"][data-anim-out="slide-right"] .sck-pop__panel{transform:translateX(40px)}.sck-pop[data-state="closing"][data-anim-out="none"] .sck-pop__panel{transition:none;opacity:0}@media (prefers-reduced-motion:reduce){.sck-pop__panel,.sck-pop__overlay{transition-duration:1ms!important;transform:none!important}}.sck-pop__close{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;width:36px;height:36px;border:0;border-radius:999px;background:rgb(255 255 255 / .82);box-shadow:0 1px 4px rgb(10 15 25 / .18);color:#111318;cursor:pointer;line-height:0;justify-content:center;transition:transform 160ms ease,background-color 160ms ease;-webkit-appearance:none;appearance:none}.sck-pop__close:hover{transform:rotate(90deg);background:#fff}.sck-pop__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sck-pop__close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;display:block}.sck-pop--close-style-plain .sck-pop__close{background:#fff0;box-shadow:none}.sck-pop--close-style-label .sck-pop__close{width:auto;height:auto;padding:7px 14px 7px 10px;line-height:1;font:inherit;font-size:13px;font-weight:600}.sck-pop--close-style-label .sck-pop__close:hover{transform:none}.sck-pop__close-text{line-height:1}.sck-pop--close-outside .sck-pop__panel{overflow:visible}.sck-pop--close-outside .sck-pop__close{top:-14px;right:-14px;background:#fff;box-shadow:0 4px 14px rgb(10 15 25 / .24)}.sck-pop__head{padding:22px 56px 0 26px}.sck-pop__title{margin:0;font-size:21px;line-height:1.25;font-weight:700;color:inherit}.sck-pop.is-edge-to-edge .sck-pop__head+.sck-pop__body{padding-top:16px}.sck-pop__body{padding:28px}.sck-pop__body img,.sck-pop__body video,.sck-pop__body svg,.sck-pop__body iframe{max-width:100%;height:auto}.sck-pop__body img,.sck-pop__body video{display:block}.sck-pop__body>:first-child{margin-top:0}.sck-pop__body>:last-child{margin-bottom:0}.sck-pop.is-edge-to-edge .sck-pop__body{padding:0}.sck-pop.is-edge-to-edge .sck-pop__panel>.sck-pop__body{border-radius:inherit;overflow:hidden}.sck-pop--full .sck-pop__body,.sck-pop--mob-full .sck-pop__body{min-height:100%}html.sck-pop-locked,html.sck-pop-locked body{overflow:hidden!important}.sck-popup-trigger{display:inline-block;cursor:pointer}