.pcard{display:flex;flex-direction:column;height:100%}.pcard__frame{position:relative;border-radius:var(--radius-card);border:1px solid #E4E4F2;background:#fff;overflow:hidden}.pcard__media{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;aspect-ratio:4 / 5;padding:16px}.pcard__img{grid-area:1 / 1;width:100%;height:100%;object-fit:contain;display:block}.pcard__img--alt{opacity:0}.pcard__media-empty{width:100%;height:100%;border-radius:var(--radius-input);background:var(--surface-alt)}.pcard__flag{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--radius-action);background:var(--magenta);color:#fff;font-size:11px;font-weight:600;letter-spacing:.01em}.pcard__flag--out{background:#e6e6f0;color:var(--ink-mute)}.pcard__add{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:var(--radius-action);background:var(--indigo);color:#fff;cursor:pointer;box-shadow:0 6px 16px #221f5e47}.pcard__add[data-state=done]{background:var(--magenta)}.pcard__brand{margin:12px 0 0;min-height:15px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--magenta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard__frame+.pcard__title{margin-top:27px}.pcard__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 8px;min-height:2.8em;font-size:var(--text-base);line-height:1.4;color:var(--ink);text-decoration:none}.pcard__price{display:flex;align-items:baseline;gap:8px;margin-top:auto;font-size:var(--text-lg);font-weight:600;color:var(--indigo)}.pcard__price--sale .pcard__price-now{color:var(--magenta)}.pcard__price-was{font-weight:400;font-size:var(--text-sm);color:var(--ink-mute)}.pcard--out .pcard__frame{opacity:.72}@media(min-width:900px){.pcard__title{font-size:var(--text-md)}.pcard__price{font-size:var(--text-xl)}.pcard__add{opacity:0;transform:translateY(6px)}.pcard:hover .pcard__add,.pcard__add:focus-visible{opacity:1;transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.pcard{animation:pcard-in .6s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 18%}@keyframes pcard-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}}}@media(prefers-reduced-motion:no-preference){.pcard__frame,.pcard__add,.pcard__img--alt{transition:all .24s cubic-bezier(.16,1,.3,1)}.pcard:hover .pcard__frame{border-color:#cfceea;box-shadow:0 16px 34px #221f5e1f;transform:translateY(-3px)}.pcard:hover .pcard__img--alt{opacity:1}.pcard:hover .pcard__title{color:var(--magenta)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/stlukes-cards.css.map */