.kk-pdp-bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--kk-bar-line);background:var(--kk-bar-bg);color:var(--kk-bar-ink);font-family:var(--font-body-family, "Poppins", system-ui, sans-serif);box-shadow:0 -6px 18px #11041a0f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.kk-pdp-bar[hidden]{display:none}.kk-pdp-bar.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .2s ease,transform .2s ease}@media(min-width:1000px){.kk-pdp-bar{display:none!important}}@media(prefers-reduced-motion:reduce){.kk-pdp-bar,.kk-pdp-bar.is-visible{transition:none}}.quick-add-modal .kk-pdp-bar{display:none!important}.kk-pdp-bar__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.kk-pdp-bar__thumbs{display:flex;gap:2px}.kk-pdp-bar__thumbs:empty{display:none}.kk-pdp-bar__thumbs .var-option__thumb{width:22px;height:22px;margin:0;flex:none;overflow:hidden;border-radius:6px}.kk-pdp-bar__thumbs img{width:100%;height:100%;object-fit:cover}.kk-pdp-bar__txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--pdp-ink-soft, #5a3f54)}.kk-pdp-bar__txt b{font-size:14px;color:var(--kk-bar-ink)}.kk-pdp-bar__title{color:var(--kk-bar-ink);font-weight:600}.kk-pdp-bar__warn{color:var(--kk-bar-warn);font-weight:600}.kk-pdp-bar .kk-pdp-bar__btn{flex:none;width:auto;min-width:0;min-height:48px;margin:0;padding:0 18px;gap:8px;font-size:13px;white-space:nowrap}.kk-pdp-bar__btn .kk-spinner{display:none}.kk-pdp-bar__btn[aria-busy=true] .kk-spinner{display:inline-block}.kk-pdp-bar__btn[data-state=prompt],.kk-pdp-bar__btn[data-state=failed]{--kk-btn-primary-fill: #fff;--kk-btn-primary-text: var(--pdp-accent-border, #c94a7b);--kk-btn-primary-border: var(--pdp-accent, #f279a1);--kk-btn-primary-hover-fill: var(--pdp-pink-paper, #fff1f7);--kk-btn-primary-hover-text: var(--pdp-accent-border, #c94a7b);--kk-btn-primary-hover-border: var(--pdp-accent, #f279a1)}@media(max-width:999px){body.kk-pdp-bar-on{padding-bottom:var(--kk-pdp-bar-h, 72px)}body.kk-pdp-bar-on .kkumi-launcher:not([data-open="1"]) .kkl-dock,body.kk-pdp-bar-on .kkumi-launcher:not([data-open="1"]) .kkl-dock .kkl-fab,body.kk-pdp-bar-on .kkpromo-card,body.kk-pdp-bar-on .kkpromo-reopen{pointer-events:none}body.kk-pdp-bar-on .kkumi-launcher:not([data-open="1"]) .kkl-dock{opacity:0;transform:translateY(200%);transition:opacity .18s ease,transform .18s ease}body.kk-pdp-bar-on .kkpromo-card,body.kk-pdp-bar-on .kkpromo-reopen{opacity:0;transform:translateY(220%);transition:opacity .18s ease,transform .18s ease}}.kk-pdp-bar:has([data-kk-bar-notify]:not([hidden])){flex-wrap:wrap}.kk-pdp-bar:has([data-kk-bar-notify]:not([hidden])) .kk-pdp-bar__info{flex-basis:100%}.kk-pdp-bar:has([data-kk-bar-notify]:not([hidden]))>.button{flex:1 1 0;min-width:0;min-height:48px;padding:8px;font-size:13px;white-space:normal}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kkumi-pdp-bar.css.map */