.cf-pack-doos{background:#fff;border:1px solid #E4E1D6;border-radius:24px;padding:clamp(26px,3.6vw,44px)}.cf-pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.cf-pack-kicker{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#687150}.cf-pack-titel{margin:0;font-family:Archivo,sans-serif;font-weight:900;letter-spacing:-.03em;font-size:clamp(23px,3.2vw,32px);line-height:1.1}.cf-pack-sub{margin:14px 0 0;font-size:15px;line-height:1.65;color:#6b6b62;max-width:430px}.cf-pack-knop{display:inline-flex;align-items:center;gap:9px;margin-top:22px;background:linear-gradient(105deg,#b9f03a,#dcff7a 55%,#a8e52c);color:#111110;border-radius:11px;padding:14px 22px;font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:0 8px 22px #a8e52c4d}.cf-pack-fijn{margin:18px 0 0;font-size:12px;line-height:1.55;color:#9a998f;max-width:400px}.cf-podium{position:relative;height:410px;display:flex;align-items:center;justify-content:center;perspective:1100px}.cf-pack{position:relative;width:190px;height:286px;cursor:pointer;border:none;padding:0;background:transparent;font-family:inherit;transition:transform .3s cubic-bezier(.2,.9,.3,1)}.cf-pack:hover{transform:translateY(-8px) scale(1.03)}.cf-pack:focus-visible{outline:3px solid #687150;outline-offset:8px;border-radius:12px}.cf-pack-vel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#22221c,#15150f 42%,#0c0c08);box-shadow:0 20px 44px #0000006b,inset 0 1px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.cf-pack-vel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(207,248,74,.16) 44%,rgba(255,255,255,.22) 50%,rgba(207,248,74,.16) 56%,transparent 70%);background-size:300% 100%;background-position:120% 0;transition:background-position .9s ease}.cf-pack:hover .cf-pack-vel:after{background-position:-20% 0}.cf-pack-merk{position:relative;font-family:Archivo,sans-serif;font-weight:900;font-size:25px;letter-spacing:-.02em;color:#fbfbf9;display:flex;align-items:center;gap:1px}.cf-pack-blokje{display:inline-block;width:12.5px;height:21px;background:#cff84a;border-radius:2.5px;transform:rotate(4deg);margin:0 2px}.cf-pack-streep{position:relative;width:64%;height:2px;background:#cff84a59;border-radius:2px}.cf-pack-set{position:relative;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fbfbf98c;text-align:center;line-height:1.6;padding:0 14px}.cf-pack-hint{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);white-space:nowrap;font-size:12.5px;font-weight:700;letter-spacing:.05em;color:#6b6b62}.cf-pack.is-open .cf-pack-vel{animation:cf-schud .34s ease-in-out}@keyframes cf-schud{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-5px) rotate(-1.4deg)}45%{transform:translate(5px) rotate(1.4deg)}70%{transform:translate(-3px) rotate(-.8deg)}}.cf-pack.is-weg{opacity:0;transform:scale(.82) translateY(14px);transition:all .34s ease-in;pointer-events:none}.cf-flits{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:#fbfbf9;opacity:0;pointer-events:none;box-shadow:0 0 60px 30px #cff84a80}.cf-flits.is-aan{animation:cf-flits .62s ease-out}@keyframes cf-flits{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}28%{opacity:1;transform:translate(-50%,-50%) scale(9)}to{opacity:0;transform:translate(-50%,-50%) scale(22)}}.cf-trek{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cf-trek.is-zichtbaar{display:flex}.cf-trek .cf-holokaart{width:200px;aspect-ratio:733/1024;border-radius:13px;background:#f3f2ec;box-shadow:0 24px 50px #1111104d;animation:cf-omhoog .62s cubic-bezier(.16,1,.3,1) both}@keyframes cf-omhoog{0%{transform:translateY(60px) scale(.9) rotateX(14deg);opacity:0}to{transform:translateY(0) scale(1) rotateX(0);opacity:1}}.cf-trek-naam{text-align:center;animation:cf-omhoog .62s .12s cubic-bezier(.16,1,.3,1) both}.cf-trek-naam p{margin:0;font-family:Archivo,sans-serif;font-weight:900;font-size:16.5px}.cf-trek-naam span{display:block;margin-top:3px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#687150}.cf-nogmaals{border:1.5px solid #E4E1D6;background:transparent;color:#111110;border-radius:10px;padding:10px 18px;min-height:44px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;animation:cf-omhoog .62s .2s cubic-bezier(.16,1,.3,1) both}.cf-nogmaals:hover{border-color:#687150;color:#687150}.cf-pack-strip{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between;background:#111110;color:#fbfbf9;border-radius:20px;padding:24px 28px;position:relative;overflow:hidden}.cf-pack-strip:before{content:"";position:absolute;top:-90px;right:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(207,248,74,.22),transparent 66%);pointer-events:none}.cf-strip-tekst{position:relative;display:flex;align-items:center;gap:20px;min-width:0}.cf-strip-pakje{flex:none;width:52px;height:74px;border-radius:7px;background:linear-gradient(150deg,#26261f,#0c0c08);box-shadow:0 8px 18px #00000073,inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center}.cf-strip-pakje span{width:11px;height:19px;background:#cff84a;border-radius:2.5px;transform:rotate(4deg)}.cf-strip-kop{margin:0;font-family:Archivo,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.02em;line-height:1.2}.cf-strip-sub{margin:5px 0 0;font-size:13.5px;line-height:1.5;color:#fbfbf99e}.cf-strip-knop{position:relative;flex:none;display:inline-flex;align-items:center;gap:9px;background:#cff84a;color:#111110;border-radius:11px;padding:14px 22px;font-weight:700;font-size:14.5px;text-decoration:none;min-height:44px}@media(max-width:900px){.cf-pack-grid{grid-template-columns:1fr;gap:26px}.cf-podium{height:360px}.cf-pack-strip{padding:22px}.cf-strip-knop{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.cf-pack{transition:none}.cf-trek .cf-holokaart,.cf-trek-naam,.cf-nogmaals,.cf-pack.is-open .cf-pack-vel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/cardify-pack.css.map */