@charset "UTF-8";

/* Płynne przewijanie */
html {
  scroll-behavior: smooth;
}

/* Ukrywanie pasków przewijania w karuzeli presetów */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Delikatna animacja unoszenia (Floating Badge) */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
.animate-float {
  animation: float 4s ease-in-out infinite;
}

/* Suwak Przed/Po */
.slider-container {
  position: relative;
  overflow: hidden;
  user-select: none;
}

.slider-range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: ew-resize;
  z-index: 30;
  margin: 0;
  padding: 0;
}

/* Efekty filtrów presetów */
.filter-portra {
  filter: contrast(110%) sepia(20%) hue-rotate(-10deg) saturate(110%);
}
.filter-velvia {
  filter: contrast(125%) saturate(150%);
}
.filter-trix {
  filter: grayscale(100%) contrast(125%) brightness(110%);
}
.filter-ektar {
  filter: contrast(125%) saturate(150%) hue-rotate(5deg) sepia(10%);
}
.filter-superia {
  filter: contrast(110%) saturate(120%) hue-rotate(10deg) sepia(10%);
}