.klaasje-buy [hidden]{display:none!important}.klaasje-buy{display:block;position:relative;z-index:2;background:var(--klaasje-white);padding:var(--klaasje-buy-top, 96px) 24px var(--klaasje-buy-bottom, 96px)}.klaasje-buy__inner{width:100%;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.klaasje-buy__media{aspect-ratio:4 / 5;border-radius:var(--klaasje-r-box);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f8f9f9,#d0d5d9 40%,#e4e8ea,#f5f6f7)}.klaasje-buy__media img{width:100%;height:100%;object-fit:cover;display:block}.klaasje-buy__placeholder{font-family:var(--klaasje-body);font-size:13px;color:#193d538c;text-align:center;margin:0;padding:0 24px}.klaasje-buy__info{container-type:inline-size}.klaasje-buy__tag{display:inline-block;font-family:var(--klaasje-body);font-weight:700;text-transform:lowercase;font-size:11px;letter-spacing:.1em;color:var(--klaasje-navy);background:#ffffffa6;border:1.5px solid var(--klaasje-navy);border-radius:var(--klaasje-r-pill);padding:6px 14px;margin:0 0 12px}.klaasje-buy__title{font-family:var(--klaasje-display);text-transform:lowercase;font-weight:500;font-size:clamp(22px,3.6vw,42px);font-size:clamp(22px,8.8cqw,42px);line-height:1.02;letter-spacing:-.02em;color:var(--klaasje-navy);margin:0 0 8px}.klaasje-buy__price{font-family:var(--klaasje-display);font-size:40px;line-height:1.1;color:var(--klaasje-navy);margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.klaasje-buy__price-unit{font-size:15px;color:#193d5373}.klaasje-buy__note{font-family:var(--klaasje-body);font-size:13px;color:#193d538c;margin:4px 0 28px}.klaasje-buy__option-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 10px}.klaasje-buy__option-label{font-family:var(--klaasje-display);text-transform:lowercase;font-size:13px;letter-spacing:.1em;color:#193d5399;margin:0}.klaasje-buy__soldout{font-family:var(--klaasje-body);font-weight:700;text-transform:lowercase;font-size:12px;letter-spacing:.08em;color:var(--klaasje-red);margin:0}.klaasje-buy__flavors{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.klaasje-flavor{--klaasje-flavor-inset: 20px;position:relative;font-family:var(--klaasje-display);text-transform:lowercase;font-size:14px;line-height:1;padding:13px var(--klaasje-flavor-inset) 15px;border:1.5px solid transparent;border-radius:var(--klaasje-r-pill);color:var(--klaasje-navy);background-color:#eef3f6;background-image:var(--chrome-tube);box-shadow:0 2px 5px #06121a14,inset 0 1px #ffffffe6,inset 0 -1px #ffffff4d;opacity:.62;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.klaasje-flavor:after{content:"";position:absolute;left:var(--klaasje-flavor-inset);right:var(--klaasje-flavor-inset);bottom:8px;height:3px;border-radius:2px;background:var(--klaasje-flavor, var(--klaasje-navy));transform:scaleX(0);transform-origin:center;transition:transform .42s cubic-bezier(.22,1,.36,1)}.klaasje-flavor:hover{opacity:.85;filter:brightness(1.04)}.klaasje-flavor.is-active{opacity:1;border-color:var(--klaasje-navy);box-shadow:0 3px 8px #06121a1f,inset 0 1px #fff,inset 0 -1px #fff6}.klaasje-flavor.is-active:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.klaasje-flavor:after{transition-duration:.01ms}}.klaasje-flavor:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-1.5px}.klaasje-flavor[data-klaasje-soldout]{background-image:none;background-color:#e7ecef;color:#193d538c;box-shadow:inset 0 0 0 1px #193d530d}.klaasje-flavor[data-klaasje-soldout]:hover{filter:none}.klaasje-flavor[data-klaasje-soldout]:after{content:none}.klaasje-flavor[disabled]{cursor:default}.klaasje-buy__b2b{font-family:var(--klaasje-body);font-size:14px;margin:20px 0 0}.klaasje-buy__b2b a{color:#193d53a6;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.klaasje-buy__b2b a:hover{color:var(--klaasje-navy)}}.klaasje-buy__actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin:0}.klaasje-qty{display:inline-flex;align-items:center;border:1.5px solid rgba(25,61,83,.32);border-radius:var(--klaasje-r-pill);overflow:hidden}.klaasje-qty__btn{width:44px;height:48px;border:none;background:transparent;color:var(--klaasje-navy);font-family:var(--klaasje-display);font-size:20px;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none}.klaasje-qty__btn:disabled{opacity:.3;cursor:default}.klaasje-qty__btn:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-4px}.klaasje-qty__val{min-width:44px;width:44px;text-align:center;border:0;background:transparent;font-family:var(--klaasje-display);font-size:16px;color:var(--klaasje-navy);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.klaasje-qty__val::-webkit-outer-spin-button,.klaasje-qty__val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.klaasje-qty__val:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-4px}.klaasje-buy__add{flex:0 0 auto}.klaasje-buy__add .loading__spinner{width:18px;height:18px}.klaasje-buy__add .loading__spinner.hidden,.product-form__error-message-wrapper[hidden]{display:none}.klaasje-buy .product-form__error-message-wrapper{font-family:var(--klaasje-body);font-size:13px;color:var(--klaasje-red);margin-bottom:12px}.klaasje-notify__form{margin:0}.klaasje-notify__open svg{flex:0 0 auto;width:1.15em;height:auto}.klaasje-notify__row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.klaasje-notify__input{flex:1 1 190px;min-width:0;box-sizing:border-box;height:50px;padding:0 20px;border:1.5px solid rgba(25,61,83,.32);border-radius:var(--klaasje-r-pill);background:var(--klaasje-white);font-family:var(--klaasje-body);font-size:15px;color:var(--klaasje-navy);-webkit-appearance:none;appearance:none;transition:border-color .18s ease}.klaasje-notify__input::placeholder{color:#193d5373}.klaasje-notify__input:focus{outline:none;border-color:var(--klaasje-navy)}.klaasje-notify__send{flex:0 0 auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:50%;color:var(--klaasje-white);background-color:var(--klaasje-navy);background-image:var(--klaasje-gloss);box-shadow:0 6px 16px #193d533d,inset 0 1px #ffffff57;cursor:pointer;-webkit-appearance:none;appearance:none;transition:filter .18s ease,transform .18s ease}.klaasje-notify__send svg{width:20px;height:20px}.klaasje-notify__send:hover{filter:brightness(1.2);transform:scale(1.03)}.klaasje-notify__input:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-1.5px}.klaasje-notify__send:focus-visible{outline:2px solid var(--klaasje-navy-light);outline-offset:0}.klaasje-notify__form.is-sending .klaasje-notify__send{opacity:.55;cursor:default}.klaasje-notify__msg{font-family:var(--klaasje-body);font-size:14px;line-height:1.45;color:var(--klaasje-green);margin:0}@media screen and (max-width:860px){.klaasje-buy__inner{grid-template-columns:1fr}.klaasje-buy__media{max-height:62vh;aspect-ratio:4 / 5}}@media screen and (max-width:520px){.klaasje-buy__actions{gap:10px}.klaasje-qty__btn{width:42px}.klaasje-qty__val{min-width:36px;width:36px}.klaasje-buy__add{flex:1 1 auto;padding:0 1.2em}.klaasje-notify__row{gap:10px}.klaasje-notify__input{flex:1 1 150px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-buy.css.map */