.tt-koopblok{position:sticky;bottom:var(--tt-pc-lift, 0px);z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--tt-space-3);row-gap:var(--tt-space-1);margin:var(--tt-space-4) 0 0;padding:var(--tt-space-2) 0 calc(var(--tt-space-2) + env(safe-area-inset-bottom,0px));background:var(--tt-surface);color:var(--tt-text);border-top:var(--tt-stitch-width) dashed var(--tt-line)}.tt-koopblok>.tt-koopbalk{grid-column:1;grid-row:1;min-width:0}.tt-koopblok>:not(.tt-koopbalk){grid-column:2;grid-row:1;min-width:0}.tt-koopblok .product-form,.tt-koopblok .product-form__buttons{margin:0;max-width:none}.tt-koopblok .product-form__error-message-wrapper:not([hidden]){grid-column:1 / -1}.tt-koopblok .product-form__submit{width:auto;min-width:11em;min-height:var(--tt-btn-height);margin:0;padding:0 var(--tt-space-4);border-radius:var(--tt-radius-control)}@media screen and (min-width:750px){.tt-koopblok{margin:0 0 calc(var(--tt-space-3) * -1)}.tt-koopblok[data-tt-wacht]{visibility:hidden}.tt-koopblok[data-tt-stuck]:before{content:"";position:absolute;left:0;right:0;bottom:calc(100% + var(--tt-stitch-width));height:var(--tt-space-4);background:linear-gradient(to bottom,transparent,var(--tt-surface));pointer-events:none}}@media screen and (max-width:749px){.tt-koopblok{position:fixed;left:0;right:0;bottom:var(--tt-pc-lift, 0px);margin:0;padding:var(--tt-space-1) var(--tt-page-margin) calc(var(--tt-space-1) + env(safe-area-inset-bottom,0px))}body:has(.tt-koopblok){padding-bottom:calc(var(--tt-btn-height) + var(--tt-space-3))}.tt-koopblok .product-form__submit{min-width:10em;padding:0 var(--tt-space-3)}.tt-koopbalk__lead{display:none}.tt-koopblok>.tt-koopbalk{display:contents}.tt-koopblok>:not(.tt-koopbalk){grid-row:1 / span 2}.tt-koopblok .tt-koopbalk__price{grid-column:1;grid-row:2;flex-wrap:nowrap;align-self:start}.tt-koopblok .tt-koopbalk__msg{grid-column:1;grid-row:1;margin:0;align-self:end;font-size:15px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}.tt-koopblok .tt-koopbalk__msg--err{grid-column:1 / -1;grid-row:4;white-space:normal}.tt-koopblok__zeker-2{display:none}}.tt-koopblok>p.tt-koopblok__zeker{grid-column:1 / -1;grid-row:2;margin:0}@media screen and (max-width:749px){.tt-koopblok>p.tt-koopblok__zeker{grid-row:3;line-height:1.25}}.tt-koopbalk{margin:0;font-family:var(--tt-font-head)}.tt-koopbalk__price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:var(--tt-space-1);margin:0;line-height:1.15}.tt-koopbalk__lbl{font-size:var(--tt-fs-small);font-weight:var(--tt-fw-ui-strong);color:var(--tt-text-muted)}.tt-koopbalk__price strong{font-size:var(--tt-fs-price);font-weight:var(--tt-fw-price);color:var(--tt-text);white-space:nowrap}.tt-koopbalk__lead{margin:var(--tt-space-1) 0 0;font-size:var(--tt-fs-small);line-height:1.3;color:var(--tt-text-muted)}.tt-koopbalk__msg{margin:var(--tt-space-1) 0 0;font-size:var(--tt-fs-small);font-weight:var(--tt-fw-ui-strong);line-height:1.3;color:var(--tt-text)}.tt-koopbalk__msg--fout{color:var(--tt-text);text-decoration:underline;text-decoration-color:var(--tt-stitch);text-underline-offset:3px}.tt-koopbalk__lead[hidden],.tt-koopbalk__msg[hidden]{display:none}.tt-koopblok .product-form__submit[aria-busy=true]{position:relative;opacity:1;color:transparent;cursor:progress}.tt-koopblok .product-form__submit[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:20px;height:20px;margin:auto;border:2px solid var(--tt-on-accent);border-right-color:transparent;border-radius:50%;animation:tt-kb-spin .7s linear infinite}@keyframes tt-kb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tt-koopblok .product-form__submit[aria-busy=true]:after{animation:none;border-right-color:var(--tt-on-accent);border-style:dotted}}body:has(header-drawer details[open]) .tt-koopblok,body:has(header-drawer details[open]) .bp__ok{display:none}body:has(header-drawer details[open]) .section-header{z-index:40}body:has(header-drawer details[open]) .bp__dock{visibility:hidden}body:has(details-modal details[open]) .tt-koopblok,body:has(details-modal details[open]) .bp__ok,body:has(details-modal details[open]) .bp__dock,body:has(cart-drawer.active) .tt-koopblok,body:has(cart-drawer.active) .bp__ok,body:has(cart-drawer.active) .bp__dock{visibility:hidden}body:has(details-modal details[open]) .section-header{z-index:40}@media screen and (max-width:749px){html.tt-pc-open .tt-koopblok__zeker{display:none}}@media screen and (max-width:749px){html.tt-pc-open .tt-koopblok{visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tt-koopbalk.css.map */