/* Additions on top of the original uploaded style.css - kept in a
   separate file so the original template stays untouched for future
   template swaps/updates. */

.card-image-placeholder,
.hero-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 60%), #141414;
  color: rgba(255,255,255,.35);
  font-weight: 700;
}
.card-image-placeholder { font-size: 2.4rem; }
.hero-image-placeholder { font-size: 5rem; opacity: .5; }

.brand-symbol img {
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.category-empty-note {
  text-align: center;
  color: var(--muted);
  padding: 40px 20px;
  font-size: .9rem;
}