.ro-card-host{display:block;height:100%}.ro-card{display:flex;flex-direction:column;height:100%;background:var(--ro-paper)}.ro-card__media-link{display:block;text-decoration:none}.ro-card__media{position:relative;background:var(--ro-oat);border:1px solid var(--ro-line);aspect-ratio:1;overflow:hidden}.ro-card__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s ease}.ro-card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s ease}.ro-card:hover .ro-card__img--hover{opacity:1}.ro-card:hover .ro-card__img{transform:scale(1.03)}.ro-card__placeholder svg{width:100%;height:100%}.ro-card__oos-badge{position:absolute;bottom:.8rem;left:.8rem;font-family:var(--ro-font-mono);font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;background:var(--ro-paper);color:var(--ro-mute);border:1px solid var(--ro-line);padding:.35rem .7rem;border-radius:var(--ro-radius-soft)}.ro-card--oos .ro-card__img{opacity:.55}.ro-card__info{display:flex;flex-direction:column;flex:1 1 auto;gap:.4rem;padding:1.2rem .2rem 0}.ro-card__eyebrow{font-family:var(--ro-font-mono);font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ro-bark);margin:0}.ro-card__title{margin:0;font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.25}.ro-card__link{color:var(--ro-ink);text-decoration:none}.ro-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ro-card{position:relative}.ro-card a.ro-card__link:hover{color:var(--ro-ink);text-decoration:underline;text-underline-offset:.2em}.ro-card__notes{margin:0;font-style:italic;font-size:1.3rem;color:var(--ro-mute);line-height:1.45}.ro-card__prices{display:flex;flex-direction:column;gap:.15rem;margin-top:auto;padding-top:.4rem}.ro-card__prices:not(:has(.ro-card__club)):after{content:"";display:block;font-size:1.3rem;height:1lh}.ro-card__price{font-size:1.4rem;font-weight:500;color:var(--ro-ink)}.ro-card__club{font-size:1.3rem;font-weight:500;color:var(--ro-green-strong)}@media screen and (max-width:749px){.ro-card__title{font-size:1.35rem}.ro-card__notes{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ro-card.css.map */