/* wijnhandel-proeven: de kelder in, drie geneste scènes (React Bits Pro Components/scroll-portal,
   origineel gecompileerd in assets/scroll-portal.bundle.js) en daaronder het gedeelde boekingsvak.
   De originele scroll-portal.css staat gescoped in het blok onderaan. */
.msm-wijnhandel-proeven{--wp-p:var(--m-primary,#c06945);--wp-bg:var(--m-bg,#211718);--wp-ink:var(--m-ink,#f3ece4);--wp-s:var(--m-surface,#2b1d1f);--wp-mu:var(--m-muted,#b4a398);--wp-a:var(--m-accent2,#7a2f3b);--wp-l:var(--m-line,#3d2d2f);position:relative;scroll-margin-top:112px;background:var(--wp-bg);color:var(--wp-ink);font-family:var(--m-font-body,"Instrument Sans","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-wijnhandel-proeven *{box-sizing:border-box}
.msm-wijnhandel-proeven [hidden]{display:none!important}
.msm-wijnhandel-proeven .wp-wrap{width:min(1400px,100% - 32px);margin:0 auto}
.msm-wijnhandel-proeven .wp-head{max-width:760px;padding:clamp(64px,8vw,96px) 0 clamp(24px,4vw,40px)}
.msm-wijnhandel-proeven .wp-kicker{margin:0 0 12px;color:var(--wp-p);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.msm-wijnhandel-proeven .wp-title{margin:0;font:600 clamp(28px,4.2vw,48px)/1.1 var(--m-font-display,"Fraunces","Georgia",serif);letter-spacing:-.02em;text-wrap:balance}
.msm-wijnhandel-proeven .wp-intro{margin:16px 0 0;max-width:60ch;color:var(--wp-mu);font-size:17px}

/* podium: de component zet zelf de looplengte ((1 + 2 × scrollLength) × 100svh) */
.msm-wijnhandel-proeven .wp-portal{position:relative;width:100%}
.msm-wijnhandel-proeven .wp-scenes{width:100%}
/* zonder JavaScript (en vóór het mounten) staan de scènes onder elkaar */
.msm-wijnhandel-proeven .wp-scenes>.wp-scene{min-height:min(100svh,760px)}
.msm-wijnhandel-proeven .wp-scene{position:relative;width:100%;height:100%;overflow:hidden;background:var(--wp-s)}
.msm-wijnhandel-proeven .wp-scene--2{background:var(--wp-bg)}
.msm-wijnhandel-proeven .wp-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 30% 50%,color-mix(in srgb,var(--wp-p) 16%,transparent),transparent 70%);pointer-events:none}
.msm-wijnhandel-proeven .wp-scene-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);width:min(1400px,100% - 32px);height:100%;margin:0 auto;padding:clamp(24px,5vh,64px) 0}
.msm-wijnhandel-proeven .wp-media{position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-width:0;max-height:100%}
.msm-wijnhandel-proeven .wp-media img{display:block;max-width:100%;height:auto}
.msm-wijnhandel-proeven .wp-media--photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;border:1px solid var(--wp-l);box-shadow:0 30px 60px -20px rgb(0 0 0/.6)}
.msm-wijnhandel-proeven .wp-media--glasses{gap:4%}
.msm-wijnhandel-proeven .wp-media--glasses img{width:46%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 30px rgb(0 0 0/.5))}
.msm-wijnhandel-proeven .wp-media--glasses img:last-child{margin-top:8%}
.msm-wijnhandel-proeven .wp-media--box img{width:min(100%,560px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 30px rgb(0 0 0/.5))}
.msm-wijnhandel-proeven .wp-text{min-width:0}
.msm-wijnhandel-proeven .wp-step{margin:0 0 12px;color:var(--wp-p);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.msm-wijnhandel-proeven .wp-scene-title{margin:0;font:600 clamp(26px,3.6vw,44px)/1.1 var(--m-font-display,"Fraunces","Georgia",serif);letter-spacing:-.02em;text-wrap:balance}
.msm-wijnhandel-proeven .wp-scene-body{margin:16px 0 0;max-width:46ch;color:var(--wp-mu);font-size:clamp(16px,1.4vw,19px);line-height:1.6}

/* stappenlijst naast het podium: een absolute laag over de looplengte met een sticky venster */
.msm-wijnhandel-proeven .wp-steps{position:absolute;inset:0;pointer-events:none;z-index:3}
.msm-wijnhandel-proeven .wp-steplist{position:sticky;top:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:100svh;margin:0;padding:0 0 24px clamp(16px,calc((100% - 1400px)/2 + 16px),50vw);list-style:none}
.msm-wijnhandel-proeven .wp-stepbtn{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid transparent;border-radius:9999px;background:color-mix(in srgb,var(--wp-bg) 70%,transparent);color:var(--wp-mu);font:inherit;font-size:14px;line-height:1.2;cursor:pointer;backdrop-filter:blur(6px);transition:color .2s,border-color .2s,background-color .2s}
.msm-wijnhandel-proeven .wp-stepnum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--wp-l);border-radius:9999px;font-size:12px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}
.msm-wijnhandel-proeven .wp-stepbtn[aria-current="step"]{color:var(--wp-ink);border-color:var(--wp-l)}
.msm-wijnhandel-proeven .wp-stepbtn[aria-current="step"] .wp-stepnum{background:var(--wp-p);border-color:var(--wp-p);color:var(--wp-bg)}
.msm-wijnhandel-proeven .wp-stepbtn:hover{color:var(--wp-ink)}
.msm-wijnhandel-proeven .wp-stepbtn:focus-visible{outline:3px solid var(--wp-p);outline-offset:2px}

/* boekingsvak */
.msm-wijnhandel-proeven .wp-booking{scroll-margin-top:112px;padding:clamp(48px,7vw,96px) 0}
.msm-wijnhandel-proeven .wp-booking:focus{outline:none}

@media (max-width:767px){
.msm-wijnhandel-proeven .wp-scene-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,auto) auto;align-content:center;gap:20px;padding:20px 0 96px}
.msm-wijnhandel-proeven .wp-media--photo img{aspect-ratio:4/3}
.msm-wijnhandel-proeven .wp-media--glasses img{width:40%}
.msm-wijnhandel-proeven .wp-media--box img{width:min(100%,300px)}
.msm-wijnhandel-proeven .wp-scene-body{font-size:16px}
.msm-wijnhandel-proeven .wp-steplist{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:6px;padding:0 16px 16px}
.msm-wijnhandel-proeven .wp-steplabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.msm-wijnhandel-proeven .wp-stepbtn[aria-current="step"] .wp-steplabel{position:static;width:auto;height:auto;clip:auto;overflow:visible}
.msm-wijnhandel-proeven .wp-stepbtn{padding:6px 12px 6px 6px}
}
@media (max-height:600px) and (min-width:768px){.msm-wijnhandel-proeven .wp-scene-inner{padding:16px 0}}

/* ---- originele scroll-portal.css, gescoped ---- */
.msm-wijnhandel-proeven .scroll-portal{position:relative;width:100%}
.msm-wijnhandel-proeven .scroll-portal__stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden}
.msm-wijnhandel-proeven .scroll-portal__frame{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-style:solid;border-width:0;visibility:hidden;isolation:isolate;backface-visibility:hidden;transform:translateZ(0)}
.msm-wijnhandel-proeven .scroll-portal__content{position:absolute;top:0;left:0;transform-origin:0 0;backface-visibility:hidden}
.msm-wijnhandel-proeven .scroll-portal__dim{position:absolute;inset:0;pointer-events:none;opacity:0}
.msm-wijnhandel-proeven .scroll-portal__slide{position:relative;width:100%;height:100svh;overflow:hidden}

@media (prefers-reduced-motion:reduce){
.msm-wijnhandel-proeven .wp-stepbtn,.msm-wijnhandel-proeven .wp-stepnum{transition:none}
}