/* ============================================================
   PHOTO PLACEHOLDERS
============================================================ */

.photo {
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.05));
  border:1px solid var(--line);
  box-shadow:0 10px 20px rgba(0,0,0,.18);
}
.photo::before { content:""; display:block; padding-top:62%; }
.photo.banner::before { padding-top:24%; }
.photo::after {
  content:none;
  position:absolute; inset:0;
  display:grid; place-items:center;
  color:var(--muted); font-weight:700;
  text-shadow:0 1px 0 rgba(255,255,255,.08);
}
.photo.has-img::after { content:none; }

/* ============================================================
   BRAND IMAGE FIX (refined)
============================================================ */
#brands .photo {
  background-size: 100%;       /* zoom in slightly (between contain & cover) */
  background-repeat: no-repeat;
  background-position: center;
}

/* Adjust panel height so cards feel less oversized */
#brands .photo::before {
  padding-top: 55%;           /* smaller than 62% default */
}