.ays-recipe-card { display: flex; min-width: 0; height: 100%; overflow: hidden; border: 1px solid var(--ays-border); border-radius: var(--ays-radius-md); background: var(--ays-white); box-shadow: 0 0 0 rgba(38,48,29,0); flex-direction: column; transition: transform var(--ays-transition), box-shadow var(--ays-transition); }
.ays-recipe-card:hover { box-shadow: var(--ays-shadow-sm); transform: translateY(-5px); }
.ays-recipe-card__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; background: linear-gradient(135deg, var(--ays-olive-100), var(--ays-cream-dark)); }
.ays-recipe-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.ays-recipe-card:hover .ays-recipe-card__media img { transform: scale(1.035); }
.ays-recipe-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: var(--ays-olive-600); font-size: 4rem; }
.ays-recipe-card__content { display: flex; padding: 1.35rem; flex: 1; flex-direction: column; }
.ays-recipe-card__title { margin: .8rem 0; font-size: 1.45rem; }
.ays-recipe-card__classifications { display: flex; margin-top: .7rem; gap: .35rem; flex-wrap: wrap; }
.ays-recipe-card__classifications span { padding: .28rem .58rem; border: 1px solid #d6deca; border-radius: 999px; color: var(--ays-olive-800); background: var(--ays-olive-100); font-size: .64rem; font-weight: 800; line-height: 1.15; }
.ays-recipe-card__title a:hover { color: var(--ays-olive-700); }
.ays-recipe-card__description { display: none; margin: 0 0 1rem; color: var(--ays-muted); font-size: .84rem; line-height: 1.55; }
.ays-recipe-card__rating { display: flex; min-height: 1.25rem; margin: -.15rem 0 .75rem; align-items: center; gap: .35rem; color: var(--ays-muted); font-size: .72rem; }
.ays-recipe-card__rating strong { color: var(--ays-ink); font-size: .74rem; }
.ays-recipe-card__rating small { font-size: .68rem; }
.ays-recipe-card__stars { position: relative; display: inline-block; color: #d8d7cd; font-size: .87rem; line-height: 1; letter-spacing: .06em; white-space: nowrap; }
.ays-recipe-card__stars > span:last-child { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: var(--ays-gold-600); white-space: nowrap; }
.ays-recipe-card__meta { display: flex; margin-bottom: 1.2rem; gap: 1rem; color: var(--ays-muted); font-size: .78rem; flex-wrap: wrap; }
.ays-recipe-card__link { display: inline-flex; align-items: center; margin-top: auto; gap: .45rem; color: var(--ays-olive-800); font-size: .85rem; font-weight: 800; }
.ays-recipe-card__link span { transition: transform var(--ays-transition); }
.ays-recipe-card__link:hover span { transform: translateX(.25rem); }

/*
 * On narrow screens a 4:3 image spans almost the full viewport and pushes the
 * useful recipe information below the fold. Keep cards visual, but use a
 * shallower, fluid crop that remains consistent across recipe listings.
 */
@media (max-width: 560px) {
  .ays-recipe-card__media {
    height: clamp(10rem, 48vw, 12.5rem);
    aspect-ratio: auto;
  }

  .ays-recipe-card__media img {
    display: block;
    object-position: center;
  }
}