/* Evolution Casino recommendation cards - responsive and hover zoom */
.evolution-recommendations {
  width: 100%;
  margin: 28px 0 24px;
  padding: 22px;
  box-sizing: border-box;
  border: 1px solid rgba(40, 255, 190, .35);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(3, 40, 43, .96), rgba(4, 86, 72, .88), rgba(2, 31, 39, .96));
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.08);
}
.evolution-recommendations__title {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.25;
  font-weight: 800;
}
.evolution-recommendations__intro {
  margin: 0 0 18px;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.6;
}
.evolution-recommendations__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.evolution-recommendations__card {
  display: block;
  overflow: hidden;
  border-radius: 11px;
  text-decoration: none;
  background: rgba(0, 0, 0, .3);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.evolution-recommendations__media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #071719;
}
.evolution-recommendations__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s cubic-bezier(.2,.7,.2,1), filter .3s ease;
}
.evolution-recommendations__name {
  display: block;
  padding: 11px 12px 12px;
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}
.evolution-recommendations__card:hover,
.evolution-recommendations__card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(255, 166, 0, .72);
  box-shadow: 0 12px 28px rgba(0,0,0,.32);
}
.evolution-recommendations__card:hover .evolution-recommendations__media img,
.evolution-recommendations__card:focus-visible .evolution-recommendations__media img {
  transform: scale(1.09);
  filter: saturate(1.08) brightness(1.05);
}
@media (max-width: 1024px) {
  .evolution-recommendations__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .evolution-recommendations { padding: 16px; margin: 22px 0 18px; }
  .evolution-recommendations__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .evolution-recommendations__name { font-size: 13px; padding: 9px 10px 10px; }
}
@media (max-width: 420px) {
  .evolution-recommendations__grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .evolution-recommendations__name { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .evolution-recommendations__card,
  .evolution-recommendations__media img { transition: none; }
}