.featured-card{position:relative;border-radius:3rem;overflow:hidden;background:rgb(var(--color-background))}.featured-card__image{display:block;width:100%;height:auto;min-height:30rem;object-fit:cover}@media screen and (min-width:750px){.featured-card__image{min-height:40rem}}@media screen and (min-width:990px){.featured-card__image{min-height:50rem}}.featured-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.featured-card__image--placeholder .placeholder-svg{width:8rem;height:8rem;fill:rgba(var(--color-foreground),.2)}.featured-card__badge{position:absolute;top:1.2rem;right:1.2rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:var(--font-xs);font-weight:600;letter-spacing:var(--letter-spacing-body);text-transform:uppercase;padding:.4rem 1rem;border-radius:2rem;line-height:1;z-index:2}.featured-card__bestseller{position:absolute;top:3rem;right:3rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:1.2rem 2rem;border-radius:3.6rem;font-size:var(--font-body);letter-spacing:var(--letter-spacing-body);z-index:2;line-height:1}.featured-card__overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,var(--overlay-opacity, .6)),transparent);pointer-events:none}.featured-card__info{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:rgb(var(--white-color))}.featured-card__title{margin:0 0 .6rem;font-size:var(--font-xl);font-weight:600;line-height:var(--line-height-heading);color:inherit}@media screen and (min-width:750px){.featured-card__title{font-size:var(--font-2xl)}}.featured-card__meta{display:flex;align-items:center;gap:.4rem;font-size:var(--font-sm);margin-bottom:.8rem;opacity:.9}.featured-card__star,.featured-card__comment{display:inline-flex;opacity:.8}.featured-card__separator{opacity:.5}.featured-card__price{font-size:var(--font-lg);font-weight:600}@media screen and (min-width:750px){.featured-card__price{font-size:var(--font-xl)}}@media screen and (max-width:989px){.featured-card__bestseller{top:1.2rem;right:1.2rem}.featured-card{border-radius:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-featured-card.css.map */