/* Normalize oversized logos for specific domains across homepage cards,
   active hero visuals, and domain detail gallery. */

/* Homepage portfolio cards */
a[href="/domain/maintain-ae"] img[alt="Maintain.ae"],
a[href="/domain/crypto-billionaire-ae"] img[alt="CryptoBillionaire.ae"] {
  width: 78% !important;
  height: 78% !important;
  max-width: 78% !important;
  max-height: 78% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* Active domain hero visuals on hostname-based landing */
img[alt^="Maintain.ae visual"],
img[alt^="CryptoBillionaire.ae visual"] {
  width: 72% !important;
  height: 72% !important;
  max-width: 72% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* Domain detail image gallery */
img[alt^="Maintain.ae image"],
img[alt^="CryptoBillionaire.ae image"] {
  width: 78% !important;
  height: 78% !important;
  max-width: 78% !important;
  max-height: 78% !important;
  object-fit: contain !important;
  border-radius: 1rem !important;
  margin: 0 auto !important;
}

/* Slightly tighter on mobile so all logos read similarly */
@media (max-width: 768px) {
  a[href="/domain/maintain-ae"] img[alt="Maintain.ae"],
  a[href="/domain/crypto-billionaire-ae"] img[alt="CryptoBillionaire.ae"],
  img[alt^="Maintain.ae visual"],
  img[alt^="CryptoBillionaire.ae visual"],
  img[alt^="Maintain.ae image"],
  img[alt^="CryptoBillionaire.ae image"] {
    width: 70% !important;
    height: 70% !important;
    max-width: 70% !important;
    max-height: 70% !important;
  }
}