.card{grid-row:span 4}@supports not (grid-template-rows: subgrid){.card{grid-row:auto}}.card__tile{position:relative;aspect-ratio:4 / 5;background:var(--tile);overflow:hidden}.shots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.shots::-webkit-scrollbar{display:none}.shots__item{flex:0 0 100%;scroll-snap-align:center;display:block}.shots__item img{width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 50%);transition:opacity var(--mid) ease}.card:hover .shots__item img{transform:none}.bars{position:absolute;left:11px;bottom:11px;z-index:2;display:flex;align-items:center;gap:5px;pointer-events:none}.bars span{display:block;width:16px;height:2px;background:color-mix(in srgb,var(--ink) 26%,transparent);box-shadow:0 0 2px #ffffff8c;transition:width var(--mid) var(--ease),background var(--mid) ease}.bars span.is-on{width:30px;background:var(--ink)}.card__tag{position:absolute;top:14px;left:11px;z-index:2;max-width:calc(100% - 62px);padding:3px 7px;font-size:10px;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);background:var(--white);border-radius:2px;pointer-events:none}.card__tag.is-sale{color:var(--sale)}.card__tag.is-sold{color:var(--muted)}.card__metals{display:flex;align-items:center;gap:8px;padding-top:.6rem;min-height:28px}.metal{position:relative;width:28px;height:28px;display:grid;place-items:center;padding:0;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.metal i{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #11111129;transition:transform var(--fast) var(--ease)}.metal:hover i{transform:scale(1.1)}.metal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ink);opacity:0;transform:scale(.78);transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease)}.metal[aria-pressed=true]:after{opacity:1;transform:scale(1)}.metal[aria-pressed=true] i{transform:scale(.92)}.metal:focus-visible{outline:1px solid var(--ink);outline-offset:3px;border-radius:50%}.card__body{grid-row:span 2;display:grid;grid-template-rows:subgrid;align-content:start;gap:0;color:var(--ink);text-decoration:none}@supports not (grid-template-rows: subgrid){.card__body{display:block}}.card__body:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.card__name{padding-top:.7rem;font-size:var(--t-s);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card:hover .card__name{text-decoration:underline;text-underline-offset:3px}.card__price{padding-top:.2rem;font-size:var(--t-s);display:flex;gap:.5rem;align-items:baseline}.card__price s{text-decoration:line-through;color:var(--muted)}.fav{position:relative;display:grid;place-items:center;--heart: 21px;-webkit-tap-highlight-color:transparent}.card__tile .fav{position:absolute;top:0;right:0;z-index:4;width:44px;height:44px}.fav.favbig{--heart: 23px}.fav__wrap{position:relative;display:block;width:var(--heart);height:var(--heart)}.fav__wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.fav__line path{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;transition:stroke var(--mid) ease}.fav__fill path{fill:var(--rose);stroke:var(--rose);stroke-width:1.4;stroke-linejoin:round}.fav__fill{clip-path:inset(100% 0 0 0);transition:clip-path .26s ease}.fav[aria-pressed=true] .fav__fill{clip-path:inset(0 0 0 0);transition:clip-path .48s cubic-bezier(.5,0,.25,1)}.fav[aria-pressed=true] .fav__line path{stroke:var(--rose)}.fav__ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--heart);height:var(--heart);border:1px solid var(--rose);border-radius:50%;opacity:0;pointer-events:none}@keyframes luneHeart{0%{transform:scale(1)}22%{transform:scale(.82)}56%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes luneHalo{0%{transform:scale(.45);opacity:.5}to{transform:scale(2.15);opacity:0}}.fav.is-pop .fav__wrap{animation:luneHeart .4s cubic-bezier(.34,1.25,.5,1)}.fav.is-pop[aria-pressed=true] .fav__ring{animation:luneHalo .56s cubic-bezier(.22,1,.36,1)}.fav--white .fav__line path{stroke:var(--white)}.fav--white[aria-pressed=true] .fav__line path{stroke:var(--rose)}@media(prefers-reduced-motion:reduce){.shots{scroll-behavior:auto}.fav__fill,.fav[aria-pressed=true] .fav__fill{transition:none}.fav.is-pop .fav__wrap,.fav.is-pop[aria-pressed=true] .fav__ring{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cards.css.map */
