.t8-pcard{position:relative;display:flex;flex-direction:column;width:100%;background:var(--t-ivory-500);border:.2rem solid var(--t-ivory-500);border-radius:var(--t-radius);box-shadow:var(--t-shadow-card);overflow:hidden;font-family:var(--t-font-body)}.t8-pcard__media{position:relative;display:block;background:#fff;border-radius:var(--t-radius);aspect-ratio:316 / 358;overflow:hidden}.t8-pcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center top;padding:0 3.6rem;box-sizing:border-box;transition:opacity .35s var(--t-ease),transform .5s var(--t-ease)}.t8-pcard__img--alt{opacity:0}.t8-pcard__media:has(.t8-pcard__frame){background:#f4efe9;container-type:size}.t8-pcard__frame{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(60cqw,calc(66cqh * var(--r, .75)));height:calc((min(60cqw,calc(66cqh * var(--r, .75))) - 4.4cqw) / var(--r, .75) + 4.4cqw);box-sizing:border-box;padding:0;border-width:2.2cqw;transition:opacity .35s var(--t-ease),transform .5s var(--t-ease)}.t8-pcard__art{display:block;width:100%;height:100%;object-fit:cover;box-shadow:inset 0 0 0 1px #0000000f}.t8-pcard__frame~.t8-pcard__img--alt{padding:0;object-fit:cover;object-position:center top}@media(hover:hover){.t8-pcard:hover .t8-pcard__img--alt{opacity:1}.t8-pcard:hover .t8-pcard__img:not(.t8-pcard__img--alt){transform:scale(1.02)}.t8-pcard__media:has(.t8-pcard__img--alt[src]):hover .t8-pcard__frame{opacity:0}.t8-pcard:hover .t8-pcard__img--alt+.t8-pcard__img,.t8-pcard__media:has(.t8-pcard__img--alt[src]):hover .t8-pcard__img:first-child{opacity:0}}.t8-pcard__badge{position:absolute;top:1.2rem;left:1.2rem;z-index:1;display:inline-flex;align-items:center;padding:.8rem 1.6rem;border-radius:1.6rem;background:var(--t-accent);color:#fff;font-weight:var(--t-w-regular);font-size:var(--t-ui-s);line-height:var(--t-lh-ui);letter-spacing:var(--t-track-body);pointer-events:none}.t8-pcard__body{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem 1.6rem 1.6rem}.t8-pcard__title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:0;color:var(--t-ink-600);font-weight:var(--t-w-regular);font-size:var(--t-body-m);line-height:var(--t-lh-body);letter-spacing:-.01em;text-decoration:none}.t8-pcard__title:hover{color:var(--t-brand)}.t8-pcard__row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:2.4rem}.t8-pcard__meta{display:inline-flex;align-items:center;min-width:0}.t8-pcard__artist{font-weight:var(--t-w-regular);font-size:var(--t-body-s);color:var(--t-ink-3);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t8-pcard__actions{display:inline-flex;gap:1.2rem;flex:0 0 auto}.t8-pcard__btn{width:2.4rem;height:2.4rem;padding:0;border:0;background:none;color:var(--t-brand);cursor:pointer;display:grid;place-items:center;border-radius:50%;transition:transform .2s var(--t-ease),color .2s}.t8-pcard__btn svg{width:2.4rem;height:2.4rem}.t8-pcard__btn[data-t8-wishlist] svg{fill:currentColor;overflow:visible}.t8-pcard__btn[data-t8-wishlist] .t8-heart-solid{opacity:0;transform-origin:50% 55%;transform:scale(.4);transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1)}.t8-pcard__btn:hover{transform:scale(1.1)}.t8-pcard__btn[aria-pressed=true]{color:var(--t-brand)}.t8-pcard__btn[aria-pressed=true] .t8-heart-solid{opacity:1;transform:none}.t8-pcard__btn.is-busy{opacity:.5;pointer-events:none}.t8-pcard__btn.is-done{color:var(--t-success-500)}.t8-pcard__btn:disabled{opacity:.35;cursor:default}.t8-pcard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 2rem}@media(max-width:1024px){.t8-pcard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.t8-pcard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem}.t8-pcard__row,.t8-pcard__actions{gap:.8rem}.t8-pcard-grid .t8-rating__count{display:none}.t8-pcard-grid .t8-rating{gap:.4rem}.t8-pcard__img{padding:0 2rem}.t8-pcard__body{padding:1rem 1.2rem 1.2rem;gap:.8rem}.t8-pcard__title{font-size:1.4rem;line-height:2rem;min-height:4rem}.t8-pcard__badge{padding:.6rem 1.2rem;font-size:1.2rem}}.t8-pcard[data-t8-pcard]{cursor:pointer}@media(max-width:640px){.t8-pcard{--u: clamp(.85px, calc(100vw / 412), 1.25px);border-radius:calc(8 * var(--u));box-shadow:none}.t8-pcard__media{aspect-ratio:184 / 208;border-radius:calc(12 * var(--u))}.t8-pcard__img{padding:0 12.5%}.t8-pcard__badge{top:calc(4 * var(--u));left:calc(4 * var(--u));padding:calc(6 * var(--u)) calc(8 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(11 * var(--u));line-height:1}.t8-pcard__body{gap:calc(4 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u))}.t8-pcard__title{min-height:0;font-size:calc(14 * var(--u));line-height:1.43}.t8-pcard__row{gap:calc(8 * var(--u));min-height:calc(24 * var(--u))}.t8-pcard__meta{flex:1 1 auto;min-width:0;overflow:hidden}.t8-pcard .t8-rating{gap:calc(4 * var(--u))}.t8-pcard .t8-rating__star{width:calc(10 * var(--u));height:calc(10 * var(--u))}.t8-pcard .t8-rating__star~.t8-rating__star{display:none}.t8-pcard .t8-rating__value,.t8-pcard .t8-rating__count{font-size:calc(11 * var(--u))}.t8-pcard-grid .t8-pcard .t8-rating__count,.t8-pcard .t8-rating__count{display:inline}.t8-pcard__actions{gap:calc(12 * var(--u))}.t8-pcard__btn,.t8-pcard__btn svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/t8-product-card.css.map */