.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s}.card .ph{position:relative;overflow:hidden}.card .ph.cut,.card .ph.scene{aspect-ratio:4/3.4;background:linear-gradient(180deg,var(--bone) 0%,#dddcd6 100%)}.card .ph.cut img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card .ph.scene img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card .ph.fill{aspect-ratio:4/3.4;background:#fff}.card .ph.fill img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card .ph .tag{position:absolute;top:14px;left:14px}.card .ph .seats{position:absolute;bottom:14px;left:14px;font-family:var(--code);font-size:11px;font-weight:600;color:var(--ink-soft);background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 10px;border-radius:var(--r-xs);border:1px solid var(--line)}.card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:5px;flex:1}.card .cat{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--reed);display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .name{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--ink);position:relative;display:inline-block;align-self:flex-start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:4px}.card .name:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--reed);transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){.card .name:after{transition:none}}.card .desc{font-size:13.5px;color:var(--muted);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card .from{font-size:13px;color:var(--muted)}.card .from b{color:var(--ink);font-weight:700;font-size:15px}.card .foot .go{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);overflow:hidden;transition:background .2s,color .2s,border-color .2s}.card .foot .go svg{width:15px;height:15px;transition:transform .2s}.card .ph:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:4;background:var(--reed-bright);opacity:.5;transform:translate(var(--pc-tx, -110%),var(--pc-ty, 0%)) skew(var(--pc-skx, -11deg)) skewY(var(--pc-sky, 0deg));transition:transform .85s cubic-bezier(.45,0,.15,1);pointer-events:none;will-change:transform}.card.pc-no-anim .ph:before{transition:none}.card.is-pc-in .ph:before{transform:translate(0) skew(var(--pc-skx, -11deg)) skewY(var(--pc-sky, 0deg))}.card.is-pc-out .ph:before{transform:translate(var(--pc-ex, 110%),var(--pc-ey, 0%)) skew(var(--pc-skx, -11deg)) skewY(var(--pc-sky, 0deg))}html[data-intensity=bold] .card .ph:before{opacity:.65}html[data-intensity=restrained] .card .ph:before{opacity:.4}@media(prefers-reduced-motion:reduce){.card .ph:before{transition:none;transform:none;opacity:0}.card:hover .ph:before{opacity:.5}}.imgfail{background-image:repeating-linear-gradient(135deg,var(--bone) 0 12px,var(--bone-2) 12px 24px)!important;position:relative}.imgfail:after{content:attr(data-label);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--code);font-size:12px;color:var(--subtle);text-align:center;padding:20px}.imgfail img{opacity:0!important}@media(hover:hover)and (pointer:fine){.card:hover{box-shadow:var(--sh-m);border-color:var(--line-strong)}.card:hover .ph.cut img{transform:scale(1.04) translateY(-4px)}.card:hover .ph.scene img,.card:hover .ph.fill img{transform:scale(1.05)}.card:hover .name:after{transform:scaleX(1)}.card:hover .foot .go{background:var(--reed);color:#fff;border-color:var(--reed)}.card:hover .foot .go svg{transform:translate(2px)}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-product-card.css.map */