.kcard{--kc-bg: var(--card-bg, rgba(255,255,255,.04));--kc-border: var(--card-border, rgba(255,255,255,.1));--kc-text: var(--col-txt, var(--txt-color, #fff));--kc-accent: var(--koji-accent, #4a2f94);--kc-accent-soft: var(--koji-accent-soft, #b89eff);--kc-radius: 20px;position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--kc-bg);color:var(--kc-text);border:1px solid var(--kc-border);border-radius:var(--kc-radius);overflow:hidden;font-family:Red Hat Display,sans-serif;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.kcard [hidden]{display:none!important}.kcard--deluxe{--kc-tier: var(--koji-tier-deluxe, #d4a017);--kc-tier-ink: var(--koji-tier-deluxe-ink, #17120a)}.kcard--limited{--kc-tier: var(--koji-tier-limited, #c81e4a);--kc-tier-ink: var(--koji-tier-limited-ink, #ffffff)}.kcard--variant{--kc-tier: var(--koji-tier-variant, #4a2f94);--kc-tier-ink: var(--koji-tier-variant-ink, #ffffff)}.kcard--tier{--kc-tier-hi: color-mix(in srgb, var(--kc-tier) 60%, #fff);border-color:var(--kc-tier);background:linear-gradient(135deg,#ffffff05,color-mix(in srgb,var(--kc-tier) 16%,transparent)),var(--kc-bg);box-shadow:0 0 15px color-mix(in srgb,var(--kc-tier) 28%,transparent)}.kcard__media{position:relative;aspect-ratio:3 / 4;background:#fff;overflow:hidden}.kcard__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.kcard__placeholder{fill:#e5e5e5;background:#fff}.kcard.is-soldout .kcard__img{opacity:.55;filter:grayscale(.6)}.kcard__badges{position:absolute;top:8px;left:8px;right:56px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:2;pointer-events:none}.kcard__badge{font-size:10px;font-weight:800;letter-spacing:.4px;line-height:1;padding:5px 7px;border-radius:6px;text-transform:uppercase;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.kcard__badge--off{background:#000000d9;color:#fff;border:1px solid rgba(255,255,255,.25)}.kcard__badge--sale{background:#fff;color:#000;box-shadow:0 4px 10px #0000004d}.kcard__badge--low{background:var(--kc-accent);color:#fff;border-radius:20px;padding:5px 10px;letter-spacing:0}.kcard__badge--tier{background:var(--kc-tier);color:var(--kc-tier-ink);border:1px solid var(--kc-tier-hi);box-shadow:0 4px 10px color-mix(in srgb,var(--kc-tier) 45%,transparent)}@keyframes kcardHeartPop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.85)}to{transform:scale(1)}}.kcard .koji-card-wishlist-btn{position:absolute;top:10px;right:10px;z-index:5;width:44px;height:44px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);outline:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:manipulation}.kcard .koji-card-wishlist-btn svg{width:20px;height:20px;transition:transform .2s ease,fill .2s ease}.kcard .koji-card-wishlist-btn:focus-visible{outline:2px solid #ff4d4d;outline-offset:2px}.kcard .koji-card-wishlist-btn:active{transform:scale(.9)}.kcard .koji-card-wishlist-btn.is-active{background:#fff;color:#ff4d4d;border-color:#fff}.kcard .koji-card-wishlist-btn.is-active svg{fill:currentColor;animation:kcardHeartPop .4s cubic-bezier(.175,.885,.32,1.275) forwards}@media(hover:hover)and (pointer:fine){.kcard .koji-card-wishlist-btn{width:36px;height:36px}.kcard .koji-card-wishlist-btn svg{width:18px;height:18px}.kcard .koji-card-wishlist-btn:hover{background:#000c;color:#ff4d4d;border-color:#ff4d4d;transform:scale(1.1)}}.kcard__body{display:flex;flex-direction:column;flex:1 1 auto;padding:12px 14px 10px;gap:4px;min-width:0}.kcard__vendor{margin:0;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcard__title{margin:0 0 6px;font-size:14px;font-weight:800;line-height:1.25;flex:1 1 auto;overflow-wrap:anywhere}.kcard__link{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.kcard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--kc-radius)}.kcard__link:focus-visible{outline:none;color:var(--kc-accent-soft)}.kcard__link:focus-visible:after{outline:3px solid var(--kc-accent-soft);outline-offset:-3px}.kcard__price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.kcard__now{font-size:16px;font-weight:900}.kcard__now.is-sale{color:#ff6b6b}.kcard__from{font-size:11px;font-weight:700;opacity:.7}.kcard__was{font-size:12px;font-weight:700;color:#ffffff8c}.kcard__sr,.kcard__status:not(.is-error){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.kcard__action{position:relative;z-index:3;border-top:1px solid var(--kc-border)}.kcard__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 10px;font:800 12px/1 Red Hat Display,sans-serif;letter-spacing:.5px;text-transform:uppercase;color:#ffffffe0;background:transparent;border:0;border-radius:0;text-align:center}.kcard__cta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcard__cta--add{cursor:pointer;transition:background-color .25s,color .25s;touch-action:manipulation}.kcard__cta--add:focus-visible{outline:3px solid var(--kc-accent-soft);outline-offset:-3px}.kcard__cta--add.is-busy{opacity:.7;cursor:progress}.kcard__cta--choose{color:var(--kc-accent-soft)}.kcard__cta--off{color:#ffffff80}.kcard__stepper{display:flex;align-items:center;justify-content:space-between;min-height:44px;background:var(--kc-accent);color:#fff}.kcard__step{display:flex;align-items:center;justify-content:center;width:52px;min-height:44px;align-self:stretch;padding:0;color:#fff;background:transparent;border:0;cursor:pointer;transition:background-color .2s,opacity .2s;touch-action:manipulation}.kcard__step:active:not(:disabled){background:#ffffff2e}.kcard__step:disabled{opacity:.35;cursor:not-allowed}.kcard__step:focus-visible{outline:3px solid #fff;outline-offset:-4px}.kcard__qty{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.kcard__qty b{flex:none;font-size:16px;font-weight:900;line-height:1}.kcard__status.is-error{position:absolute;left:8px;right:8px;bottom:52px;z-index:6;margin:0;padding:8px 10px;border-radius:10px;background:#ff4d4d;color:#fff;font-size:12px;font-weight:700;line-height:1.3}@media(hover:hover)and (pointer:fine){.kcard:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0006;border-color:#ffffff59}.kcard--tier:hover{border-color:var(--kc-tier-hi);box-shadow:0 15px 40px color-mix(in srgb,var(--kc-tier) 50%,transparent)}.kcard:hover .kcard__img{transform:scale(1.05)}.kcard__cta--add:hover{background:var(--kc-accent);color:#fff}.kcard__step:hover:not(:disabled){background:#ffffff29}}@media(hover:none)and (pointer:coarse){.kcard:active{transform:scale(.97)}}@media(min-width:990px){.kcard__body{padding:16px 18px 12px}.kcard__title{font-size:16px}.kcard__now{font-size:18px}.kcard__cta,.kcard__stepper,.kcard__step{min-height:48px}.kcard__cta{font-size:13px}.kcard__badge--low{font-size:11px}}@media(max-width:380px){.kcard__cta{font-size:11px;letter-spacing:.2px}.kcard__qty{font-size:10px;gap:6px}.kcard__step{width:44px}}@media(prefers-reduced-motion:reduce){.kcard,.kcard__img,.kcard .koji-card-wishlist-btn,.kcard__cta--add{transition:none}.kcard:hover,.kcard:active,.kcard:hover .kcard__img{transform:none}.kcard .koji-card-wishlist-btn.is-active svg{animation:none}}@media(forced-colors:active){.kcard,.kcard__action{border:1px solid CanvasText}.kcard__stepper{border-top:1px solid CanvasText}.kcard__link:focus-visible:after,.kcard__cta--add:focus-visible,.kcard__step:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koji-product-card.css.map */