/* boerderijwinkel-zelfpluk: React Bits Pro Blocks how-it-works-7 als block-port (Tailwind vertaald naar gescopete CSS). */
.msm-boerderijwinkel-zelfpluk{--zp-p:var(--m-primary,#7d2b38);--zp-bg:var(--m-bg,#f5efe1);--zp-ink:var(--m-ink,#2b2219);--zp-s:var(--m-surface,#fffbf3);--zp-mu:var(--m-muted,#6b5f4f);--zp-a:var(--m-accent2,#e3ad3b);--zp-l:var(--m-line,#e1d6c1);--zp-display:var(--m-font-display,"Young Serif",Georgia,"Times New Roman",serif);--zp-body:var(--m-font-body,"Schibsted Grotesk","Segoe UI",system-ui,sans-serif);--zp-r:2.75rem;position:relative;box-sizing:border-box;width:100%;scroll-margin-top:112px;padding:64px 16px;background:var(--zp-s);color:var(--zp-ink);font-family:var(--zp-body);font-size:16px;line-height:1.55}
.msm-boerderijwinkel-zelfpluk *{box-sizing:border-box}
.msm-boerderijwinkel-zelfpluk .zp-wrap{width:100%;max-width:1400px;margin:0 auto}
.msm-boerderijwinkel-zelfpluk .zp-head{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}
.msm-boerderijwinkel-zelfpluk .zp-head-text{max-width:672px}
.msm-boerderijwinkel-zelfpluk .zp-title{margin:0;font-family:var(--zp-display);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.025em;color:var(--zp-ink);text-wrap:balance}
.msm-boerderijwinkel-zelfpluk .zp-pill{display:inline-flex;width:fit-content;align-items:center;gap:8px;min-height:44px;padding:12px 24px;border-radius:999px;background:var(--zp-p);color:var(--zp-s);font-family:var(--zp-body);font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer;transition:background-color .2s}
.msm-boerderijwinkel-zelfpluk .zp-pill svg{width:16px;height:16px;flex:none}
.msm-boerderijwinkel-zelfpluk .zp-pill:hover{background:color-mix(in srgb,var(--zp-p) 84%,var(--zp-ink))}
.msm-boerderijwinkel-zelfpluk .zp-pill:focus-visible{outline:2px solid var(--zp-p);outline-offset:3px}
.msm-boerderijwinkel-zelfpluk .zp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.msm-boerderijwinkel-zelfpluk .zp-card{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:240px;padding:28px;border-radius:var(--zp-r)}
.msm-boerderijwinkel-zelfpluk .zp-card--dark{background:var(--zp-ink);color:var(--zp-s)}
.msm-boerderijwinkel-zelfpluk .zp-card--dark .zp-copy,.msm-boerderijwinkel-zelfpluk .zp-card--dark .zp-prices{color:color-mix(in srgb,var(--zp-s) 78%,var(--zp-ink))}
.msm-boerderijwinkel-zelfpluk .zp-card--light{background:var(--zp-bg);color:var(--zp-ink)}
.msm-boerderijwinkel-zelfpluk .zp-card--light .zp-copy{color:var(--zp-mu)}
.msm-boerderijwinkel-zelfpluk .zp-card--outline{border:1px solid var(--zp-l);background:var(--zp-s);color:var(--zp-ink)}
.msm-boerderijwinkel-zelfpluk .zp-card--outline .zp-copy{color:var(--zp-mu)}
.msm-boerderijwinkel-zelfpluk .zp-card--mid{background:color-mix(in srgb,var(--zp-a) 40%,var(--zp-s));color:var(--zp-ink)}
.msm-boerderijwinkel-zelfpluk .zp-card--mid .zp-copy,.msm-boerderijwinkel-zelfpluk .zp-card--mid .zp-prices{color:color-mix(in srgb,var(--zp-ink) 86%,var(--zp-a))}
.msm-boerderijwinkel-zelfpluk .zp-num{font-family:var(--zp-display);font-style:italic;font-weight:400;font-size:48px;line-height:1;opacity:.3}
.msm-boerderijwinkel-zelfpluk .zp-card-title{margin:0;font-family:var(--zp-display);font-weight:400;font-size:1.375rem;line-height:1.375;letter-spacing:-.025em;text-wrap:balance}
.msm-boerderijwinkel-zelfpluk .zp-copy{max-width:24rem;margin:12px 0 0;font-size:14px;line-height:1.625}
.msm-boerderijwinkel-zelfpluk .zp-prices{max-width:24rem;margin:10px 0 0;font-size:14px;line-height:1.625}
.msm-boerderijwinkel-zelfpluk .zp-prices strong{font-weight:600;color:var(--zp-ink)}
.msm-boerderijwinkel-zelfpluk .zp-arch{position:relative;width:100%;min-height:420px;overflow:hidden;border:1px solid var(--zp-l);border-radius:200px 200px var(--zp-r) var(--zp-r);background:var(--zp-bg)}
.msm-boerderijwinkel-zelfpluk .zp-arch img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.msm-boerderijwinkel-zelfpluk .zp-booking{margin-top:56px;padding:24px 12px;border-radius:var(--zp-r);background:var(--zp-bg);scroll-margin-top:112px;outline:none}
.msm-boerderijwinkel-zelfpluk .zp-booking:focus-visible{outline:2px solid var(--zp-p);outline-offset:4px}
.msm-boerderijwinkel-zelfpluk .zp-dogs{max-width:760px;margin:0 auto 20px;padding:12px 16px;border-left:3px solid var(--zp-p);border-radius:0 14px 14px 0;background:var(--zp-s);color:var(--zp-ink);font-size:15px;line-height:1.5}
@media (min-width:640px){
.msm-boerderijwinkel-zelfpluk{padding:80px 24px}
.msm-boerderijwinkel-zelfpluk .zp-head{margin-bottom:64px}
.msm-boerderijwinkel-zelfpluk .zp-title{font-size:36px}
.msm-boerderijwinkel-zelfpluk .zp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.msm-boerderijwinkel-zelfpluk .zp-card{min-height:280px;padding:32px}
.msm-boerderijwinkel-zelfpluk .zp-num{font-size:60px}
.msm-boerderijwinkel-zelfpluk .zp-card-title{font-size:24px}
.msm-boerderijwinkel-zelfpluk .zp-copy,.msm-boerderijwinkel-zelfpluk .zp-prices{font-size:15px}
.msm-boerderijwinkel-zelfpluk .zp-arch{grid-column:span 2/span 2;max-width:28rem;min-height:520px;margin:0 auto}
.msm-boerderijwinkel-zelfpluk .zp-booking{padding:40px 28px}
}
@media (min-width:1024px){
.msm-boerderijwinkel-zelfpluk{padding:96px 32px}
.msm-boerderijwinkel-zelfpluk .zp-head{flex-direction:row;align-items:flex-end;justify-content:space-between}
.msm-boerderijwinkel-zelfpluk .zp-title{font-size:48px}
.msm-boerderijwinkel-zelfpluk .zp-grid{grid-template-columns:1fr minmax(300px,.85fr) 1fr;grid-template-rows:repeat(2,auto);gap:24px}
.msm-boerderijwinkel-zelfpluk .zp-card{min-height:320px}
.msm-boerderijwinkel-zelfpluk .zp-p1{grid-column-start:1;grid-row-start:1}
.msm-boerderijwinkel-zelfpluk .zp-p2{grid-column-start:3;grid-row-start:1}
.msm-boerderijwinkel-zelfpluk .zp-p3{grid-column-start:1;grid-row-start:2}
.msm-boerderijwinkel-zelfpluk .zp-p4{grid-column-start:3;grid-row-start:2}
.msm-boerderijwinkel-zelfpluk .zp-arch{grid-column:2/span 1;grid-row:1/span 2;max-width:none;height:100%;min-height:0;margin:0}
.msm-boerderijwinkel-zelfpluk .zp-booking{margin-top:72px;padding:48px 40px}
}
@media (prefers-reduced-motion:reduce){
.msm-boerderijwinkel-zelfpluk .zp-pill{transition:none}
}