.klaasje-apparel{position:relative;z-index:1;background:var(--klaasje-white);padding:var(--klaasje-apparel-top, 64px) 24px var(--klaasje-apparel-bottom, 80px);scroll-margin-top:var(--klaasje-header-space, 88px)}.klaasje-apparel__inner{max-width:1240px;margin:0 auto}.klaasje-apparel__title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(40px,8vw,80px);line-height:1.04;letter-spacing:-.02em;text-transform:lowercase;color:var(--klaasje-navy);text-align:center;margin:0 0 48px}.klaasje-apparel__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px}.klaasje-apparel__more{display:flex;justify-content:center;margin-top:48px}.klaasje-apparel__empty{font-family:var(--klaasje-body);font-size:15px;color:#777;text-align:center;padding:48px 0}.klaasje-card{flex:0 1 268px;max-width:300px;display:flex;flex-direction:column;background:transparent;cursor:pointer;transition:transform .2s ease}@media(hover:hover)and (pointer:fine){.klaasje-card:hover{transform:translateY(-2px)}}.klaasje-apparel__grid .klaasje-card__img-wrap,.klaasje-apparel__grid .klaasje-card__img-placeholder{border-radius:var(--klaasje-r-box)}.klaasje-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.klaasje-reveal.is-visible{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.klaasje-reveal.is-visible:hover{transform:translateY(-2px)}}.klaasje-card__img-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#f4f4f4}div.klaasje-card__img-placeholder{display:block;aspect-ratio:3 / 4;background:#f4f4f4}.klaasje-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}@media(hover:hover)and (pointer:fine){.klaasje-card:hover .klaasje-card__img{transform:scale(1.03)}}.klaasje-card__slides{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.klaasje-card__slide{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}.klaasje-card__slide-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#ffffffe0;color:var(--klaasje-ink);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.klaasje-card__slide-btn:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){.klaasje-card__img-wrap:hover .klaasje-card__slide-btn{opacity:1}}@media(hover:hover)and (pointer:fine){.klaasje-card__slide-btn:hover{background:var(--klaasje-white)}}.klaasje-card__slide-btn--prev{left:8px}.klaasje-card__slide-btn--next{right:8px}.klaasje-card__dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:5px}.klaasje-card__dot{width:5px;height:5px;border-radius:50%;background:#ffffff80;transition:background .2s ease}.klaasje-card__dot.is-active{background:var(--klaasje-white)}.klaasje-card__info{display:flex;flex-direction:column;gap:2px;padding:12px 2px 0;flex:1}.klaasje-card__name{font-family:var(--klaasje-display);font-weight:500;font-size:15px;line-height:1.2;letter-spacing:-.01em;text-transform:lowercase;color:var(--klaasje-navy);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.klaasje-card__name a{color:inherit;text-decoration:none}@media(hover:hover)and (pointer:fine){.klaasje-card__name a:hover{text-decoration:underline;text-underline-offset:3px}}.klaasje-card__desc{display:flex;flex-direction:column;gap:2px}.klaasje-card__desc-line{font-family:var(--klaasje-body);font-size:12px;line-height:1.5;color:#888}.klaasje-card__details{max-height:0;opacity:0;overflow:hidden;display:flex;flex-direction:column;gap:4px;transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin .4s ease}.klaasje-card__detail-line{display:flex;align-items:center;gap:8px;font-family:var(--klaasje-body);font-size:12px;line-height:1.5;color:#888}.klaasje-card__detail-icon{display:flex;flex-shrink:0;width:14px;height:14px;color:var(--klaasje-navy)}.klaasje-card__detail-icon svg{width:100%;height:100%}.klaasje-card__buy{display:block;position:absolute;left:0;right:0;bottom:0;z-index:3;padding:44px 8px 10px;background:linear-gradient(180deg,#fff0,#ffffffe0 58%,#fffffff7);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}.klaasje-card:focus-within .klaasje-card__buy{opacity:1;transform:none;pointer-events:auto}@media(hover:hover)and (pointer:fine){.klaasje-card:hover .klaasje-card__buy{opacity:1;transform:none;pointer-events:auto}}@media(hover:none){.klaasje-card__buy{opacity:1;transform:none;pointer-events:auto}}.klaasje-apparel__grid .klaasje-card__dots{bottom:52px}.klaasje-card__buy-form{margin:0}.klaasje-card__row{display:flex;align-items:center;gap:8px}.klaasje-card__sizes{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px}.klaasje-card__size{font-family:var(--klaasje-body);font-weight:700;font-size:12px;letter-spacing:.06em;line-height:1;color:var(--klaasje-navy);background:transparent;border:0;border-radius:var(--klaasje-r-pill);height:34px;min-width:34px;padding:0 6px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .15s ease,color .15s ease}@media(hover:hover)and (pointer:fine){.klaasje-card__size:hover{background:#193d531a}}.klaasje-card__size.is-selected{background:var(--klaasje-navy);color:var(--klaasje-white)}.klaasje-card__size:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:0}.klaasje-card__size:disabled{color:#97a3ab;text-decoration:line-through;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.klaasje-card__size:disabled:hover{background:transparent;color:#97a3ab}}.klaasje-card__size.is-adding{background:var(--klaasje-navy);color:var(--klaasje-white);opacity:.7}.klaasje-card__size--single{padding:0 16px;text-transform:lowercase;letter-spacing:.04em}.klaasje-card__cart{position:relative;flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:var(--klaasje-r-box);color:#193d5399;background:#193d5317;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.klaasje-card__cart svg{width:17px;height:17px;display:block}.klaasje-card__cart>span{display:grid;place-items:center;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.klaasje-card__cart:hover{background:#193d5324}}.klaasje-card__cart.is-ready{color:var(--klaasje-white);background-color:var(--klaasje-navy);background-image:var(--klaasje-gloss);box-shadow:0 4px 12px #193d5342,inset 0 1px #ffffff4d}@media(hover:hover)and (pointer:fine){.klaasje-card__cart.is-ready:hover{background-color:var(--klaasje-navy);transform:translateY(-1px)}}.klaasje-card__cart:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:0}.klaasje-card__size.is-selected:focus-visible,.klaasje-card__cart.is-ready:focus-visible{outline-color:var(--klaasje-navy-light)}.klaasje-card__cart:disabled{cursor:not-allowed;opacity:.4}.klaasje-card__cart.loading>span{opacity:0}.klaasje-card__cart .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;display:grid;place-items:center}.klaasje-card__cart .path{stroke:currentColor}.klaasje-card__cart .loading__spinner.hidden{display:none}.klaasje-card__cart .spinner{width:17px;height:17px}.klaasje-card__price{margin-top:auto;font-family:var(--klaasje-body);font-size:14px;line-height:1.4;color:var(--klaasje-navy);opacity:.75}.klaasje-btn.klaasje-card__view{align-self:stretch;box-sizing:border-box;min-height:44px;margin:14px -2px 0;color:var(--klaasje-navy);background:transparent;border:1.5px solid rgba(25,61,83,.32);box-shadow:none}.klaasje-btn.klaasje-card__view:focus-visible{outline-offset:-1.5px}.klaasje-btn.klaasje-card__view:hover,.klaasje-btn.klaasje-card__view:active{transform:none;filter:none;box-shadow:none}@media(hover:hover)and (pointer:fine){.klaasje-btn.klaasje-card__view:hover{border-color:var(--klaasje-navy);background:#193d530d}}.klaasje-card .product-form__error-message-wrapper{font-family:var(--klaasje-body);font-size:11px;line-height:1.35;color:var(--klaasje-red);text-align:center;margin-bottom:4px}.klaasje-card .product-form__error-message-wrapper[hidden]{display:none}@media(prefers-reduced-motion:reduce){.klaasje-card,.klaasje-card__img,.klaasje-card__slides,.klaasje-card__buy,.klaasje-card__details{transition-duration:.01ms}.klaasje-reveal,.klaasje-reveal.is-visible{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-apparel.css.map */