.nayeli-dg.nayeli-pb__gallery {
  display: grid;
  gap: 10px;
  width: 100%;
}

.nayeli-dg .nayeli-pb__stage {
  position: relative !important;
  overflow: hidden;
  border-radius: 7px;
  background: #f6f3ee;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nayeli-dg .nayeli-pb__stage[data-lightbox-open="1"] {
  cursor: zoom-in;
}

.nayeli-dg .nayeli-pb__stage img[data-dg-main] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.nayeli-dg .nayeli-pb__gallery-nav {
  position: absolute !important;
  z-index: 2;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  height: 42px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #181818 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.nayeli-dg .nayeli-pb__gallery-nav--prev {
  left: 8px !important;
  right: auto !important;
}

.nayeli-dg .nayeli-pb__gallery-nav--next {
  right: 8px !important;
  left: auto !important;
}

.nayeli-dg .nayeli-pb__gallery-nav::before {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 28px;
  line-height: 1;
}

.nayeli-dg .nayeli-pb__gallery-nav--prev::before {
  content: '<';
}

.nayeli-dg .nayeli-pb__gallery-nav--next::before {
  content: '>';
}

.nayeli-dg .nayeli-pb__thumbs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

.nayeli-dg .nayeli-pb__thumb {
  position: relative;
  aspect-ratio: 1 / 1;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background: #f6f3ee;
  border: 1px solid rgba(43, 123, 127, 0.18);
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.nayeli-dg .nayeli-pb__thumb.is-active {
  border-color: #0b7f85;
  box-shadow: 0 0 0 2px #0b7f85, 0 4px 12px rgba(11, 127, 133, 0.2);
  z-index: 2;
}

.nayeli-dg .nayeli-pb__thumb.is-active::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #0b7f85;
  box-shadow: 0 0 0 2px #fff;
}

.nayeli-dg .nayeli-pb__thumb.is-active img {
  filter: saturate(1.08) contrast(1.03);
}

.nayeli-dg .nayeli-pb__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nayeli-pb__lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(18, 18, 18, 0.82) !important;
}

.nayeli-pb__lightbox-image {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(94vw, 1120px) !important;
  max-height: 90vh !important;
  object-fit: contain !important;
  border-radius: 7px !important;
  background: #f6f3ee !important;
  box-shadow: none !important;
}

.nayeli-pb__lightbox-close,
.nayeli-pb__lightbox-nav {
  position: fixed !important;
  z-index: 1000000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  appearance: none !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #181818 !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  text-transform: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
  cursor: pointer !important;
}

.nayeli-pb__lightbox-close {
  top: 18px !important;
  right: 18px !important;
  left: auto !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 999px !important;
}

.nayeli-pb__lightbox-close::before {
  content: 'x' !important;
  display: block !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.nayeli-pb__lightbox-nav {
  top: 50% !important;
  width: 44px !important;
  height: 54px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
}

.nayeli-pb__lightbox-nav--prev {
  left: 22px !important;
  right: auto !important;
}

.nayeli-pb__lightbox-nav--next {
  right: 22px !important;
  left: auto !important;
}

.nayeli-pb__lightbox-nav--prev::before,
.nayeli-pb__lightbox-nav--next::before {
  display: block !important;
  font-size: 34px !important;
  line-height: 1 !important;
}

.nayeli-pb__lightbox-nav--prev::before {
  content: '<' !important;
}

.nayeli-pb__lightbox-nav--next::before {
  content: '>' !important;
}

.nayeli-dg .nayeli-pb__thumb-toggle {
  justify-self: center;
  padding: 7px 12px !important;
  font-size: 13px !important;
  color: #2b7b7f !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer;
}
.nayeli-dg-duplicate {
  display: none !important;
}

.nayeli-dg-variant-thumb {
  cursor: pointer;
}

@media (max-width: 780px) {
  .nayeli-dg .nayeli-pb__thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nayeli-pb__lightbox {
    padding: 12px;
  }
}