/* Before/After Slider Customization */
.comparison-slider {
  border-radius: 0.5rem;
  overflow: hidden;
  --divider-width: 3px;
  --divider-color: #ffffff;
  --divider-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.comparison-slider img {
  display: block;
  width: 100%;
  height: auto;
}

/* Hover effect for clickable sliders */
.comparison-slider.clickable {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.comparison-slider.clickable:hover {
  transform: scale(1.02);
}

/* Realization card animations */
.realization-card {
  transition: all 0.3s ease;
  overflow: hidden;
}

.realization-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15) !important;
}

.realization-card img {
  transition: transform 0.3s ease;
}

.realization-card:hover img {
  transform: scale(1.05);
}

/* Hero section gradient overlay */
.realization-hero-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .comparison-slider {
    --divider-width: 2px;
  }
}