/* Tech Carousel Styles */
.tech-carousel-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 1rem 0;
}

.tech-carousel-track {
  display: flex;
  gap: 2rem;
  will-change: transform;
  position: relative;
  left: 0;
}

.tech-logo-item {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.tech-logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: all 0.5s ease;
}

.grayscale {
  filter: grayscale(100%);
  opacity: 0.8;
}

.tech-logo-item:hover {
  transform: scale(1.15);
}

.tech-logo-img:hover {
  filter: grayscale(0);
  opacity: 1;
}


/* Dodaj to w sekcji extra_scripts */
#lightboxModal .modal-content {
  background-color: transparent;
  border: none;
}

#lightboxModal .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

#lightboxModal .modal-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  justify-content: center;
}