.zjp{position:relative;display:flex;flex-direction:column;height:100%;color:var(--zj-plum-900)}.zjp__media{position:relative;aspect-ratio:4 / 5;border-radius:2rem;overflow:hidden;background:linear-gradient(160deg,var(--zj-lilac-100),var(--zj-lilac-200));isolation:isolate;transform:translateZ(0);transition:box-shadow .5s var(--zj-ease),transform .5s var(--zj-ease)}.zjp__media:after{content:"";position:absolute;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;z-index:2;border:1px solid rgba(255,253,251,.55);border-radius:1.4rem;pointer-events:none;opacity:0;transition:opacity .5s var(--zj-ease),inset .5s var(--zj-ease)}.zjp__img-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.zjp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--zj-ease),transform 1.4s var(--zj-ease)}.zjp__img--ph{fill:#4a154b33}.zjp__img--alt{opacity:0}.zjp__badges{position:absolute;top:1.2rem;left:1.2rem;z-index:3;display:flex;gap:.6rem;pointer-events:none}.zjp__badge{display:inline-flex;align-items:center;gap:.5rem;height:2.6rem;padding:0 1.1rem;border-radius:99rem;background:#fffdfbd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--zj-plum-800);font-family:var(--zj-font-ui);font-size:.95rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 .4rem 1.2rem #4a154b1a}.zjp__badge--best{background:var(--zj-plum-800);color:var(--zj-lilac-100)}.zjp__badge--best svg{color:var(--zj-orchid)}.zjp__sale{position:absolute;top:0;right:1.2rem;z-index:3;display:grid;justify-items:center;width:4.6rem;padding:1.2rem 0 1.1rem;border-radius:0 0 99rem 99rem;background:linear-gradient(170deg,var(--zj-plum-700) 0%,var(--zj-plum-900) 100%);color:var(--zj-lilac-100);box-shadow:0 .8rem 1.8rem #1e0a224d,inset 0 -1px #dcb8f059;overflow:hidden;pointer-events:none}.zjp__sale[hidden]{display:none}.zjp__sale:before{content:"";position:absolute;top:0;right:.4rem;bottom:.4rem;left:.4rem;border:1px solid rgba(220,184,240,.35);border-top:0;border-radius:0 0 99rem 99rem}.zjp__sale:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-120%;width:60%;background:linear-gradient(100deg,#fff0,#ffffff59,#fff0);transform:skew(-18deg);animation:zjp-sheen 5.5s var(--zj-ease) infinite}@keyframes zjp-sheen{0%,62%{transform:translate(0) skew(-18deg)}82%,to{transform:translate(466.67%) skew(-18deg)}}.zjp__sale-num{position:relative;font-family:var(--zj-font-display);font-size:1.8rem;font-style:italic;line-height:1}.zjp__sale-word{position:relative;margin-top:.2rem;font-family:var(--zj-font-ui);font-size:.8rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--zj-orchid);padding-left:.24em}@media(prefers-reduced-motion:reduce){.zjp__sale:after{animation:none}}.zjp__badge--out{background:#1e0a22b3;color:var(--zj-lilac-100)}.zjp.is-soldout .zjp__img{filter:saturate(.5);opacity:.8}.zjp__add{position:absolute;right:1rem;bottom:1rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;height:4.4rem;min-width:4.4rem;padding:0;border:0;border-radius:99rem;background:var(--zj-plum-800);color:var(--zj-lilac-100);font-family:var(--zj-font-ui);font-size:1.05rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 .8rem 2rem #1e0a2247;transition:background .35s var(--zj-ease),transform .25s var(--zj-ease),padding .4s var(--zj-ease);-webkit-tap-highlight-color:transparent}.zjp__add:active{transform:scale(.94)}.zjp__add:focus-visible{outline:2px solid var(--zj-violet-500);outline-offset:3px}.zjp__add-icon{position:relative;display:grid;place-items:center;width:4.4rem;height:4.4rem;flex:0 0 auto}.zjp__add-icon>*{grid-area:1 / 1}.zjp__add-label{max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .45s var(--zj-ease),opacity .3s var(--zj-ease),margin .45s var(--zj-ease)}.zjp__i-check,.zjp__spinner{display:none}.zjp__spinner{width:1.6rem;height:1.6rem;border:1.5px solid rgba(244,237,248,.35);border-top-color:var(--zj-lilac-100);border-radius:50%;animation:zjp-spin .7s linear infinite}@keyframes zjp-spin{to{transform:rotate(360deg)}}.zjp__add.is-loading .zjp__i-plus{display:none}.zjp__add.is-loading .zjp__spinner{display:block}.zjp__add.is-added{background:var(--zj-violet-500)}.zjp__add.is-added .zjp__i-plus{display:none}.zjp__add.is-added .zjp__i-check{display:block}.zjp__add.is-added .zjp__add-label,.zjp__add.is-error .zjp__add-label{max-width:16rem;opacity:1;margin-right:1.6rem;margin-left:-.6rem}.zjp__add.is-error{background:#8c2446}.zjp__info{display:flex;flex-direction:column;flex:1;padding:1.4rem .4rem 0}.zjp__kicker{margin:0 0 .5rem;font-family:var(--zj-font-ui);font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zj-violet-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zjp__title{margin:0;font-family:var(--zj-font-display);font-weight:500;font-size:1.95rem;line-height:1.12;letter-spacing:0;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zjp__link{color:inherit;text-decoration:none}.zjp__link:focus-visible{outline:2px solid var(--zj-violet-500);outline-offset:2px;border-radius:.4rem}.zjp__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem}.zjp__price{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .8rem;font-family:var(--zj-font-ui)}.zjp__from{font-size:1.1rem;letter-spacing:.06em;color:#1e0a228c}.zjp__now{font-size:1.45rem;font-weight:500;letter-spacing:.04em;color:var(--zj-plum-800)}.zjp__now.is-sale{color:var(--zj-violet-500)}.zjp__was{font-size:1.2rem;color:#1e0a2273;text-decoration-color:#7b4fa899;text-decoration-thickness:1px}.zjp__dots{display:flex;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;flex:0 0 auto}.zjp__dot{width:1.3rem;height:1.3rem;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px #1e0a2224,inset 0 0 0 1px #ffffff59}.zjp__dots[role=radiogroup]{gap:0;margin-right:-.5rem}button.zjp__dot{position:relative;width:2.8rem;height:2.8rem;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button.zjp__dot:before{content:"";position:absolute;top:.65rem;right:.65rem;bottom:.65rem;left:.65rem;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px #1e0a2229,inset 0 0 0 1px #ffffff59;transition:box-shadow .25s var(--zj-ease),transform .25s var(--zj-ease)}button.zjp__dot[aria-checked=true]:before{box-shadow:0 0 0 2px var(--zj-white),0 0 0 3.2px var(--zj-plum-800);transform:scale(1.04)}button.zjp__dot:hover:before{transform:scale(1.14)}button.zjp__dot.is-out:after{content:"";position:absolute;top:50%;left:.5rem;right:.5rem;height:1px;background:#1e0a228c;transform:rotate(-45deg)}button.zjp__dot:focus-visible{outline:none}button.zjp__dot:focus-visible:before{box-shadow:0 0 0 2px var(--zj-white),0 0 0 3.5px var(--zj-violet-500)}.zjp__add[disabled]:not(.is-loading){opacity:.45;cursor:not-allowed}.zjp.has-picked .zjp__img--alt{display:none}.zjp__img--main.is-swapping{opacity:.35;transition:opacity .2s}.zjp__dot-more{font-family:var(--zj-font-ui);font-size:1rem;color:#1e0a228c;margin-left:.2rem;text-decoration:none}@media(hover:hover)and (pointer:fine){.zjp:hover .zjp__media{box-shadow:0 2.4rem 4.8rem #4a154b2e;transform:translateY(-.4rem)}.zjp:hover .zjp__media:after{opacity:1;top:1rem;right:1rem;bottom:1rem;left:1rem}.zjp:hover .zjp__img{transform:scale(1.05)}.zjp:hover .zjp__img--alt{opacity:1}.zjp:hover .zjp__add-label,.zjp__add:focus-visible .zjp__add-label{max-width:16rem;opacity:1;margin-right:1.6rem;margin-left:-.6rem}.zjp__add:hover{background:var(--zj-plum-700)}}@media screen and (min-width:750px){.zjp__title{font-size:2.1rem}.zjp__now{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.zjp__img,.zjp__media,.zjp__add,.zjp__add-label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zj-product-card.css.map */