.hej-zk{background:var(--kleur-zwart, #000000);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-bottom:clamp(112px,14vw,240px)}.hej-zk .hej-zk__inner{max-width:1320px;margin:0 auto;padding:0 clamp(22px,5vw,64px)}.hej-zk .hej-zk__heading{margin:0 0 clamp(24px,3vw,48px);font-size:clamp(26px,3.4vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--kleur-wit, #ffffff)}.hej-zk .hej-zk__accent{color:var(--kleur-groen, #20be72)}@supports (background-clip: text) or (-webkit-background-clip: text){.hej-zk .hej-zk__accent{background-image:linear-gradient(100deg,var(--kleur-groen, #20be72),var(--kleur-blauw, #0071e3));-webkit-background-clip:text;background-clip:text;color:transparent}}.hej-zk .hej-zk__rij{display:flex;gap:clamp(12px,1.7vw,33px);margin:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:calc(max(0px,(100% - 1320px) / 2) + clamp(22px,5vw,64px));scroll-padding-inline:calc(max(0px,(100% - 1320px) / 2) + clamp(22px,5vw,64px));-webkit-overflow-scrolling:touch}.hej-zk .hej-zk__card-wrap{flex:0 0 78%;scroll-snap-align:start;aspect-ratio:92 / 100}.hej-zk .hej-zk__card{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:clamp(18px,5vw,26px);border:0;margin:0;border-radius:clamp(16px,4vw,24px);background:var(--kleur-donker-4, #1a1a1a);font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.hej-zk .hej-zk__tekst,.hej-zk .hej-zk__eyebrow,.hej-zk .hej-zk__title{display:block}.hej-zk .hej-zk__eyebrow{margin:0;font-size:clamp(17px,4.6vw,22px);font-weight:600;line-height:1.18;letter-spacing:-.01em;color:var(--kleur-tekst-zachter, #86868b)}.hej-zk .hej-zk__title{margin:0;font-size:clamp(17px,4.6vw,22px);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--kleur-wit, #ffffff)}.hej-zk .hej-zk__voet{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hej-zk .hej-zk__icon{display:block;width:clamp(48px,13vw,68px);height:auto}.hej-zk .hej-zk__icon-leeg{display:block;width:clamp(48px,13vw,68px)}.hej-zk .hej-zk__plus{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(38px,9vw,46px);height:clamp(38px,9vw,46px);border-radius:50%;background:var(--kleur-grijs-donker, #3a3a3c);color:var(--kleur-wit, #ffffff)}.hej-zk .hej-zk__plus svg{width:55%;height:55%}.hej-zk .hej-zk__balk{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:clamp(20px,2.4vw,36px)}.hej-zk .hej-zk__stippen{grid-column:2;display:flex;align-items:center;gap:8px}.hej-zk .hej-zk__stip{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--kleur-wit, #ffffff);opacity:.32;cursor:pointer;transition:opacity .2s ease}.hej-zk .hej-zk__stip.is-actief{opacity:1}.hej-zk .hej-zk__pijlen{grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px}.hej-zk .hej-zk__pijl{display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,3.4vw,52px);height:clamp(44px,3.4vw,52px);padding:0;border:0;border-radius:50%;background:var(--kleur-donker-4, #1a1a1a);color:var(--kleur-wit, #ffffff);cursor:pointer;transition:background .2s ease,opacity .2s ease}.hej-zk .hej-zk__pijl:hover{background:var(--kleur-grijs-donker, #3a3a3c)}.hej-zk .hej-zk__pijl:disabled{opacity:.32;cursor:default}.hej-zk .hej-zk__pijl svg{width:46%;height:46%}@media(prefers-reduced-motion:reduce){.hej-zk .hej-zk__stip,.hej-zk .hej-zk__pijl{transition:none}}.hej-zk .hej-zk__schuifbalk{display:none;width:64px;height:4px;margin:20px auto 0;border-radius:99px;background:var(--kleur-grijs-donker, #3a3a3c);overflow:hidden}.hej-zk .hej-zk__schuifbalk-vulling{display:block;width:50%;height:100%;border-radius:99px;background:var(--kleur-groen, #20be72);transform:translate(0);transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.hej-zk .hej-zk__schuifbalk-vulling{transition:none}}@media(max-width:600px){.hej-zk .hej-zk__balk{display:none}.hej-zk .hej-zk__card-wrap{scroll-snap-align:center}.hej-zk .hej-zk__rij{scrollbar-width:none}.hej-zk .hej-zk__rij::-webkit-scrollbar{display:none}.hej-zk .hej-zk__schuifbalk{display:block}}@media(min-width:601px){.hej-zk .hej-zk__rij{scrollbar-width:none}.hej-zk .hej-zk__rij::-webkit-scrollbar{display:none}.hej-zk .hej-zk__card-wrap{flex-basis:46%;aspect-ratio:13 / 10}.hej-zk .hej-zk__card{padding:clamp(22px,2.6vw,38px);border-radius:clamp(18px,1.6vw,26px)}.hej-zk .hej-zk__eyebrow,.hej-zk .hej-zk__title{font-size:clamp(18px,2vw,30px)}.hej-zk .hej-zk__icon,.hej-zk .hej-zk__icon-leeg{width:clamp(58px,6vw,100px)}.hej-zk .hej-zk__plus{width:clamp(40px,3.4vw,52px);height:clamp(40px,3.4vw,52px)}}@media(min-width:1024px){.hej-zk .hej-zk__card-wrap{flex-basis:min(32vw,640px)}}.hej-zk__paneel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--laag-venster, 39);visibility:hidden;pointer-events:none}.hej-zk__paneel.is-open{visibility:visible;pointer-events:auto}.hej-zk__paneel-scherm{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .3s ease}.hej-zk__paneel.is-open .hej-zk__paneel-scherm{opacity:1}.hej-zk__paneel-inner{padding:clamp(28px,5vw,40px) clamp(20px,4vw,32px) clamp(24px,4vw,32px)}.hej-zk__paneel-sluit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;padding:0;cursor:pointer;outline:none}.hej-zk__paneel-sluit svg{width:16px;height:16px}.hej-zk__paneel-eyebrow{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--kleur-tekst-zachter, #86868b)}.hej-zk__paneel-titel{margin:0 0 16px;padding-right:40px;font-size:clamp(24px,4vw,34px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--kleur-wit, #ffffff)}.hej-zk__paneel-detail{font-size:16px;line-height:1.55;color:var(--kleur-tekst-zachter, #86868b)}.hej-zk__paneel-detail p{margin:0 0 12px}.hej-zk__paneel-detail p:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){.hej-zk__paneel-scherm,.hej-zk__paneel-eiland,.hej-zk__paneel{transition:none}}@media(max-width:600px){.hej-zk__paneel{display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(56px + env(safe-area-inset-top)) 0 calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .36s cubic-bezier(.22,1,.36,1),visibility 0s .36s}.hej-zk__paneel.is-open{transform:translateY(0);transition:transform .36s cubic-bezier(.22,1,.36,1),visibility 0s}.hej-zk__paneel-scherm{background:var(--kleur-zwart, #000000)}.hej-zk__paneel-eiland{position:relative;width:min(94%,600px);margin:0;border-radius:22px;background:var(--kleur-donker-4, #1a1a1a);box-shadow:0 16px 40px #00000080}.hej-zk__paneel-sluit{position:absolute;top:-42px;right:0;background:var(--kleur-wit, #ffffff);color:var(--kleur-zwart, #000000)}}@media(min-width:601px){.hej-zk__paneel{display:flex;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:40px 0;box-sizing:border-box}.hej-zk__paneel-scherm{background:#0000007a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hej-zk__paneel-eiland{position:relative;width:min(88vw,1100px);max-height:calc(100vh - 80px);margin:0;border-radius:28px;overflow:hidden;background:var(--kleur-donker-4, #1a1a1a);box-shadow:0 24px 64px #00000080;transform:translateY(-16px);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s ease}.hej-zk__paneel.is-open .hej-zk__paneel-eiland{transform:translateY(0);opacity:1}.hej-zk__paneel-inner{overflow-y:auto;max-height:calc(100vh - 80px)}.hej-zk__paneel-sluit{position:absolute;top:20px;right:16px;z-index:1;width:36px;height:36px;background:var(--kleur-wit, #ffffff);color:var(--kleur-zwart, #000000)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/hej-zakelijk-kaarten.css.map */