.bb-recipe-grid__card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid var(--bb-line);border-radius:var(--bb-r-card);background:var(--bb-cream);color:var(--bb-emerald);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bb-recipe-grid__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--bb-emerald) 34%,transparent);box-shadow:0 var(--bb-space-sm) var(--bb-space-xl) color-mix(in srgb,var(--bb-emerald-deep) 15%,transparent)}.bb-recipe-grid__card:focus-visible{outline:2px solid var(--bb-gold);outline-offset:4px}.bb-recipe-grid__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--bb-cream-2)}.bb-recipe-grid__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.bb-recipe-grid__card:hover .bb-recipe-grid__image{transform:scale(1.04)}.bb-recipe-grid__placeholder{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--bb-cream),var(--bb-cream-2))}.bb-recipe-grid__placeholder:before{content:"";position:absolute;inset:var(--bb-space-md);border:1px solid var(--bb-line);border-radius:var(--bb-r-card)}.bb-recipe-grid__product{position:absolute;left:var(--bb-space-xs);right:var(--bb-space-xs);bottom:var(--bb-space-xs);display:inline-flex;width:max-content;max-width:calc(100% - var(--bb-space-md));min-height:2rem;align-items:center;padding-inline:var(--bb-space-xs);border-radius:var(--bb-r-pill);background:var(--bb-emerald);color:var(--bb-cream);font-family:var(--bb-font-body);font-size:var(--bb-t-micro);font-weight:800;letter-spacing:.12em;line-height:1.1;text-transform:uppercase}.bb-recipe-grid__content{display:grid;gap:var(--bb-space-2xs);align-content:start;padding:var(--bb-space-md)}.bb-recipe-grid__meta{display:flex;flex-wrap:wrap;gap:var(--bb-space-3xs) var(--bb-space-xs);font-family:var(--bb-font-body);font-size:var(--bb-t-micro);font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--bb-accent-on-light)}.bb-recipe-grid__meta span+span:before{content:"";display:inline-block;width:.38rem;height:.38rem;margin-inline-end:var(--bb-space-xs);border-radius:var(--bb-r-pill);background:var(--bb-line);vertical-align:middle}.bb-recipe-grid__title{margin:0;font-family:var(--bb-font-body);font-size:var(--bb-t-small);font-weight:500;line-height:var(--bb-lh-tight);color:var(--bb-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-recipe-grid__cta{display:inline-flex;align-items:center;gap:.45rem;margin-top:var(--bb-space-3xs);font-family:var(--bb-font-body);font-size:var(--bb-t-micro);font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--bb-emerald)}.bb-recipe-grid__cta span{transition:transform .2s ease}.bb-recipe-grid__card:hover .bb-recipe-grid__cta span{transform:translate(.2rem)}@media(prefers-reduced-motion:reduce){.bb-recipe-grid__card,.bb-recipe-grid__image,.bb-recipe-grid__cta span{transition:none}.bb-recipe-grid__card:hover,.bb-recipe-grid__card:hover .bb-recipe-grid__image,.bb-recipe-grid__card:hover .bb-recipe-grid__cta span{transform:none}}.bb-recipe-grid__card--landscape{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:var(--bb-space-sm);min-height:128px;padding:var(--bb-space-2xs);border-radius:var(--bb-r-card)}.bb-recipe-grid__card--landscape .bb-recipe-grid__media{aspect-ratio:1;height:112px;border-radius:var(--bb-r-md)}.bb-recipe-grid__card--landscape .bb-recipe-grid__placeholder:before{inset:var(--bb-space-xs);border-radius:var(--bb-r-md)}.bb-recipe-grid__card--landscape .bb-recipe-grid__content{gap:var(--bb-space-3xs);padding:0 var(--bb-space-2xs) 0 0}.bb-recipe-grid__card--landscape .bb-recipe-grid__title{font-size:var(--bb-t-display-4);line-height:var(--bb-lh-tight);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.bb-recipe-grid__card--landscape .bb-recipe-grid__meta{font-size:var(--bb-t-micro);letter-spacing:.08em}@media(min-width:900px){.bb-recipe-grid__card--landscape{grid-template-columns:144px minmax(0,1fr);min-height:160px}.bb-recipe-grid__card--landscape .bb-recipe-grid__media{height:144px}}.bb-recipe-grid__card--landscape .bb-recipe-grid__placeholder{background:var(--bb-cream-2)}.bb-recipe-grid__card--landscape .bb-recipe-grid__placeholder:before{content:none}.bb-recipe-grid__card--landscape .bb-recipe-grid__meta{line-height:1.25}.bb-recipe-grid__card--compact{display:block;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;min-height:0;transition:none}.bb-recipe-grid__card--compact:hover{transform:none;border-color:transparent;box-shadow:none}.bb-recipe-grid__card--compact .bb-recipe-grid__media{aspect-ratio:1 / 1;border-radius:var(--bb-r-md);overflow:hidden;background:var(--bb-cream-2)}.bb-recipe-grid__card--compact .bb-recipe-grid__placeholder:before{display:none}.bb-recipe-grid__card--compact .bb-recipe-grid__card:hover .bb-recipe-grid__image,.bb-recipe-grid__card--compact:hover .bb-recipe-grid__image{transform:none}.bb-recipe-grid__card--compact .bb-recipe-grid__content{display:flex;flex-direction:column;gap:0;padding:0}.bb-recipe-grid__card--compact .bb-recipe-grid__title{margin:var(--bb-space-xs) 0 0;font-family:var(--bb-font-body);font-size:var(--bb-t-small);font-weight:500;line-height:var(--bb-lh-tight);letter-spacing:0;color:var(--bb-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.bb-recipe-grid__card--compact .bb-recipe-grid__meta{display:block;margin:5px 0 0;font-family:var(--bb-font-body);font-size:var(--bb-t-eyebrow);font-weight:400;letter-spacing:0;line-height:var(--bb-lh-tight);text-transform:none;color:var(--bb-ink-soft)}.bb-recipe-grid__card--compact .bb-recipe-grid__meta span+span:before{content:"\b7";display:inline;width:auto;height:auto;margin-inline:var(--bb-space-3xs);border-radius:0;background:none;vertical-align:baseline}.bb-recipe-grid__card--compact .bb-recipe-grid__title{order:1}.bb-recipe-grid__card--compact .bb-recipe-grid__meta{order:2}.bb-recipe-grid__card--compact .bb-recipe-grid__cta,.bb-recipe-grid__card--compact .bb-recipe-grid__badge{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bb-recipe-card.css.map */