/* Features Page Styles - PlayZonePolska */
.hero-media {
  position: relative;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.hero-media img {
  width: 100%;
  height: 420px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .hero-media img { height: 260px; }
}

.feature-media {
  margin-bottom: var(--space-4);
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.feature-media img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* Subtle in-view animation for cards (respects reduced motion) */
.feature-card { 
  opacity: 0; 
  transform: translateY(8px);
  transition: opacity var(--transition-slow), transform var(--transition-slow);
}
.feature-card.in-view { 
  opacity: 1; 
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .feature-card, .feature-card.in-view { transition: none; transform: none; opacity: 1; }
}