.msm-bruidsmode-collectie{--cl-p:var(--m-primary,#24314a);--cl-bg:var(--m-bg,#f7f2ea);--cl-ink:var(--m-ink,#1c1f26);--cl-s:var(--m-surface,#fffcf7);--cl-mu:var(--m-muted,#6b6760);--cl-a:var(--m-accent2,#c9a46a);--cl-l:var(--m-line,#e4dccf);--cl-d:var(--m-font-display,"Cormorant",Georgia,"Times New Roman",serif);position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;scroll-margin-top:112px;padding:clamp(72px,9vw,120px) 0;background:var(--cl-bg);color:var(--cl-ink);font-family:var(--m-font-body,"Manrope","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-bruidsmode-collectie *{box-sizing:border-box}
.msm-bruidsmode-collectie [hidden]{display:none!important}
.msm-bruidsmode-collectie .cl-silk{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .9s ease}
.msm-bruidsmode-collectie .cl-silk.is-on{opacity:1}
.msm-bruidsmode-collectie .silk-waves-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:transparent}
.msm-bruidsmode-collectie .cl-wrap{position:relative;width:min(1240px,100% - 32px);margin:0 auto}
.msm-bruidsmode-collectie .cl-head{max-width:720px}
.msm-bruidsmode-collectie .cl-kicker{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-title{margin:0;font:600 clamp(40px,5.6vw,68px)/1.02 var(--cl-d);letter-spacing:-.02em;color:var(--cl-p)}
.msm-bruidsmode-collectie .cl-intro{margin:16px 0 0;max-width:58ch;font-size:18px;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 28px;margin-top:32px;padding:20px;border:1px solid var(--cl-l);border-radius:20px;background:color-mix(in srgb,var(--cl-s) 86%,transparent)}
.msm-bruidsmode-collectie .cl-flabel{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-chips{display:flex;flex-wrap:wrap;gap:8px}
.msm-bruidsmode-collectie .cl-chip{appearance:none;position:relative;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 16px;border:1px solid var(--cl-l);border-radius:999px;background:var(--cl-s);color:var(--cl-ink);font:500 15px/1 var(--m-font-body,"Manrope","Segoe UI",system-ui,sans-serif);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.msm-bruidsmode-collectie .cl-chip:hover{border-color:color-mix(in srgb,var(--cl-p) 45%,var(--cl-l))}
.msm-bruidsmode-collectie .cl-chip:focus-visible,.msm-bruidsmode-collectie .cl-radio:focus-within{outline:2px solid var(--cl-p);outline-offset:2px}
.msm-bruidsmode-collectie .cl-chip[aria-pressed="true"],.msm-bruidsmode-collectie .cl-radio:has(input:checked){background:var(--cl-p);border-color:var(--cl-p);color:var(--cl-s)}
.msm-bruidsmode-collectie .cl-radio input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.msm-bruidsmode-collectie .cl-check{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:500;cursor:pointer}
.msm-bruidsmode-collectie .cl-check input{width:20px;height:20px;margin:0;accent-color:var(--cl-p)}
.msm-bruidsmode-collectie .cl-count{margin:20px 0 0;font-weight:600;color:var(--cl-p)}
.msm-bruidsmode-collectie .cl-carousel{position:relative;height:500px;margin-top:12px}
.msm-bruidsmode-collectie .cl-carousel:focus-within .lenticular-carousel-stage{outline:none}
/* lenticular-carousel (React Bits Pro), originele CSS gescoped; kleur via tokens */
.msm-bruidsmode-collectie .lenticular-carousel{position:relative;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;user-select:none;outline:none;color:var(--cl-ink);border-radius:20px}
.msm-bruidsmode-collectie .lenticular-carousel:focus-visible{box-shadow:0 0 0 2px var(--cl-p)}
.msm-bruidsmode-collectie .lenticular-carousel-stage{position:relative;width:100%;min-height:0;flex:1 1 0%;touch-action:pan-y}
.msm-bruidsmode-collectie .lenticular-carousel-stage.is-draggable{cursor:grab}
.msm-bruidsmode-collectie .lenticular-carousel-stage.is-draggable:active{cursor:grabbing}
.msm-bruidsmode-collectie .lenticular-carousel-controls{margin-top:1.5rem;display:flex;flex-shrink:0;align-items:center;gap:1rem}
.msm-bruidsmode-collectie .lenticular-carousel-rail{display:flex;width:11rem;align-items:center;gap:.375rem}
.msm-bruidsmode-collectie .lenticular-carousel-tick{position:relative;height:2px;flex:1 1 0%;overflow:visible;cursor:pointer;appearance:none;border:0;padding:0;border-radius:9999px;background:color-mix(in srgb,currentColor 20%,transparent);transition:background-color .2s ease}
.msm-bruidsmode-collectie .lenticular-carousel-tick::before{content:"";position:absolute;left:0;right:0;top:-.625rem;bottom:-.625rem}
.msm-bruidsmode-collectie .lenticular-carousel-tick:hover{background:color-mix(in srgb,currentColor 45%,transparent)}
.msm-bruidsmode-collectie .lenticular-carousel-tick:focus-visible{outline:2px solid var(--cl-p);outline-offset:6px}
.msm-bruidsmode-collectie .lenticular-carousel-fill{position:absolute;inset:0;transform-origin:left center;border-radius:9999px;background:currentColor;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.msm-bruidsmode-collectie .lenticular-carousel-arrow{cursor:pointer;appearance:none;border:0;background:none;color:inherit;padding:.25rem;min-width:44px;min-height:44px;display:inline-grid;place-items:center;opacity:.55;transition:opacity .2s ease;border-radius:999px}
.msm-bruidsmode-collectie .lenticular-carousel-arrow:hover{opacity:1}
.msm-bruidsmode-collectie .lenticular-carousel-arrow:focus-visible{opacity:1;outline:2px solid var(--cl-p)}
.msm-bruidsmode-collectie .lenticular-carousel-arrow:disabled{pointer-events:none;opacity:.15}
.msm-bruidsmode-collectie .cl-info{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:20px auto 0;max-width:760px;padding:22px 24px;border:1px solid var(--cl-l);border-radius:20px;background:var(--cl-s)}
.msm-bruidsmode-collectie .cl-info-sil{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-info-name{margin:4px 0 0;font:600 30px/1.1 var(--cl-d);color:var(--cl-p)}
.msm-bruidsmode-collectie .cl-info-facts,.msm-bruidsmode-collectie .cl-facts{margin:12px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.msm-bruidsmode-collectie .cl-info-facts div,.msm-bruidsmode-collectie .cl-facts div{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:8px;font-size:15px;line-height:1.45}
.msm-bruidsmode-collectie dt{color:var(--cl-mu)}
.msm-bruidsmode-collectie dd{margin:0;color:var(--cl-ink)}
.msm-bruidsmode-collectie .cl-sizes{margin:12px 0 0;font-size:14px;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-try{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--cl-p);color:var(--cl-s);font-weight:600;text-decoration:none;transition:background-color .2s ease}
.msm-bruidsmode-collectie .cl-try:hover{background:color-mix(in srgb,var(--cl-p) 86%,var(--cl-ink))}
.msm-bruidsmode-collectie .cl-try:focus-visible{outline:2px solid var(--cl-p);outline-offset:3px}
.msm-bruidsmode-collectie .cl-info-try{justify-self:start}
.msm-bruidsmode-collectie .cl-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.msm-bruidsmode-collectie .cl-dress{display:flex;flex-direction:column;padding:14px 14px 20px;border:1px solid var(--cl-l);border-radius:20px;background:var(--cl-s)}
.msm-bruidsmode-collectie .cl-face{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:var(--cl-bg)}
.msm-bruidsmode-collectie .cl-sil{margin:16px 0 0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-mu)}
.msm-bruidsmode-collectie .cl-name{margin:4px 0 0;font:600 28px/1.1 var(--cl-d);color:var(--cl-p)}
.msm-bruidsmode-collectie .cl-dress .cl-try{margin-top:auto;align-self:flex-start}
.msm-bruidsmode-collectie .cl-dress .cl-facts{margin-bottom:18px}
.msm-bruidsmode-collectie .cl-empty{margin:24px 0 0;padding:20px 24px;border:1px dashed color-mix(in srgb,var(--cl-p) 35%,var(--cl-l));border-radius:16px;background:var(--cl-s);color:var(--cl-ink)}
.msm-bruidsmode-collectie .cl-note{margin:24px 0 0;font-size:14px;color:var(--cl-mu);text-align:center}
@media (min-width:640px){
.msm-bruidsmode-collectie .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.msm-bruidsmode-collectie .lenticular-carousel-rail{width:14rem}
.msm-bruidsmode-collectie .cl-info{grid-template-columns:minmax(0,1fr) auto;align-items:end}
}
@media (min-width:1024px){
.msm-bruidsmode-collectie .cl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.msm-bruidsmode-collectie .cl-carousel{height:580px}
}
@media (prefers-reduced-motion:reduce){
.msm-bruidsmode-collectie .cl-silk,.msm-bruidsmode-collectie .cl-chip,.msm-bruidsmode-collectie .lenticular-carousel-fill,.msm-bruidsmode-collectie .cl-try{transition:none}
}