.showcase-lightbox .showcase-lightbox-info {
  height: auto;
  gap: 12px;
  filter: none;
}

.showcase-lightbox .showcase-lightbox-title,
.showcase-lightbox .showcase-lightbox-description {
  overflow: visible;
  border: 1px solid rgba(255, 255, 248, 0.2);
  border-radius: 4px;
  background: #0a0a0a;
  box-shadow: none;
  text-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transform: translateY(14px);
  transition: opacity 0.32s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

.showcase-lightbox .showcase-lightbox-title {
  min-height: 82px;
  padding: 22px 24px;
  border-left: 3px solid #b8ff00;
  font-size: clamp(21px, 1.65vw, 29px);
  letter-spacing: -0.02em;
}

.showcase-lightbox .showcase-lightbox-description {
  min-height: 168px;
  padding: 22px 24px;
  color: rgba(244, 244, 239, 0.68);
  font-size: clamp(13px, 0.86vw, 15px);
  letter-spacing: 0.015em;
  line-height: 1.72;
}

.showcase-lightbox .showcase-lightbox-title::before,
.showcase-lightbox .showcase-lightbox-description::before,
.showcase-lightbox .showcase-lightbox-title::after,
.showcase-lightbox .showcase-lightbox-description::after {
  display: none;
}

.showcase-lightbox.is-visible .showcase-lightbox-title,
.showcase-lightbox.is-visible .showcase-lightbox-description {
  transform: none;
}

@media (max-width: 820px) {
  .showcase-lightbox .showcase-lightbox-info {
    gap: 8px;
  }

  .showcase-lightbox .showcase-lightbox-title,
  .showcase-lightbox .showcase-lightbox-description {
    min-height: auto;
    padding: 14px 16px;
    border-radius: 3px;
  }

  .showcase-lightbox .showcase-lightbox-title {
    border-left-width: 2px;
    font-size: 19px;
  }

  .showcase-lightbox .showcase-lightbox-description {
    font-size: 12px;
    line-height: 1.58;
  }
}