.zeusbet-lion-cats {
  padding: 6px var(--padding-page-aside, 12px) 12px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.zeusbet-lion-cats__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

.zeusbet-lion-cats__card {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 6px;
  overflow: hidden;
  background-color: #0a0a0a;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.zeusbet-lion-cats__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.zeusbet-lion-cats__card--slice-2,
.zeusbet-lion-cats__card--slice-3,
.zeusbet-lion-cats__card--slice-4 {
  background-image: var(--zeusbet-lion-banner);
  background-repeat: no-repeat;
  background-size: 400% 100%;
}

.zeusbet-lion-cats__card--slice-2 { background-position: 33.333% center; }
.zeusbet-lion-cats__card--slice-3 { background-position: 66.666% center; }
.zeusbet-lion-cats__card--slice-4 { background-position: 100% center; }

.zeusbet-lion-cats__card:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

.zeusbet-lion-cats__card:active {
  transform: scale(0.98);
}

@media (max-width: 520px) {
  .zeusbet-lion-cats {
    padding-inline: 8px;
  }

  .zeusbet-lion-cats__grid {
    gap: 4px;
  }

  .zeusbet-lion-cats__card {
    border-radius: 4px;
  }
}