:root{--ck-koopbalk-hoogte: 64px;--ck-koopbalk-vrij: 76px}.product-form__button--fixed{display:none!important}.ck-koopbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #e8ded1;box-shadow:0 -2px 12px #32261e17;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));animation:ck-koopbalk-in .18s ease-out}.ck-koopbalk[hidden]{display:none}@keyframes ck-koopbalk-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ck-koopbalk{animation:none}}.ck-koopbalk__binnen{display:flex;align-items:center;gap:12px;max-width:1400px;margin:0 auto}.ck-koopbalk__foto{flex:0 0 auto;width:48px;height:48px;object-fit:cover;border-radius:3px;background:#f6f1ea}.ck-koopbalk__tekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.25}.ck-koopbalk__titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:#32261e}.ck-koopbalk__regel{display:flex;align-items:baseline;gap:8px;font-size:13.5px}.ck-koopbalk__maat{color:#6b5c4e}.ck-koopbalk__maat:empty{display:none}.ck-koopbalk__prijs{font-weight:600;color:#32261e;white-space:nowrap}.ck-koopbalk__knop{flex:0 0 auto;padding:13px 22px;border:0;border-radius:3px;background:#32261e;color:#fff;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.ck-koopbalk__knop:hover:not(:disabled){background:#241b15}.ck-koopbalk__knop:disabled{background:#b6aa9d;cursor:default}.ck-koopbalk__wijs-aan{animation:ck-koopbalk-wijs 1.6s ease-out}@keyframes ck-koopbalk-wijs{0%,to{box-shadow:0 0 #e07c6a00}20%,60%{box-shadow:0 0 0 4px #e07c6a59}}@media(prefers-reduced-motion:reduce){.ck-koopbalk__wijs-aan{animation:none;outline:2px solid #e07c6a}}@media(max-width:749px){.ck-koopbalk{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}.ck-koopbalk__foto,.ck-koopbalk__titel{display:none}.ck-koopbalk__regel{font-size:15px}.ck-koopbalk__knop{padding:13px 18px}}#smile-ui-lite-launcher-frame-container,#smile-ui-container{transition:transform .18s ease-out}body.ck-koopbalk-aan #smile-ui-lite-launcher-frame-container,body.ck-koopbalk-aan #smile-ui-container{transform:translateY(calc(-1 * var(--ck-koopbalk-vrij)))!important}
/*# sourceMappingURL=/cdn/shop/t/47/assets/ck-koopbalk.css.map */
