/* woninginrichter-raamdecoratie: React Bits Pro shadow-bars en glass-flow, beide als r3f-port naar MSThree. */
.msm-woninginrichter-raamdecoratie{--rd-p:var(--m-primary,#2f5d50);--rd-bg:var(--m-bg,#ece6dc);--rd-ink:var(--m-ink,#1f2421);--rd-s:var(--m-surface,#f8f5ef);--rd-mu:var(--m-muted,#66655b);--rd-l:var(--m-line,#d6cdbf);--rd-a:var(--m-accent2,#b9824f);--rd-r:var(--m-radius,14px);--rd-wall:color-mix(in srgb,var(--rd-bg) 50%,var(--rd-mu));position:relative;box-sizing:border-box;scroll-margin-top:112px;padding:clamp(64px,8vw,112px) 0;background:var(--rd-s);color:var(--rd-ink);font-family:var(--m-font-body,"Hanken Grotesk","Segoe UI",sans-serif);font-size:16px;line-height:1.55}
.msm-woninginrichter-raamdecoratie *{box-sizing:border-box}
.msm-woninginrichter-raamdecoratie [hidden]{display:none!important}
.msm-woninginrichter-raamdecoratie .rd-wrap{width:min(1240px,100% - 32px);margin:0 auto}
.msm-woninginrichter-raamdecoratie .rd-head{max-width:780px;margin-bottom:clamp(28px,3.5vw,44px)}
.msm-woninginrichter-raamdecoratie .rd-kicker{margin:0 0 10px;color:var(--rd-p);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.msm-woninginrichter-raamdecoratie .rd-title{margin:0;font:400 clamp(38px,5.6vw,72px)/1.02 var(--m-font-display,"Instrument Serif",Georgia,serif);letter-spacing:-.015em}
.msm-woninginrichter-raamdecoratie .rd-intro{margin:16px 0 0;max-width:60ch;color:var(--rd-mu);font-size:17px}
.msm-woninginrichter-raamdecoratie .rd-light{display:grid;gap:20px;align-items:stretch}
.msm-woninginrichter-raamdecoratie .rd-wall{position:relative;min-height:clamp(320px,44vw,560px);border-radius:calc(var(--rd-r) * 1.6);overflow:hidden;isolation:isolate;background:radial-gradient(70% 90% at 22% 18%,color-mix(in srgb,var(--rd-s) 55%,var(--rd-wall)),var(--rd-wall) 70%)}
.msm-woninginrichter-raamdecoratie .rd-bars{position:absolute;inset:0}
/* Originele CSS van shadow-bars, gescoped; het licht valt met screen op de wand (alleen wit licht, klantkleuren). */
.msm-woninginrichter-raamdecoratie .shadow-bars-container{width:100%;height:100%}
.msm-woninginrichter-raamdecoratie .shadow-bars-canvas{width:100%;height:100%;filter:grayscale(1);mix-blend-mode:screen}
.msm-woninginrichter-raamdecoratie .rd-side{display:flex;flex-direction:column;gap:14px}
.msm-woninginrichter-raamdecoratie .rd-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.msm-woninginrichter-raamdecoratie .rd-opt{min-height:50px;padding:10px 14px;border:1px solid var(--rd-l);border-radius:var(--rd-r);background:var(--rd-bg);color:var(--rd-ink);font:600 15px/1.25 var(--m-font-body,"Hanken Grotesk","Segoe UI",sans-serif);text-align:left;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.msm-woninginrichter-raamdecoratie .rd-opt[aria-checked="true"]{border-color:var(--rd-p);background:var(--rd-p);color:var(--rd-s)}
.msm-woninginrichter-raamdecoratie .rd-opt:focus-visible{outline:3px solid var(--rd-p);outline-offset:3px}
.msm-woninginrichter-raamdecoratie .rd-cards{display:grid;gap:12px}
.msm-woninginrichter-raamdecoratie .rd-product{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;padding:16px;border:1px solid var(--rd-l);border-radius:calc(var(--rd-r) * 1.3);background:var(--rd-bg)}
.msm-woninginrichter-raamdecoratie .rd-product img{display:block;width:112px;height:112px;object-fit:contain;border-radius:var(--rd-r);background:var(--rd-s)}
.msm-woninginrichter-raamdecoratie .rd-product-name{margin:0;font:400 28px/1.1 var(--m-font-display,"Instrument Serif",Georgia,serif)}
.msm-woninginrichter-raamdecoratie .rd-product-lead{margin:6px 0 10px;font-size:15px;color:var(--rd-mu)}
.msm-woninginrichter-raamdecoratie .rd-facts{margin:0;display:grid}
.msm-woninginrichter-raamdecoratie .rd-facts div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--rd-l)}
.msm-woninginrichter-raamdecoratie .rd-facts dt{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rd-mu)}
.msm-woninginrichter-raamdecoratie .rd-facts dd{margin:0;font-size:14px}
.msm-woninginrichter-raamdecoratie .rd-facts div:last-child dd{font-weight:700;color:var(--rd-p)}
.msm-woninginrichter-raamdecoratie .rd-note{margin:0;font-size:12px;color:var(--rd-mu)}
.msm-woninginrichter-raamdecoratie .rd-folie{display:grid;gap:24px;align-items:center;margin-top:clamp(56px,7vw,96px);scroll-margin-top:112px}
.msm-woninginrichter-raamdecoratie .rd-folie-title{margin:0;font:400 clamp(32px,4.2vw,52px)/1.05 var(--m-font-display,"Instrument Serif",Georgia,serif)}
.msm-woninginrichter-raamdecoratie .rd-folie-intro{margin:14px 0 20px;max-width:52ch;color:var(--rd-mu)}
.msm-woninginrichter-raamdecoratie .rd-folie .rd-opts{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.msm-woninginrichter-raamdecoratie .rd-folie-list{margin:0;display:grid;gap:10px}
.msm-woninginrichter-raamdecoratie .rd-folie-list div{padding:12px 14px;border-left:3px solid var(--rd-l);background:var(--rd-bg);border-radius:0 var(--rd-r) var(--rd-r) 0}
.msm-woninginrichter-raamdecoratie .rd-folie-list dt{font-weight:700}
.msm-woninginrichter-raamdecoratie .rd-folie-list dd{margin:2px 0 0;font-size:15px;color:var(--rd-mu)}
.msm-woninginrichter-raamdecoratie.is-live .rd-folie-list div{border-left-color:var(--rd-p)}
.msm-woninginrichter-raamdecoratie .rd-glass{position:relative;aspect-ratio:1/1;width:100%;max-width:620px;justify-self:end;border-radius:calc(var(--rd-r) * 1.6);overflow:hidden;background:var(--rd-bg);box-shadow:inset 0 0 0 10px var(--rd-s),0 0 0 1px var(--rd-l)}
.msm-woninginrichter-raamdecoratie .rd-glass-img{display:block;width:100%;height:100%;object-fit:cover}
.msm-woninginrichter-raamdecoratie .rd-glass-fx{position:absolute;inset:0}
/* Originele CSS van glass-flow, gescoped. */
.msm-woninginrichter-raamdecoratie .glass-flow-container{position:relative;overflow:hidden}
.msm-woninginrichter-raamdecoratie .glass-flow-canvas{position:absolute;top:0;right:0;bottom:0;left:0}
@media (min-width:960px){
.msm-woninginrichter-raamdecoratie .rd-light{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px}
.msm-woninginrichter-raamdecoratie .rd-folie{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}
}
@media (max-width:480px){
.msm-woninginrichter-raamdecoratie .rd-product{grid-template-columns:1fr}
.msm-woninginrichter-raamdecoratie .rd-product img{width:100%;height:auto;aspect-ratio:1;max-width:220px}
.msm-woninginrichter-raamdecoratie .rd-folie .rd-opts{grid-template-columns:1fr}
.msm-woninginrichter-raamdecoratie .rd-facts div{grid-template-columns:1fr;gap:2px}
}
@media (prefers-reduced-motion:reduce){.msm-woninginrichter-raamdecoratie .rd-opt{transition:none}}