.afro-flavour-preview{padding:36px 0}
.afro-flavour-preview__header{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.afro-flavour-preview__title{margin:0}
.afro-flavour-preview__subtitle{margin:0;max-width:60ch}
.afro-flavour-preview__grid{display:grid;grid-template-columns:1fr;gap:14px}
.afro-flavour-card{position:relative;display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:var(--afro-card-bg,#f2eee5);color:inherit;text-decoration:none}
.afro-flavour-card__media{width:96px;height:96px;border-radius:12px;overflow:hidden;background:rgba(0,0,0,.04)}
.afro-flavour-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.afro-flavour-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.afro-flavour-card__badge{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1.2;border:1px solid rgba(0,0,0,.12);background:var(--afro-badge-bg,#ecd5c1);color:var(--afro-badge-text,#683a2d)}
.afro-flavour-card__title{margin:0}
.afro-flavour-card__text{margin:0;opacity:.9}
.afro-flavour-preview__footer{margin-top:18px}
@media (min-width:750px){
  .afro-flavour-preview{padding:52px 0}
  .afro-flavour-preview__grid{grid-template-columns:1fr 1fr;gap:16px}
  .afro-flavour-card{grid-template-columns:110px 1fr;gap:16px;padding:16px}
  .afro-flavour-card__media{width:110px;height:110px}
}