/* ========================================
   AMOREYA — Custom Optimized Styles
   ======================================== */

/* Before/After Slider */
.before-after-container {
  position: relative;
  overflow: hidden;
  user-select: none;
  touch-action: none;
}

.before-after-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.before-image {
  position: absolute;
  top: 0;
  left: 0;
}

.before-image-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #fff;
  cursor: ew-resize;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translateX(-50%);
}

.slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

/* Palette Preview Transition */
.palette-preview-img {
  transition: opacity 150ms ease;
}