.vip{--teal:#0097b2;--teal-600:#007a91;--teal-700:#006075;--teal-050:#f0fafc;--teal-100:#cdeef4;--orange:#ff7300;--ink:#1a1a1a;--body:#5c554c;--muted:#8a8378;--cream:#f6f2ec;--hair:#e9e1d4;--display:"Bricolage Grotesque",sans-serif;--text:"Montserrat",sans-serif}.vip,.vip *{box-sizing:border-box}.vip{margin:0;background:var(--cream);color:var(--body);font-family:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.vip img{max-width:100%;display:block}.vip a{color:var(--teal-700)}.vip a:hover{color:var(--teal-600)}.vip h1,.vip h2,.vip h3{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}.vip h1{font-size:clamp(34px,5vw,60px)}.vip h2{font-size:clamp(26px,3.2vw,40px)}.vip h3{font-size:clamp(18px,1.9vw,21px);letter-spacing:-.02em}.vip p{margin:0;text-wrap:pretty}.vip .wrap{max-width:1200px;margin:0 auto;padding:0 24px}.vip .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-700)}.vip .eyebrow i{width:26px;height:3px;border-radius:2px;background:var(--orange);display:block;flex:none}.vip .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--orange);color:#fff;font-weight:700;font-size:17px;padding:18px 32px;min-height:56px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;font-family:var(--text);box-shadow:0 10px 24px #ff730047}.vip .btn:hover{background:#e96900;color:#fff}.vip .btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.vip .btn--block{width:100%;font-size:18px;min-height:60px}.vip .nav{background:var(--teal-700)}.vip .nav .in{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vip .nav img{width:150px;height:auto}.vip .badge{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.vip .badge i{width:8px;height:8px;border-radius:999px;background:#fff;display:block}.vip .hero{background:var(--teal-700);position:relative;overflow:hidden}.vip .hero .grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:56px;align-items:center;padding-top:44px;padding-bottom:64px;position:relative}.vip .hero h1{color:#fff}.vip .hero h1 em{font-style:normal;color:var(--orange)}.vip .hero .eyebrow{color:#fff}.vip .hero .lead{color:#ffffffdb;font-size:18px;margin-top:18px;max-width:44ch}.vip .ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}.vip .ticks li{display:flex;align-items:center;gap:14px;color:#fff;font-weight:700;font-size:17px}.vip .ticks .t{width:40px;height:40px;border-radius:12px;background:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}.vip .ticks .t svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.vip .hero .ghost{position:absolute;right:-30px;bottom:-60px;font-family:var(--display);font-weight:800;font-size:clamp(160px,22vw,320px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.1);pointer-events:none;white-space:nowrap}.vip .hero .form{margin-top:40px}.vip .form{background:#fff;border-radius:24px;padding:28px 28px 30px;box-shadow:0 24px 60px #00000040;position:relative}.vip .form h2{font-size:28px}.vip .form .sub{font-size:15px;margin-top:8px}.vip .field{margin-top:16px}.vip .field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}.vip .field input{width:100%;border:2px solid var(--hair);border-radius:14px;padding:15px 16px;font-size:16px;font-family:var(--text);color:var(--ink);min-height:54px;background:#fff}.vip .field input:focus{outline:0;border-color:var(--teal-600)}.vip .opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vip .opt{border:2px solid var(--hair);border-radius:14px;background:#fff;padding:12px 8px;min-height:88px;cursor:pointer;font-family:var(--text);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.vip .opt img{width:44px;height:44px;border-radius:10px;object-fit:cover}.vip .opt span{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.25}.vip .opt:hover{border-color:var(--teal-100)}.vip .opt[aria-pressed=true]{border-color:var(--orange);background:#fff6ee}.vip .fine{font-size:12.5px;color:var(--muted);margin-top:14px;text-align:center;line-height:1.5}.vip .err{color:#c2560a;font-size:13.5px;font-weight:700;margin-top:12px;display:none}.vip .ok{display:none;text-align:center;padding:14px 0 4px}.vip .ok .mark{width:62px;height:62px;border-radius:999px;background:var(--orange);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.vip .ok .mark svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.vip .ok p{font-size:15.5px;margin-top:10px}.vip .sec{padding:72px 0}.vip .sec--white{background:#fff}.vip .sechead{max-width:60ch;margin-bottom:34px}.vip .sechead p{margin-top:13px;font-size:17px}.vip .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}.vip .step{background:var(--cream);border-radius:20px;padding:26px}.vip .step .n{width:44px;height:44px;border-radius:999px;background:var(--teal-700);color:#fff;font-family:var(--display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.vip .step.on .n{background:var(--orange)}.vip .step p{margin-top:8px;font-size:15.5px}.vip .line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #3c301e0f}.vip .ph{padding:26px 26px 28px;border-right:1px solid var(--hair)}.vip .ph:last-child{border-right:0}.vip .ph .k{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.vip .ph h3{margin-top:10px}.vip .ph p{margin-top:8px;font-size:15px}.vip .ph.you{background:var(--teal-700)}.vip .ph.you h3{color:#fff}.vip .ph.you p{color:#ffffffdb}.vip .ph.you .k{color:var(--orange)}.vip .qwrap{background:var(--ink);border-radius:28px;padding:40px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.vip .qhead h2{color:#fff}.vip .qhead p{color:#ffffffc7;margin-top:12px;font-size:16.5px;max-width:40ch}.vip .qbar{height:12px;border-radius:999px;background:#ffffff24;margin-top:26px;overflow:hidden}.vip .qfill{height:100%;width:0;background:var(--orange);border-radius:999px;transition:width .6s cubic-bezier(.2,.9,.3,1)}.vip .qcount{display:block;margin-top:10px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em}.vip .quest{list-style:none;margin:0;padding:0;display:grid;gap:12px}.vip .quest li{display:flex;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:16px 18px;transition:background .3s}.vip .qn{width:48px;height:48px;border-radius:999px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex:none;font-family:var(--display);font-size:20px;color:var(--ink)}.vip .qn svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;display:none}.vip .qt{flex:1;min-width:0}.vip .qt h3{font-size:18px}.vip .qt p{font-size:14px;margin-top:4px}.vip .qbtn{border:0;border-radius:999px;background:var(--orange);color:#fff;font-family:var(--text);font-weight:700;font-size:14.5px;padding:0 20px;min-height:44px;cursor:pointer;flex:none}.vip .qbtn:hover{background:#e96900}.vip .quest li.done{background:#fff6ee}.vip .quest li.done .qn{background:var(--orange)}.vip .quest li.done .qn b{display:none}.vip .quest li.done .qn svg{display:block}.vip .quest li.done .qbtn{background:transparent;color:var(--orange);pointer-events:none}.vip .quest li.final{background:#ffffff14;box-shadow:inset 0 0 0 2px #ffffff2e}.vip .quest li.final h3{color:#fff}.vip .quest li.final p{color:#ffffffb8}.vip .quest li.final .qn{background:#ffffff1f}.vip .quest li.final .qn svg{stroke:#fff}.vip .quest li.final.open{background:var(--orange);box-shadow:none}.vip .quest li.final.open p{color:#fff}.vip .qlock{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;flex:none}@media(max-width:900px){.vip .qwrap{grid-template-columns:minmax(0,1fr);padding:28px 20px;gap:26px}.vip .quest li{flex-wrap:wrap}.vip .quest li .qbtn,.vip .quest li.final .qlock{margin-left:64px}}.vip .bhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:26px}.vip .chips2{display:flex;gap:8px;flex-wrap:wrap}.vip .chip2{border:0;border-radius:999px;background:var(--cream);color:var(--ink);font-family:var(--text);font-weight:700;font-size:14px;padding:0 18px;min-height:44px;cursor:pointer}.vip .chip2.on{background:var(--ink);color:#fff}.vip .rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 24px 18px;margin:0 -24px;scrollbar-width:thin}.vip .pc{scroll-snap-align:start;background:var(--cream);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}.vip .pc[hidden]{display:none}.vip .pim{position:relative;aspect-ratio:4/3;background:#fff;overflow:hidden}.vip .pim img{width:100%;height:100%;object-fit:cover}.vip .pico{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--teal-050)}.vip .pico svg{width:72px;height:72px;fill:none;stroke:var(--teal-700);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vip .pim .pcut{object-fit:contain;padding:14px;background:#fff}.vip .pbadge{position:absolute;left:12px;top:12px;background:var(--ink);color:#fff;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vip .heart{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:999px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .15s}.vip .heart svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.vip .heart[aria-pressed=true]{background:var(--orange)}.vip .heart[aria-pressed=true] svg{fill:#fff;stroke:#fff}.vip .heart:active{transform:scale(.9)}
/*# sourceMappingURL=/cdn/shop/t/130/assets/vip-lijst.css.map */