.gtet-sb__lightbox {
  position: fixed;
  inset: 0;
  background: rgba(5, 7, 20, 0.98);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 4vw, 2rem);
  z-index: 9999;
}

.gtet-sb__lightbox[hidden] {
  display: none !important;
}

.gtet-sb__lightbox-inner {
  position: relative;
  width: min(95vw, 1200px);
  max-height: min(90vh, 900px);
  background: #0a0e2a;
  padding: clamp(0.75rem, 2vw, 1.5rem);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gtet-sb__lightbox-inner img {
  max-width: calc(95vw - 3rem) !important;
  max-height: calc(90vh - 3rem) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
  background: #0a0e2a;
}

.gtet-sb__lightbox-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  border: 0;
  background: rgba(12, 20, 60, 0.75);
  color: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  font-size: 1.5rem;
  cursor: pointer;
}

.gtet-sb__lightbox-close:focus,
.gtet-sb__lightbox-close:hover {
  background: rgba(50, 235, 255, 0.85);
  color: #0a0e34;
}

@media (max-width: 640px) {
  .gtet-sb__lightbox-inner {
    width: 100%;
    max-height: calc(100vh - 2rem);
    border-radius: 12px;
  }

  .gtet-sb__lightbox-inner img {
    max-width: calc(100vw - 2rem) !important;
    max-height: calc(100vh - 4rem) !important;
    border-radius: 10px;
  }
}