.recipe-card{display:flex;flex-direction:column;min-width:0;background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.recipe-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong);transform:translateY(-3px)}.recipe-card__image-wrap{aspect-ratio:4 / 5;overflow:hidden;position:relative;background-color:var(--bg-section-alt)}.recipe-card__image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--transition-slow)}.recipe-card:hover .recipe-card__image-wrap img{transform:scale(1.03)}.recipe-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);background-color:var(--color-brand);color:#FFF;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;padding:.3rem .7rem;border-radius:var(--radius-pill)}.recipe-card__body{padding:var(--space-3) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-height:0;border-top:1px solid var(--border-color)}.recipe-card__category{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.recipe-card__title{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:var(--lh-tight);color:var(--text-heading);letter-spacing:-.01em}.recipe-card__meta{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted);margin-top:auto;padding-top:var(--space-1);display:inline-flex;align-items:center;gap:.4em}.recipe-card__meta::before{content:'';width:5px;height:5px;border-radius:50%;background-color:var(--color-brand);flex-shrink:0}.category-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3 / 4;display:block;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover img{transform:scale(1.05)}.category-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgb(38 6 14 / .92) 0%,rgb(38 6 14 / .55) 35%,#fff0 70%);pointer-events:none}.category-card__label{position:absolute;bottom:var(--space-2);left:var(--space-2);right:var(--space-2);z-index:1;color:#FFF;font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;justify-content:space-between}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}