/* DIVIVUDI Pastel Tier-1 Lightbox - stable layout
 * Keep GLightbox's native layout/positioning. Only style the visual layer.
 */
.dvvd-lightbox { display:block; cursor:zoom-in; }
.dvvd-lightbox img { display:block; cursor:zoom-in; width: stretch; border-radius: 20px}

/* Do not override GLightbox's internal flex/positioning. */
.glightbox-container {
  background: rgba(46, 46, 58, 0.90) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.glightbox-container .gslide-media {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(46, 46, 58, 0.28);
}

.glightbox-container .gslide-image img {
  border-radius: 18px;
}

.glightbox-container .gbtn {
  width:46px; height:46px; border-radius:50%;
  background:rgba(250,250,255,.96) !important;
  border:1px solid rgba(108,112,247,.16) !important;
  box-shadow:0 8px 24px rgba(46,46,58,.18);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.glightbox-container .gbtn:hover {
  background:#fff !important;
  box-shadow:0 10px 28px rgba(46,46,58,.24);
  transform:translateY(-1px);
}
.glightbox-container .gbtn:focus-visible {
  outline:3px solid rgba(137,207,240,.55); outline-offset:3px;
}
.glightbox-container .gbtn svg,
.glightbox-container .gbtn path {
  /*fill:#6C70F7 !important; stroke:#6C70F7 !important;*/
  fill:#2f7656 !important; stroke:#2f7656 !important;
}
.glightbox-container .gclose { top:20px; right:20px; }

.glightbox-container .gslide-description {
  max-width:min(760px,calc(100vw - 40px));
  margin:12px auto 0; padding:10px 16px; border-radius:14px;
  background:rgba(250,250,255,.96) !important;
  box-shadow:0 8px 24px rgba(46,46,58,.16);
}
.glightbox-container .gslide-title {
  margin:0; color:#2E2E3A !important; font-size:.92rem;
  font-weight:600; line-height:1.45;
}
.glightbox-container .gslide-desc { color:#8A8A9D; }

@media (max-width:767.98px) {
  .glightbox-container .gbtn { width:42px; height:42px; }
  .glightbox-container .gclose { top:12px; right:12px; }
  .glightbox-container .gslide-media,
  .glightbox-container .gslide-image img { border-radius:14px; }
  .glightbox-container .gslide-description {
    max-width:calc(100vw - 24px); margin-top:8px; padding:8px 12px; border-radius:12px;
  }

  .dvvd-lightbox img { 
	max-width:calc(100vw - 24px); margin-top:8px; 
	/* padding:8px 12px; */
	display:block; 
	cursor:zoom-in; 
	width: stretch; 
	border-radius: 30px;
  }
}