.msm-recreatieverhuur-fietsen{--fk-p:var(--m-primary,#1f5c69);--fk-bg:var(--m-bg,#eef3f0);--fk-ink:var(--m-ink,#132328);--fk-s:var(--m-surface,#ffffff);--fk-mu:var(--m-muted,#56686c);--fk-a:var(--m-accent2,#d9973a);--fk-r:var(--m-radius,16px);--fk-line:color-mix(in srgb,var(--fk-ink) 14%,var(--fk-s));position:relative;scroll-margin-top:112px;padding:clamp(72px,9vw,128px) 0;background:var(--fk-s);color:var(--fk-ink);font-family:var(--m-font-body,"Karla","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.55}
.msm-recreatieverhuur-fietsen *{box-sizing:border-box}
.msm-recreatieverhuur-fietsen [hidden]{display:none!important}
.msm-recreatieverhuur-fietsen .fk-wrap{width:min(1240px,100% - 32px);margin:0 auto}
.msm-recreatieverhuur-fietsen .fk-head{max-width:760px;margin-bottom:clamp(24px,3vw,40px)}
.msm-recreatieverhuur-fietsen .fk-kicker{margin:0 0 10px;color:var(--fk-p);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.msm-recreatieverhuur-fietsen .fk-title{margin:0;font:600 clamp(36px,5.4vw,64px)/1.04 var(--m-font-display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);letter-spacing:-.02em}
.msm-recreatieverhuur-fietsen .fk-intro{margin:16px 0 0;max-width:62ch;color:var(--fk-mu);font-size:18px}

/* React Bits Pro elastic-reel: originele component-CSS, gescoped */
.msm-recreatieverhuur-fietsen .elastic-reel{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;outline:none}
.msm-recreatieverhuur-fietsen .elastic-reel:focus-visible{outline:2px solid color-mix(in oklch,currentColor 35%,transparent);outline-offset:-2px}

.msm-recreatieverhuur-fietsen .fk-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.msm-recreatieverhuur-fietsen .fk-reel{position:relative;height:clamp(460px,58vw,620px);border-radius:calc(var(--fk-r) + 8px);background:color-mix(in srgb,var(--fk-p) 7%,var(--fk-bg));color:var(--fk-ink);overflow:hidden}
.msm-recreatieverhuur-fietsen .fk-reel>.elastic-reel{position:absolute;inset:0}
.msm-recreatieverhuur-fietsen .fk-side{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(20px,3vw,32px);border:1px solid var(--fk-line);border-radius:calc(var(--fk-r) + 8px);background:var(--fk-bg)}
.msm-recreatieverhuur-fietsen .fk-side-kicker{margin:0;color:var(--fk-p);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.msm-recreatieverhuur-fietsen .fk-side-title{margin:0;font:600 clamp(26px,3vw,34px)/1.1 var(--m-font-display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif);letter-spacing:-.015em}
.msm-recreatieverhuur-fietsen .fk-side-sub{margin:0;font-weight:700;color:var(--fk-ink)}
.msm-recreatieverhuur-fietsen .fk-side-text{margin:0;color:var(--fk-mu);font-size:17px}
.msm-recreatieverhuur-fietsen .fk-side-tip,.msm-recreatieverhuur-fietsen .fk-tip{margin:4px 0 0;padding:12px 14px;border-left:3px solid var(--fk-a);background:color-mix(in srgb,var(--fk-a) 12%,var(--fk-s));border-radius:0 10px 10px 0;font-size:15px}
.msm-recreatieverhuur-fietsen .fk-tip{margin-top:24px;max-width:640px}
.msm-recreatieverhuur-fietsen .fk-side-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.msm-recreatieverhuur-fietsen .fk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.msm-recreatieverhuur-fietsen .fk-btn-main{background:var(--fk-p);color:var(--fk-s);border:1px solid var(--fk-p)}
.msm-recreatieverhuur-fietsen .fk-btn-main:hover{background:color-mix(in srgb,var(--fk-p) 82%,var(--fk-ink))}
.msm-recreatieverhuur-fietsen .fk-btn-ghost{background:transparent;color:var(--fk-ink);border:1px solid var(--fk-line)}
.msm-recreatieverhuur-fietsen .fk-btn-ghost:hover{border-color:var(--fk-ink)}
.msm-recreatieverhuur-fietsen .fk-btn:focus-visible{outline:2px solid var(--fk-ink);outline-offset:3px}

/* Zonder JavaScript en bij reduced motion: de zes foto's in een raster met dezelfde tekst */
.msm-recreatieverhuur-fietsen .fk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
.msm-recreatieverhuur-fietsen .fk-item{display:flex;flex-direction:column;gap:6px}
.msm-recreatieverhuur-fietsen .fk-img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:color-mix(in srgb,var(--fk-p) 10%,var(--fk-bg));margin-bottom:6px}
.msm-recreatieverhuur-fietsen .fk-name{margin:0;font:600 19px/1.2 var(--m-font-display,"Bricolage Grotesque","Segoe UI",system-ui,sans-serif)}
.msm-recreatieverhuur-fietsen .fk-sub{margin:0;font-size:14px;font-weight:700;color:var(--fk-p)}
.msm-recreatieverhuur-fietsen .fk-text{margin:0;font-size:15px;color:var(--fk-mu)}
@media (max-width:860px){
.msm-recreatieverhuur-fietsen .fk-layout{grid-template-columns:minmax(0,1fr)}
.msm-recreatieverhuur-fietsen .fk-reel{height:clamp(420px,120vw,520px)}
}
@media (prefers-reduced-motion:reduce){
.msm-recreatieverhuur-fietsen .fk-btn{transition:none}
}