/* User FeedBacke section Code  */
/* Essential Layout Rules */
.user-feed-back {
  width: 100%;
  position: relative;
  cursor: grab;
}
.user-feed-back:active { cursor: grabbing; }

.slider-track {
  will-change: transform;
}

.feed-card {
  box-shadow: 0 6px 18px rgba(0,0,0,.2);
  /* The scale transition must be identical for both states */
  transform: scale(.9);
  transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 1.5s ease;
  width: 370px;
  flex-shrink: 0;
  will-change: transform;
}

.feed-card.active {
  transform: scale(1.08); /* Slightly larger for better visual impact */
  box-shadow: 0 12px 24px rgba(0,0,0,.3);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .slider-track { transform: none !important; animation: none !important; }
  .feed-card { transform: scale(1) !important; }
}