.floretti-planner .planner-layout{display:grid;grid-template-columns:1fr;gap:2.24rem;align-items:start}@media screen and (min-width:960px){.floretti-planner .planner-layout{grid-template-columns:.9fr 1.1fr;gap:3.2rem}}.floretti-planner .planner-visual__frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--fris-blue) 32%,transparent),transparent 55%),linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:3.52rem}.floretti-planner .planner-visual__frame img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 2.24rem 3.2rem rgba(0,0,0,.35))}.floretti-planner .planner-visual__caption{margin-top:1.6rem}.floretti-planner .planner-visual__caption .eyebrow{margin:0;font-size:1.184rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kicker-gold)}.floretti-planner .planner-visual__caption h3{margin:.48rem 0 0;font-size:2rem;font-weight:700;color:var(--ink)}.floretti-planner .planner-visual__meta{margin:.32rem 0 0;font-size:1.28rem;color:var(--ink-muted)}.floretti-planner .planner-panel{border-radius:var(--radius-lg);padding:clamp(2.24rem,3vw,3.04rem);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.floretti-planner .planner-panel__kicker{margin:0 0 1.28rem;font-size:1.248rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.floretti-planner .planner-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:.96rem}@media screen and (max-width:420px){.floretti-planner .planner-tiers{grid-template-columns:1fr}}.floretti-planner .planner-tier{position:relative;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.44rem 1.28rem;font-family:inherit;cursor:pointer;text-align:left;display:grid;gap:.24rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.floretti-planner .planner-tier:hover{border-color:color-mix(in srgb,var(--navy) 45%,transparent)}.floretti-planner .planner-tier[aria-checked=true]{border-color:var(--navy);background:color-mix(in srgb,var(--fris-blue) 10%,transparent);box-shadow:inset 0 0 0 1px var(--navy)}.floretti-planner .planner-tier:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.floretti-planner .planner-tier__flag{position:absolute;top:-.88rem;right:.96rem;font-size:1.024rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.24rem .72rem;border-radius:var(--radius-pill);background:var(--gold);color:var(--gold-ink)}.floretti-planner .planner-tier__count{font-size:1.472rem;font-weight:700;color:var(--ink)}.floretti-planner .planner-tier__per{font-size:1.216rem;font-weight:650;color:var(--ink-soft)}.floretti-planner .planner-tier[aria-checked=true] .planner-tier__per{color:var(--navy)}.floretti-planner .planner-plan{margin-top:1.6rem;padding:1.28rem;border-radius:var(--radius);background:color-mix(in srgb,var(--navy) 4%,transparent);border:1px solid var(--border)}.floretti-planner .planner-panel__kicker--step3{margin-bottom:.96rem}.floretti-planner .planner-plan__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.floretti-planner .planner-plan__choice{position:relative;min-height:9.6rem;border:1.5px solid var(--border);border-radius:var(--radius);padding:1.12rem;background:var(--surface);cursor:pointer;margin:0;display:grid;grid-template-columns:1fr auto;gap:.72rem;align-items:start;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.floretti-planner .planner-plan__choice:hover{border-color:color-mix(in srgb,var(--navy) 45%,transparent)}.floretti-planner .planner-plan__choice input{position:absolute;opacity:0;pointer-events:none}.floretti-planner .planner-plan__choice input:focus-visible+.planner-plan__choice-body{outline:2px solid var(--color-link);outline-offset:3px}.floretti-planner .planner-plan__choice.is-selected{border-color:var(--fris-blue);background:color-mix(in srgb,var(--fris-blue) 11%,transparent);box-shadow:inset 0 0 0 1.5px var(--fris-blue)}.floretti-planner .planner-plan__flag{position:absolute;top:-.88rem;right:.8rem;border-radius:var(--radius-pill);padding:.2rem .64rem;background:var(--gold);color:var(--gold-ink);font-size:1.024rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.floretti-planner .planner-plan__choice.is-disabled{cursor:default;background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.floretti-planner .planner-plan__choice.is-disabled .planner-plan__price,.floretti-planner .planner-plan__choice.is-disabled small{opacity:.72}.floretti-planner .planner-plan__choice-body{display:grid;gap:.24rem;min-width:0}.floretti-planner .planner-plan__choice-body strong{font-size:1.344rem;font-weight:700;color:var(--ink);line-height:1.2}.floretti-planner .planner-plan__choice-body small{font-size:1.152rem;color:var(--ink-soft);line-height:1.35}.floretti-planner .planner-plan__price{color:var(--ink);font-size:1.312rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.floretti-planner .planner-plan__benefits{display:grid;gap:.4rem;margin:1.04rem 0 0;padding:0;list-style:none}.floretti-planner .planner-plan__benefits li{position:relative;padding-left:1.52rem;font-size:1.152rem;color:var(--ink-soft)}.floretti-planner .planner-plan__benefits li:before{content:"";position:absolute;left:0;top:.58em;width:.56rem;height:.56rem;border-radius:50%;background:var(--fris-blue)}@media screen and (max-width:640px){.floretti-planner .planner-plan__choices{grid-template-columns:1fr}.floretti-planner .planner-plan__choice{min-height:auto}.floretti-planner .planner-scent__body small{display:none}.floretti-planner .planner-scent__pick{gap:.88rem;padding-left:1.12rem}.floretti-planner .planner-scent{padding-right:1.12rem}}.floretti-planner .planner-total{margin-top:1.92rem;padding-top:1.6rem;border-top:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:1.28rem;flex-wrap:wrap}.floretti-planner .planner-total__per{margin:0;font-size:1.312rem;font-weight:700;color:var(--ink)}.floretti-planner .planner-total__price{margin:0;display:flex;align-items:baseline;gap:.64rem}.floretti-planner .planner-total__price b{font-size:2.24rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.floretti-planner .planner-total__compare{font-size:1.344rem;color:var(--ink-soft)}.floretti-planner .planner-total__badge{font-size:1.088rem;font-weight:800;padding:.24rem .72rem;border-radius:var(--radius-pill);background:var(--gold);color:var(--gold-ink)}.floretti-planner .planner-panel__form{margin:1.6rem 0 0}.floretti-planner .planner-panel__cta{width:100%;border:0;border-radius:var(--radius-pill);padding:1.44rem 2rem;font-family:inherit;font-size:1.44rem;font-weight:800;color:var(--gold-ink);background:var(--gold);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.floretti-planner .planner-panel__cta:hover{transform:translateY(-1px);box-shadow:0 .8rem 2rem #0000002e}.floretti-planner .planner-panel__cta:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.floretti-planner .planner-panel__note{margin:1.12rem 0 0;font-size:1.152rem;color:var(--ink-soft);text-align:center}.floretti-planner .planner-empty{padding:2.24rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--ink-muted);text-align:center}.floretti-suboption{margin-top:1.12rem;padding:1.12rem 1.28rem;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--navy) 4%,transparent);display:grid;gap:.4rem}.floretti-suboption__row{display:flex;align-items:center;gap:.72rem;margin:0;cursor:pointer;font-size:1.28rem;font-weight:700;color:var(--ink)}.floretti-suboption__row input{accent-color:var(--navy);margin:0;flex:none}.floretti-suboption__badge{margin-left:auto;font-size:1.152rem;font-weight:800;padding:.24rem .72rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--gold) 26%,transparent);color:var(--gold-ink);white-space:nowrap}html[data-theme=dark] .floretti-suboption__badge{color:var(--gold)}.floretti-suboption__badge s{font-weight:650;opacity:.6;margin-left:.32rem}.floretti-suboption__note{margin:0;font-size:1.152rem;color:var(--ink-soft)}.floretti-planner .planner-scents{margin-top:1.92rem}.floretti-planner .planner-panel__kicker--step2{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.floretti-planner .planner-scents__todo{font-size:1.152rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ink-soft);padding:.16rem .64rem;border-radius:var(--radius-pill);background:var(--surface-alt)}.floretti-planner .planner-scents__todo.is-done{background:color-mix(in srgb,var(--aqua) 22%,transparent);color:var(--navy)}.floretti-planner .planner-scent{display:flex;align-items:center;gap:.64rem;padding:0 1.28rem 0 0;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.72rem;transition:border-color .15s ease,background .15s ease}.floretti-planner .planner-scent__pick{flex:1;min-width:0;display:flex;align-items:center;gap:1.12rem;padding:1.12rem 0 1.12rem 1.28rem;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius) 0 0 var(--radius)}.floretti-planner .planner-scent:hover:not(.is-soldout){border-color:color-mix(in srgb,var(--navy) 35%,transparent);background:color-mix(in srgb,var(--navy) 3%,transparent)}.floretti-planner .planner-scent__pick:focus-visible{outline:.2rem solid var(--fris-blue);outline-offset:-.2rem}.floretti-planner .planner-scent__pick:disabled{cursor:default}.floretti-planner .planner-scent.is-chosen{border-color:var(--navy);background:color-mix(in srgb,var(--fris-blue) 8%,transparent)}.floretti-planner .planner-scent__dot{width:1.6rem;height:1.6rem;border-radius:50%;flex:none;background:var(--dot, var(--fris-blue));box-shadow:inset 0 0 0 1px #00000014}.floretti-planner .planner-scent__body{flex:1;min-width:0;display:grid;gap:.16rem}.floretti-planner .planner-scent__body strong{font-size:1.344rem;font-weight:700;color:var(--ink)}.floretti-planner .planner-scent__body small{font-size:1.152rem;color:var(--ink-soft)}.floretti-planner .planner-scent__stepper{display:flex;align-items:center;gap:.32rem;flex:none}.floretti-planner .planner-scent__stepper button{width:3.04rem;height:3.04rem;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--ink);font-size:1.6rem;font-family:inherit;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease}.floretti-planner .planner-scent__stepper button:hover{border-color:var(--navy);background:color-mix(in srgb,var(--navy) 6%,transparent)}.floretti-planner .planner-scent__stepper button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.floretti-planner .planner-scent__stepper output{min-width:2.4rem;text-align:center;font-family:var(--font-ui);font-size:1.472rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.floretti-planner .planner-scent.is-soldout{opacity:.55}.floretti-planner .planner-scent.is-soldout .planner-scent__body strong:after{content:" \b7  tijdelijk uitverkocht";font-weight:600;color:var(--ink-soft)}.floretti-planner .planner-scent__stepper button:disabled{opacity:.35;cursor:not-allowed}.floretti-planner .planner-tier__per{display:grid;gap:.16rem}.floretti-planner .planner-tier__per b{font-size:1.6rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.floretti-planner .planner-tier__per span{font-size:1.152rem;font-weight:650;color:var(--ink-soft)}.floretti-planner .planner-tier[aria-checked=true]{border-color:var(--fris-blue);background:color-mix(in srgb,var(--fris-blue) 14%,transparent);box-shadow:inset 0 0 0 1.5px var(--fris-blue)}.floretti-planner .planner-tier[aria-checked=true] .planner-tier__per b,.floretti-planner .planner-tier[aria-checked=true] .planner-tier__count{color:var(--ink)}.floretti-planner .planner-tier[aria-checked=true] .planner-tier__per span{color:var(--ink-muted)}.floretti-planner .planner-panel__cta:disabled{opacity:1;background:transparent;color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--border);cursor:not-allowed;transform:none}.floretti-planner .planner-plan__intervals{display:flex;gap:.48rem;margin-top:1.12rem;flex-wrap:wrap}.floretti-planner .planner-plan__intervals button{border:1.5px solid var(--border);background:var(--surface);color:var(--ink-muted);font:inherit;font-size:1.216rem;font-weight:700;padding:.56rem 1.12rem;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.floretti-planner .planner-plan__intervals button:hover{border-color:var(--navy);color:var(--ink)}.floretti-planner .planner-plan__intervals button[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}.floretti-planner .planner-plan__intervals button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.floretti-planner .planner-plan__hint{margin:.72rem 0 0;font-size:1.152rem;color:var(--ink-soft)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-floretti-planner.css.map */