.kk-pc{--kk-display: "Bungee", "Impact", sans-serif;--kk-body: "Poppins", system-ui, sans-serif;--kk-mono: ui-monospace, "JetBrains Mono", monospace;--kk-pc-star: #f279a1;--kk-pc-heart-hover: #f279a1;--kk-pc-line: rgba(var(--color-foreground), .1);position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;border-radius:16px;background:rgb(var(--color-background));border:1px solid var(--kk-pc-line);box-shadow:4px 5px rgba(var(--color-shadow),.18);color:rgb(var(--color-foreground));font-family:var(--kk-body);transition:transform .15s ease,box-shadow .15s ease}.kk-pc:hover,.kk-pc:has(:focus-visible){transform:translate(-2px,-3px);box-shadow:6px 7px rgba(var(--color-shadow),.22)}.kk-pc__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1;pointer-events:auto;border-radius:16px}.kk-pc__media-link:focus-visible{outline:2.5px solid rgb(var(--color-button));outline-offset:2px}.kk-pc__media{position:relative;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:rgba(var(--color-foreground),.05);pointer-events:auto}.kk-pc__media--square{aspect-ratio:1 / 1}.kk-pc__media--portrait{aspect-ratio:3 / 4}.kk-pc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kk-pc__img--hover{opacity:0;transition:opacity .25s ease}.kk-pc:hover .kk-pc__img--hover{opacity:1}.kk-pc__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.04)}.kk-pc__tags{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px}.kk-pc__tag{display:inline-flex;align-items:center;font-family:var(--kk-display);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px}.kk-pc__tag--sale{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.kk-pc__tag--dark{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.kk-pc__pill{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;pointer-events:none}.kk-pc__quick-add{position:absolute;bottom:12px;left:50%;z-index:3;opacity:0;pointer-events:none;transform:translate(-50%) translateY(6px);transition:opacity .25s ease,transform .25s ease}.kk-pc:hover .kk-pc__quick-add,.kk-pc:has(:focus-visible) .kk-pc__quick-add{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.kk-pc__quick-add .button{cursor:pointer;white-space:nowrap;min-width:0}.kk-pc__quick-add .button svg{width:14px;height:14px}@media(hover:none){.kk-pc__quick-add{display:none}}.kk-pc__quick-add-btn.loading,.kk-pc__quick-add-btn.loading:hover,.kk-pc__quick-add-btn.loading:focus,.kk-pc__quick-add-btn.loading:active,.kk-pc__quick-add-btn[aria-busy=true]{color:transparent!important}.kk-pc__quick-add-btn.loading>span,.kk-pc__quick-add-btn.loading>svg,.kk-pc__quick-add-btn[aria-busy=true]>span,.kk-pc__quick-add-btn[aria-busy=true]>svg{opacity:0!important;visibility:hidden}.kk-pc__quick-add-btn.loading>.loading__spinner,.kk-pc__quick-add-btn[aria-busy=true]>.loading__spinner{display:flex!important;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.kk-pc__quick-add-btn.loading>.loading__spinner>*,.kk-pc__quick-add-btn[aria-busy=true]>.loading__spinner>*{display:none}.kk-pc__quick-add-btn.loading>.loading__spinner:after,.kk-pc__quick-add-btn[aria-busy=true]>.loading__spinner:after{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:kk-pc-spin .6s linear infinite}@keyframes kk-pc-spin{to{transform:rotate(360deg)}}.kk-pc .kk-pc__heart{position:absolute;top:12px;right:12px;z-index:4;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-background),.95);border:none;color:rgb(var(--color-foreground));cursor:pointer;padding:0;box-shadow:0 2px 5px #0000001a;opacity:1;pointer-events:auto;transition:transform .2s ease,background .2s ease,color .2s ease}.kk-pc .kk-pc__heart:hover{transform:scale(1.1);background:#fff;color:var(--kk-pc-heart-hover)}.kk-pc .kk-pc__heart.wk-active{background:rgba(var(--color-background),.95);color:var(--kk-pc-heart-hover)}.kk-pc .kk-pc__heart svg{width:16px;height:16px;stroke:currentColor}.kk-pc__body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}.kk-pc__body:hover,.kk-pc__body:focus,.kk-pc__body:visited{color:inherit}.kk-pc:hover:not(:has(.kk-pc__heart:hover)) .kk-pc__name,.kk-pc:has(:focus-visible):not(:has(.kk-pc__heart:focus-visible)) .kk-pc__name{color:#f279a1;text-decoration:underline}.kk-pc__name{font-family:var(--kk-body);font-weight:500;font-size:13px;line-height:1.4;letter-spacing:.01em;color:rgb(var(--color-foreground));margin:0 0 4px}.kk-pc__meta{font-size:12px;font-weight:500;color:rgba(var(--color-foreground),.6);margin:0 0 8px}.kk-pc__rating{display:flex;align-items:center;gap:6px;margin:0 0 10px}.kk-pc__stars{display:inline-flex;font-size:12px;letter-spacing:.05em;color:var(--kk-pc-star)}.kk-pc__star--empty{color:rgba(var(--color-foreground),.18)}.kk-pc__rating-count{font-family:var(--kk-mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:rgba(var(--color-foreground),.6)}.kk-pc__price{display:flex;align-items:center;gap:8px;margin-top:auto;font-family:var(--kk-body);font-weight:700;font-size:14px;color:rgb(var(--color-foreground))}.kk-pc__price-current--sale{color:rgb(var(--color-button))}.kk-pc__price-compare{font-weight:500;font-size:12px;text-decoration:line-through;color:rgba(var(--color-foreground),.5)}.kk-pc__swatches{display:flex;gap:5px;margin-top:8px}.kk-pc__swatch{width:14px;height:14px;border-radius:999px;background-size:cover;background-position:center;border:1.5px solid rgb(var(--color-background));box-shadow:0 0 0 1px var(--kk-pc-line)}@media(prefers-reduced-motion:reduce){.kk-pc,.kk-pc__img--hover,.kk-pc__heart{transition:none}.kk-pc:hover,.kk-pc:has(:focus-visible){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kkumi-product-card-v2.css.map */