.albelad-fallback-card {
  display: grid;
  min-height: 100%;
  aspect-ratio: 16 / 10;
  place-items: end stretch;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, var(--abp-color-primary), var(--abp-color-primary-dark));
  color: #fff;
}

.albelad-fallback-card--cat-local,
.albelad-fallback-card--term-44 {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, #0b5f79, #263f58);
}

.albelad-fallback-card--term-50 {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.16), transparent 28%),
    linear-gradient(135deg, #28384d, #b4232a);
}

.albelad-fallback-card--term-52 {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.16), transparent 30%),
    linear-gradient(135deg, #237a57, #0b5f79);
}

.albelad-fallback-card--term-64 {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.18), transparent 30%),
    linear-gradient(135deg, #237a57, #174b42);
}

.albelad-fallback-card--term-68 {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.18), transparent 30%),
    linear-gradient(135deg, #5c496b, #18202b);
}

.albelad-fallback-card--term-61 {
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.15), transparent 30%),
    linear-gradient(135deg, #5f2d37, #18202b);
}

.albelad-fallback-card__inner {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.albelad-fallback-card__category {
  justify-self: start;
  border-radius: 999px;
  background: rgba(180, 35, 42, 0.92);
  padding: 2px 10px;
  font-size: 0.78rem;
  font-weight: 700;
}

.albelad-fallback-card__title {
  font-size: clamp(1rem, 2vw, 1.45rem);
  line-height: 1.4;
  text-wrap: balance;
}

.albelad-fallback-card__brand {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.8rem;
}

.albelad-fallback-card--hero {
  aspect-ratio: 16 / 9;
}

.albelad-fallback-card--media {
  width: 100%;
  height: 100%;
}