.flo.page-instructies .in-head{max-width:640px;margin-bottom:clamp(28px,4vw,44px)}.flo.page-instructies .in-head p{font-size:16.96px;color:var(--flo-ink-2);margin:0}.flo.page-instructies .band--leaf .in-head p{color:var(--flo-ink)}.flo.page-instructies .in-intro{padding-block:clamp(20px,3vw,40px) clamp(24px,3vw,32px);overflow-x:clip}.flo.page-instructies .in-intro__grid{display:grid;gap:24px}.flo.page-instructies .in-intro h1{font-size:clamp(38.4px,4.7vw,68px);line-height:1.02;letter-spacing:-.02em;margin-bottom:.32em}.flo.page-instructies .in-lead{font-size:clamp(16.96px,1.3vw,19.2px);line-height:1.55;max-width:40ch;margin:0}.flo.page-instructies .in-parts-col{container-type:inline-size;min-width:0}.flo.page-instructies .in-parts{--lx:.72;--lw:168px;--ml:.17;--w:min(330px,calc((100cqi - var(--lw)) / (var(--lx) - var(--ml))));position:relative;aspect-ratio:2/3;width:var(--w);margin-left:calc(var(--w) * var(--ml) * -1)}.flo.page-instructies .in-parts__img,.flo.page-instructies .in-parts__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.flo.page-instructies .in-parts__img img{object-fit:contain}.flo.page-instructies .in-parts__tags{list-style:none;margin:0;padding:0}.flo.page-instructies .in-tag__line{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);width:calc((var(--lx) - var(--x)) * 100% - 6px);height:2px;margin-top:-1px;background:var(--flo-ink)}.flo.page-instructies .in-tag__line:before{content:"";position:absolute;left:-6px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--flo-ink);box-shadow:0 0 0 3px var(--flo-paper)}.flo.page-instructies .in-tag__txt{position:absolute;left:calc(var(--lx) * 100%);top:calc(var(--y) * 100%);width:max-content;max-width:var(--lw);transform:translateY(-50%);font-size:15.04px;line-height:1.35;color:var(--flo-ink-2)}.flo.page-instructies .in-tag__txt b{display:block;font-size:16.96px;color:var(--flo-ink);font-weight:600}@media(max-width:999px){.flo.page-instructies .in-tag--up .in-tag__txt{transform:translateY(calc(-100% + 10px))}.flo.page-instructies .in-tag--down .in-tag__txt{transform:translateY(-10px)}}@media(min-width:1000px){.flo.page-instructies .in-intro__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto 1fr;grid-template-areas:". parts" "text parts" ". parts";column-gap:40px;row-gap:0}.flo.page-instructies .in-intro__text{grid-area:text}.flo.page-instructies .in-parts-col{grid-area:parts}.flo.page-instructies .in-parts{--lx:.78;--lw:230px;--ml:0;--w:max(340px,min(calc((100svh - var(--flo-header-h) - 130px) * 2 / 3),510px,calc((100cqi - var(--lw)) / .78)))}.flo.page-instructies .in-tag__txt{padding-left:6px}}.flo.page-instructies .in-steps{padding-top:clamp(40px,5vw,64px)}.flo.page-instructies .in-where{border:0;margin:0 0 clamp(28px,4vw,44px);padding:0;min-width:0}.flo.page-instructies .in-where legend{padding:0;margin-bottom:12px;font-family:var(--flo-font-display);font-weight:600;font-size:clamp(23.2px,2.3vw,29.6px);line-height:1.2}.flo.page-instructies .in-where__opts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px}.flo.page-instructies .in-opt{position:relative;display:block;cursor:pointer}.flo.page-instructies .in-opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.flo.page-instructies .in-opt span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:2px solid var(--flo-ink);border-radius:999px;font-weight:600;white-space:nowrap;transition:background-color .15s,color .15s}.flo.page-instructies .in-opt:hover span{background:var(--flo-leaf-soft)}.flo.page-instructies .in-opt input:checked+span{background:var(--flo-ink);color:#fff}.flo.page-instructies .in-opt input:focus-visible+span{outline:3px solid var(--flo-blue);outline-offset:3px}.flo.page-instructies .in-where__out{display:none;margin:12px 0 0;font-size:16.32px}.flo.page-instructies .in-steps:has(input[value=plafond]:checked) [data-for]:not([data-for~=plafond]),.flo.page-instructies .in-steps:has(input[value=muur]:checked) [data-for]:not([data-for~=muur]),.flo.page-instructies .in-steps:has(input[value=tafel]:checked) [data-for]:not([data-for~=tafel]){display:none}.flo.page-instructies .in-steps:has(input[value=plafond]:checked) .in-where__out[data-for~=plafond],.flo.page-instructies .in-steps:has(input[value=muur]:checked) .in-where__out[data-for~=muur],.flo.page-instructies .in-steps:has(input[value=tafel]:checked) .in-where__out[data-for~=tafel]{display:block}@media(max-width:599px){.flo.page-instructies .in-where__opts{gap:6px;justify-content:stretch}.flo.page-instructies .in-opt span{min-height:48px;padding:0 clamp(6px,2vw,14px);font-size:clamp(12.8px,3.7vw,16px)}}@media(max-width:339px){.flo.page-instructies .in-opt span{white-space:normal;text-align:center}}.flo.page-instructies .in-steps__grid{display:grid;gap:clamp(28px,4vw,48px)}@media(min-width:1000px){.flo.page-instructies .in-steps__grid{grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:56px;align-items:start}.flo.page-instructies .in-dial{position:sticky;top:calc(var(--flo-header-h) + 20px)}}.flo.page-instructies .in-dial{max-width:430px;width:100%;margin-inline:auto}.flo.page-instructies .in-dial__stage{max-width:390px;margin:0 auto}@media(max-width:999px){.flo.page-instructies .in-dial__stage{max-width:260px}}.flo.page-instructies .in-dial__svg{display:block;width:100%;height:auto;overflow:visible}.flo.page-instructies .in-dial__disc{fill:var(--flo-ink)}.flo.page-instructies .in-dial__shell{fill:var(--flo-ink);stroke:#fff;stroke-width:4;stroke-linejoin:round}.flo.page-instructies .in-dial__inside,.flo.page-instructies .in-dial__hole{fill:#27305a;stroke:#fff;stroke-width:4}.flo.page-instructies .in-dial__arrow{fill:none;stroke:var(--flo-leaf);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.flo.page-instructies .in-dial__mark0{fill:var(--flo-leaf)}.flo.page-instructies .in-dial__mark path{stroke:#fff;stroke-width:7;stroke-linecap:round}.flo.page-instructies .in-dial__mark circle{fill:transparent}.flo.page-instructies .in-dial__mark text{font-family:var(--flo-font-display);font-weight:600;font-size:30px;fill:#fff;text-anchor:middle}.flo.page-instructies .in-dial__mark.is-on path{stroke:var(--flo-leaf)}.flo.page-instructies .in-dial__mark.is-on circle{fill:var(--flo-leaf)}.flo.page-instructies .in-dial__mark.is-on text{fill:var(--flo-ink)}.flo.page-instructies .in-dial__klik{fill:none;stroke:var(--flo-leaf);stroke-width:5;stroke-linecap:round;opacity:0}.flo.page-instructies .in-dial.is-klik .in-dial__klik{animation:in-klik .6s cubic-bezier(.2,.7,.2,1)}@keyframes in-klik{0%{opacity:0}20%{opacity:1}to{opacity:0}}.flo.page-instructies .in-dial__now{display:none;margin:14px 0 0;text-align:center;font-family:var(--flo-font-display);font-weight:600;font-size:19.2px;line-height:1.3;min-height:1.3em}.flo.page-instructies .in-dial.is-follow .in-dial__now{display:block}.flo.page-instructies .in-dial__key{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;font-size:15.04px}.flo.page-instructies .in-dial__key li{display:flex;align-items:center;gap:8px}.flo.page-instructies .in-key{flex:none;position:relative;width:24px;height:24px;border-radius:6px;background:var(--flo-ink)}.flo.page-instructies .in-key:after{content:"";position:absolute;left:10px;top:4px;width:4px;height:16px;border-radius:2px;background:#fff}.flo.page-instructies .in-key--bottom:after{left:6px;top:6px;width:12px;height:11px;border-radius:0;background:var(--flo-leaf);clip-path:polygon(50% 0,100% 100%,0 100%)}.flo.page-instructies .in-route{--st:48px;--sl:18px;--pt:16px;--gap:14px;counter-reset:in-st;list-style:none;margin:0;padding:0;display:grid;gap:var(--gap)}.flo.page-instructies .in-st{counter-increment:in-st;position:relative;min-width:0;padding:var(--pt) 20px 18px calc(var(--sl) + var(--st) + 18px);border-radius:var(--flo-radius-lg);background:var(--flo-paper);transition:box-shadow .25s}.flo.page-instructies .in-st__n{position:absolute;left:var(--sl);top:var(--pt);display:grid;place-items:center;width:var(--st);height:var(--st);border-radius:50%;background:var(--flo-ink);color:#fff;font-family:var(--flo-font-display);font-weight:600;font-size:22.4px;line-height:1;transition:background-color .25s,color .25s}.flo.page-instructies .in-st__n:before{content:counter(in-st)}.flo.page-instructies .in-st:after{content:"";position:absolute;z-index:1;left:calc(var(--sl) + var(--st) / 2 - 2px);width:4px;top:calc(var(--pt) + var(--st));bottom:calc(-1 * (var(--gap) + var(--pt)));background:var(--flo-ink)}.flo.page-instructies .in-st--end:after{display:none}.flo.page-instructies .in-st h3{font-size:clamp(19.2px,1.7vw,23.2px);margin:9px 0 .3em}.flo.page-instructies .in-st p{margin:0;max-width:52ch;line-height:1.5}.flo.page-instructies .in-st__tip{margin-top:10px!important;font-size:15.04px;color:var(--flo-ink-2)}.flo.page-instructies .in-st__need{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:10px!important;padding-top:6px;border-top:1px solid rgba(16,24,58,.18);font-weight:600}.flo.page-instructies .in-st__need a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.flo.page-instructies .in-st.is-now{box-shadow:inset 0 0 0 3px var(--flo-ink)}.flo.page-instructies .in-st.is-now .in-st__n{background:var(--flo-leaf);color:var(--flo-ink)}@media(min-width:1000px){.flo.page-instructies .in-route{--st:52px;--gap:16px}.flo.page-instructies .in-st{padding-block:18px 22px}}.flo.page-instructies .in-ways__list{list-style:none;margin:0;padding:0;display:grid;gap:32px}.flo.page-instructies .in-way{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:18px;align-content:start}.flo.page-instructies .in-way>*{grid-column:2}.flo.page-instructies .in-way>.lijn{grid-column:1;grid-row:1 / span 5;align-self:start;max-width:none;width:100%;margin:0;padding:8%}.flo.page-instructies .in-way:not(:last-child){padding-bottom:28px;border-bottom:1px solid rgba(16,24,58,.16)}@media(min-width:700px){.flo.page-instructies .in-ways__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.flo.page-instructies .in-way{grid-template-columns:none;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}.flo.page-instructies .in-way>*{grid-column:auto}.flo.page-instructies .in-way>.lijn{grid-column:auto;grid-row:auto;margin:0 0 16px;padding:12%}.flo.page-instructies .in-way:not(:last-child){padding-bottom:0;border-bottom:0}}.flo.page-instructies .in-way h3{margin-bottom:.3em}.flo.page-instructies .in-way p{margin:0;font-size:15.68px;line-height:1.5}.flo.page-instructies .in-way .in-way__stand{margin-top:14px;padding-top:12px;border-top:2px solid var(--flo-ink);font-size:16px}.flo.page-instructies .in-way__stand b{font-weight:600}.flo.page-instructies .in-way__link{display:inline-flex;align-items:center;min-height:44px;margin-top:-10px;font-weight:600}.flo.page-instructies .in-way .in-way__tip{margin-top:8px;font-size:15.04px;color:var(--flo-ink-2)}@media(min-width:1000px){.flo.page-instructies .in-ways__list{gap:0 48px}}.flo.page-instructies .ico__pose{transform-box:view-box}.flo.page-instructies .in-way--tafel .ico__pose{transform-origin:60px 98px;transition:transform .75s cubic-bezier(.3,1.6,.55,1)}.flo.page-instructies .in-way--muur .ico__pose{transform-origin:60px 66px;transition:transform 1.1s cubic-bezier(.6,0,.25,1.2) .1s}.flo.page-instructies .in-way--plafond .ico__pose{transform-origin:60px 10px}.flo.page-instructies .in-way--tafel.is-pre .ico__pose{transform:translateY(-22px)}.flo.page-instructies .in-way--muur.is-pre .ico__pose{transform:rotate(-60deg) translate(6px,4px)}.flo.page-instructies .in-way--plafond.is-pre .ico__pose{transform:rotate(16deg)}.flo.page-instructies .in-way--plafond.is-go .ico__pose{animation:in-swing 2s cubic-bezier(.3,.6,.4,1)}@keyframes in-swing{0%{transform:rotate(16deg)}22%{transform:rotate(-10deg)}44%{transform:rotate(6deg)}64%{transform:rotate(-3deg)}82%{transform:rotate(1deg)}to{transform:none}}@media(prefers-reduced-motion:reduce){.flo.page-instructies .ico__pose{transition:none;animation:none}}.flo.page-instructies .in-care__grid{display:grid;gap:36px;align-items:center}.flo.page-instructies .in-care__photo{width:100%;max-width:420px;aspect-ratio:4/5;justify-self:center}.flo.page-instructies .in-care__list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:18px}.flo.page-instructies .in-care__list h3{font-size:19.2px;margin:0 0 .25em}.flo.page-instructies .in-care__list p{margin:0;color:var(--flo-ink-2);max-width:56ch}.flo.page-instructies .in-facts__title{margin:32px 0 14px;font-size:19.2px}.flo.page-instructies .in-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flo.page-instructies .in-facts div{padding:16px 18px;border-radius:var(--flo-radius-lg);background:var(--flo-paper)}.flo.page-instructies .in-facts dt{font-size:14.72px;color:var(--flo-ink-2)}.flo.page-instructies .in-facts dd{margin:2px 0 0;font-family:var(--flo-font-display);font-weight:600;font-size:19.2px;line-height:1.25}@media(min-width:900px){.flo.page-instructies .in-care__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}}@media(min-width:1200px){.flo.page-instructies .in-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.flo.page-instructies .in-cta__box{text-align:center;max-width:640px}.flo.page-instructies .in-cta__box p{font-size:16.96px;margin:0 0 24px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/flo-instructies.css.map */