.advies [hidden]{display:none!important}.advies{background:radial-gradient(80% 120% at 20% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 62%),var(--color-background);border-block:1px solid var(--color-line)}.advies__inner{display:grid;gap:var(--space-6);scroll-margin-top:6rem}@media(min-width:64rem){.advies__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:var(--space-7)}}.advies-meter{position:relative;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}@media(min-width:64rem){.advies-meter{position:sticky;top:calc(var(--header-hoogte, 4.5rem) + var(--space-3))}}.advies-meter__beeld{position:absolute;top:0;right:0;bottom:0;left:0}.advies-meter__img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;opacity:.28}.advies-meter__vlak{position:relative;padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(180deg,#0b0b0d59,#0b0b0dd9)}.advies-meter__label{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.advies-meter__uit{display:flex;align-items:baseline;gap:.35rem;margin:.2rem 0 0}.advies-meter__getal{font-family:var(--font-display--family);font-size:clamp(3.5rem,9vw,5.5rem);line-height:.95;font-variant-numeric:tabular-nums;color:var(--color-foreground)}.advies-meter__getal.is-wissel{animation:advies-getal .4s var(--ease-out)}@keyframes advies-getal{0%{opacity:0;translate:0 .35rem}to{opacity:1;translate:0 0}}.advies-meter__eenheid{font-family:var(--font-display--family);font-size:1.5rem;color:var(--color-text-muted)}.advies-meter__buren{margin:.1rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.advies-meter__schaal{position:relative;margin-top:var(--space-4);padding-top:1.4rem}.advies-meter__band{position:absolute;top:1.4rem;bottom:0;left:40%;width:20%;background:color-mix(in srgb,var(--color-foreground) 6%,transparent);border-inline:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent)}.advies-meter__ticks{position:relative;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--color-foreground) 22%,transparent)}.advies-meter__tick{position:relative;width:1px;height:.5rem;background:color-mix(in srgb,var(--color-foreground) 22%,transparent)}.advies-meter__tick--groot{height:.95rem;background:color-mix(in srgb,var(--color-foreground) 45%,transparent)}.advies-meter__tickgetal{position:absolute;top:1.2rem;left:50%;translate:-50% 0;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.advies-meter__naald{position:absolute;top:0;left:calc(var(--meter-pos, .5) * 100%);width:2px;height:2.4rem;translate:-50% 0;background:var(--color-primary);box-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 60%,transparent);transition:left .55s var(--ease-out)}.advies-meter__naald:before{content:"";position:absolute;top:-.3rem;left:50%;width:.55rem;height:.55rem;translate:-50% 0;rotate:45deg;background:var(--color-primary)}.advies-meter__bandlabel{margin:2.1rem 0 0;text-align:center;font-size:.66rem;letter-spacing:.08em;color:var(--color-text-muted)}.advies__voortgang{position:relative;height:1.2rem;margin-block:var(--space-4)}.advies__baan{position:absolute;inset:50% 0 auto 0;height:1px;background:var(--color-line)}.advies__bull{position:absolute;right:0;top:50%;width:.5rem;height:.5rem;translate:0 -50%;border-radius:50%;background:var(--color-primary)}.advies__dart{position:absolute;top:50%;left:calc(var(--dart-pos, 0) * (100% - 3.8rem));translate:0 -50%;color:var(--color-text-muted);transition:left .6s var(--ease-out)}.advies__stap{display:none;border:none;margin:0;padding:0}.advies__stap.is-actief{display:block;animation:advies-in .35s var(--ease-out)}@keyframes advies-in{0%{opacity:0;translate:calc(var(--stap-richting, 1) * 1.5rem) 0}to{opacity:1;translate:0 0}}.advies__vraag{display:block;margin-bottom:var(--space-3);font-family:var(--font-display--family);font-size:var(--text-xl);text-transform:uppercase;color:var(--color-foreground)}.advies__vraag:focus{outline:none}.advies__opties{display:grid;gap:.6rem}.advies__opties--banen,.advies__opties--beeld{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.advies-optie{position:relative;display:block;cursor:pointer}.advies-optie--breed{grid-column:1 / -1}.advies-optie__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.advies-optie__vlak{display:flex;align-items:center;gap:.75rem;height:100%;padding:.85rem 1rem;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.advies-optie:hover .advies-optie__vlak{border-color:color-mix(in srgb,var(--color-foreground) 30%,transparent);background:var(--color-surface-2)}.advies-optie__input:focus-visible+.advies-optie__vlak{outline:2px solid var(--color-primary);outline-offset:2px}.advies-optie__input:checked+.advies-optie__vlak{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.advies-optie--baan .advies-optie__vlak,.advies-optie--beeld .advies-optie__vlak{flex-direction:column;align-items:flex-start;gap:.5rem}.advies-optie__baan{width:100%;height:auto;color:var(--color-text-muted)}.advies-optie__lijn{stroke-dasharray:200;stroke-dashoffset:0}.advies-optie__input:checked+.advies-optie__vlak .advies-optie__lijn{animation:advies-baan .6s var(--ease-out)}.advies-optie__input:checked+.advies-optie__vlak .advies-optie__baan{color:var(--color-foreground)}@keyframes advies-baan{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.advies-optie__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radius-card) - 4px)}.advies-optie__nr{font-family:var(--font-display--family);font-size:.85rem;color:var(--color-text-muted)}.advies-optie__label{font-weight:700;color:var(--color-foreground)}.advies-optie__sub{font-size:var(--text-sm);color:var(--color-text-muted)}.advies-optie--rij .advies-optie__vlak{display:grid;grid-template-columns:auto 1fr;gap:.15rem .9rem;align-items:baseline}.advies-optie--rij .advies-optie__sub{grid-column:2}.advies__nav{display:flex;align-items:center;gap:.75rem;margin-top:var(--space-4)}.advies__chips{margin-bottom:var(--space-2)}.advies__chip-x{margin-left:.4rem;opacity:.7}.advies__setup{display:flex;flex-wrap:wrap;list-style:none;margin:var(--space-3) 0 0;padding:0;border:1px solid var(--color-line);border-radius:var(--radius-card);overflow:hidden}.advies__setup-cel{flex:1 1 8rem;display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border-right:1px solid var(--color-line)}.advies__setup-cel:last-child{border-right:none}.advies__setup-label{font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.advies__setup-waarde{font-variant-numeric:tabular-nums}.advies__uitleg{margin:var(--space-3) 0 0;max-width:38rem;color:color-mix(in srgb,var(--color-foreground) 84%,var(--color-text-muted))}.advies__pro{display:flex;align-items:center;gap:1rem;margin-top:var(--space-4);padding:.75rem;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface)}.advies__pro-beeld{width:6.5rem;height:4.5rem;object-fit:cover;border-radius:calc(var(--radius-card) - 4px)}.advies__pro-kop{margin:0 0 .2rem;font-weight:700}.advies__melding{margin:var(--space-4) 0 0;padding:.65rem .9rem;border-left:2px solid var(--color-primary);background:var(--color-surface);font-size:var(--text-sm);color:color-mix(in srgb,var(--color-foreground) 85%,var(--color-text-muted))}.advies__slot{margin-top:var(--space-5)}.advies__skelet{min-height:clamp(20rem,46vh,28rem);border-radius:var(--radius-card);background:linear-gradient(100deg,var(--color-surface) 30%,var(--color-surface-2) 50%,var(--color-surface) 70%);background-size:200% 100%;animation:advies-skelet 1.6s linear infinite}@keyframes advies-skelet{0%{background-position:200% 0}to{background-position:-200% 0}}.advies__acties{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:var(--space-5)}.advies__kopieer{background:none;border:none;padding:0;cursor:pointer;font:inherit}.advies__fout{margin:0;color:var(--color-text-muted)}.advies-res__topper{position:relative;display:grid;gap:var(--space-4);margin-top:.85rem;padding:clamp(1.15rem,3vw,1.75rem) clamp(1rem,3vw,1.75rem) clamp(1rem,3vw,1.75rem);border:1px solid var(--color-primary);overflow:visible}@media(min-width:48rem){.advies-res__topper{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center}}.advies-res__sticker{position:absolute;z-index:2;top:-.85rem;left:1.1rem;padding:.3rem .85rem;box-shadow:0 0 0 3px var(--color-background);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;animation:advies-sticker .45s var(--ease-out) .2s backwards}@keyframes advies-sticker{0%{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0 0}}.advies-res__media{display:block;border-radius:calc(var(--radius-card) - 4px);background:var(--color-product-bg);overflow:hidden}.advies-res__img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:contain}.advies-res__info{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.advies-res__vendor{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.advies-res__titel{margin:0;font-size:var(--text-lg)}.advies-res__titel a{color:var(--color-foreground);text-decoration:none}.advies-res__specs{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.advies-res__spec{padding:.2rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted)}.advies-res__spec--nadruk{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);color:var(--color-foreground);font-weight:700;font-variant-numeric:tabular-nums}.advies-res__acties{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.3rem}.advies-res__koop-ok{display:none}.advies-res__verfijn{margin-top:var(--space-5)}.advies-res__verfijn-kop{display:block;margin-bottom:.5rem;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.advies-res__ook{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-lg)}.advies-res__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-3)}.advies-res__alle{margin:var(--space-5) 0 0}.advies-res__hoek{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-line);max-width:62ch;color:var(--color-text-muted)}.advies-res__hoek .link-arrow{margin-left:.35rem}.advies__nojs{padding:clamp(1rem,3vw,1.5rem)}.advies__nojs-kop{margin:0 0 .3rem;font-family:var(--font-display--family);font-size:var(--text-lg);text-transform:uppercase}.advies.is-interactief .advies__nojs{display:none}.advies:not(.is-interactief) .advies__wizard,.advies:not(.is-interactief) .advies-meter{display:none}@media(min-width:64rem){.advies:not(.is-interactief) .advies__inner{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.advies-meter__naald,.advies__dart{transition:none}.advies__stap.is-actief,.advies-meter__getal.is-wissel,.advies-res__sticker,.advies__skelet,.advies-optie__input:checked+.advies-optie__vlak .advies-optie__lijn{animation:none}}.advies__massa{max-width:22rem;margin-block:var(--space-3) var(--space-4)}.advies__massa-beeld{aspect-ratio:16 / 10;border-radius:var(--radius-card);overflow:hidden;background:var(--color-surface-2);border:1px solid var(--color-line)}.advies__massa-beeld img{width:100%;height:100%;object-fit:cover}.advies__massa-schaduw{margin:.4rem 15% 0;height:1rem;background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-dartadvies.css.map */