.vertical_left .pgsp-social-share,
.vertical_right .pgsp-social-share {
  padding-top: 20px;
}

.vertical_left .pgsp-thumbs,
.vertical_right .pgsp-thumbs {
  float: left;
  width: calc(20% - 10px);
}

.vertical_left .pgsp-main,
.vertical_right .pgsp-main {
  float: left;
  width: 80%;
}

.vertical_left .pgsp-main div,
.vertical_left .pgsp-thumbs div,
.vertical_right .pgsp-main div,
.vertical_right .pgsp-thumbs div {
  outline: 0;
}

.vertical_left .pgsp-main span,
.vertical_right .pgsp-main span {
  display: block;
  /* height: 250px; */
  background: #000;
  color: #3498db;
  font-size: 36px;
  line-height: 250px;
  margin: 0 10px 0 10px;
  padding: 2%;
  text-align: center;
}

.vertical_left .pgsp-thumbs span,
.vertical_right .pgsp-thumbs span {
  display: block;
  margin-bottom: 5px;
  height: 55px;
  color: #000;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
}

.pgsp-gallery.vertical_left .pgsp-thumbs {
  margin-left: 10px;
}

.pgsp-gallery.vertical_right .pgsp-thumbs {
  margin-right: 10px;
  order: 0;
}

.pgsp-gallery.vertical_left,
.pgsp-gallery.vertical_right {
  display: flex;
  flex-wrap: wrap;
}

.pgsp-gallery.vertical_right .pgsp-main {
  order: 1;
}

.pgsp-gallery.vertical_right .pgsp-social-share {
  order: 2;
}

.pgsp-main-item video,
.pgsp-main-item iframe {
  aspect-ratio: 1 / 1;
}

.pgsp-main-item iframe {
  width: 100%;
}

/* .pgsp-gallery.horizontal .pgsp-main,
.pgsp-gallery.horizontal .pgsp-thumbs {
  width: 100%;
}

.pgsp-gallery.horizontal .pgsp-thumbs {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}

.pgsp-gallery.horizontal .pgsp-thumbs .slick-slide {
  margin: 0 !important;
  width: auto !important;
}

.pgsp-gallery.horizontal .pgsp-thumbs .slick-track {
  display: flex !important;
  gap: 10px;
} */

.pgsp-gallery .pgsp-thumbs .slick-slide {
  opacity: 0.5;
  width: var(--pgsp-thumb-size) !important;
  /* height: var(--pgsp-thumb-size)!important; */
}

.pgsp-gallery .pgsp-thumbs .slick-slide.slick-active.slick-current {
  opacity: 1;
}

.storefront-product-pagination a {
  z-index: 1020 !important;
}

.pgsp-gallery.horizontal .pgsp-thumbs .slick-slide {
  padding-right: 5px;
}

.pgsp-gallery .pgsp-thumbs .slick-slide img {
  border: var(--pgsp-thumb-border);
  cursor: pointer;
}

.pgsp-gallery .pgsp-thumbs .slick-slide.slick-active.slick-current img {
  border: var(--pgsp-thumb-active-border);
}

/* .woocommerce-product-gallery.pgsp-gallery:has(.slick-dots) .pgsp-thumbs {
    padding-top: 30px;
} */

/* Lightbox Icon Styles */
.pgsp-lightbox-icon {
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
  color: var(--pgsp-lightbox-icon-color, #ffffff);
  /* opacity: 0; */
}

.pgsp-main-item:hover .pgsp-lightbox-icon {
  /* opacity: 1; */
}

.pgsp-lightbox-icon:hover {
  color: var(--pgsp-lightbox-icon-hover-color, #cccccc);
}

/* Lightbox Icon Positions */
.pgsp-lightbox-icon-top-right {
  top: 10px;
  right: 10px;
}


.pgsp-lightbox-icon-bottom-right {
  bottom: 10px;
  right: 10px;
}

.pgsp-lightbox-icon-bottom-left {
  bottom: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

/* Make sure videos have correct dimensions */
.pgsp-main-item video,
.pgsp-main-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Magnific Popup Custom Styles */
.mfp-bg {
  background: var(--pgsp-lightbox-bg-color, #000000);
}

/* Custom slide effects */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Zoom effect */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  backface-visibility: hidden;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Caption positioning */
.mfp-caption-position-top .mfp-bottom-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.7);
}

/* Fullscreen button */
.mfp-fullscreen {
  position: absolute;
  right: 44px;
  top: 0;
  z-index: 1046;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.mfp-fullscreen:hover {
  opacity: 0.65;
}

/* Video container styles */
.mfp-video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
}

.mfp-video-container video,
.mfp-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mfp-container.mfp-s-ready button {
  background-color: transparent !important;
  cursor: pointer !important;
}

.mfp-container.mfp-s-ready button:hover,
.mfp-container.mfp-s-ready button:focus {
  background-color: transparent !important;
  cursor: pointer !important;
  outline: 0;
}

.pgsp-social-share.pgsp-social-bottom {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-top: calc(var(--pgsp-bullet-position-spacing) * 2);
}

.horizontal .pgsp-social-share.pgsp-social-bottom {
  margin-top: 10px;
}

.pgsp-social-icon {
  text-decoration: none;
  font-size: 20px;
}

.pgsp-social-icon.pgsp-social-facebook .pgsp-social-img {
  background-color: #3b5998;
  /* Facebook Blue */
}

.pgsp-social-icon.pgsp-social-twitter .pgsp-social-img {
  background-color: #1da1f2;
  /* Twitter Blue */
}

.pgsp-social-icon.pgsp-social-pinterest .pgsp-social-img {
  background-color: #bd081c;
  /* Pinterest Red */
}

.pgsp-social-icon.pgsp-social-instagram .pgsp-social-img {
  background-color: palevioletred;
  /* Neutral Gray */
}

.pgsp-social-icon.pgsp-social-whatsapp .pgsp-social-img {
  background-color: #25d366;
  /* WhatsApp Green */
}

.pgsp-social-icon.pgsp-social-copy_link .pgsp-social-img {
  background-color: #4a4a4a;
  /* Dark Gray */
}

/* Common styling */
.pgsp-social-img {
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 4px;
  /* Optional: for smoother look */
}

.pgsp-lightbox-icons-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
}

/* .vertical_left .pgsp-lightbox-icons-wrapper:has(.pgsp-lightbox-icon-top-right, .pgsp-lightbox-icon-bottom-right) {
  left: -20%;
}

.vertical_left .pgsp-lightbox-icons-wrapper:has(.pgsp-lightbox-icon-bottom-left, .pgsp-lightbox-icon-bottom-right) {
  bottom: 0;
} */

.pgsp-lightbox-icon {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  transition: color 0.3s;
}


.pgsp-lightbox-icon-top-left {
  top: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-bottom-right {
  bottom: 10px;
  right: 10px;
}

.pgsp-lightbox-icon-bottom-left {
  bottom: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-arrow.slick-disabled {
  opacity: 0.5 !important;
}

.slick-dots {
  bottom: calc(-1 * (var(--pgsp-bullet-position-spacing) + var(--pgsp-bullet-size)));
}

.pgsp-gallery.inside .slick-dots {
  bottom: var(--pgsp-bullet-position-spacing);
}

.ZoomContainer .zoomLens {
  cursor: zoom-out !important;
}

.custom-zoom-container {
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 10;
}


.pgsp-main img {
  cursor: crosshair;
}

.pgsp-inner-zoom {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.f-thumbs__slide.for-html {
  position: relative;
  background-color: white;
}

.f-thumbs__slide.for-html::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polygon points="40,30 70,50 40,70"/></svg>') no-repeat center center;
  background-size: contain;
  pointer-events: none;
  opacity: 0.8;
}

.custom-fancybox-close {
  position: fixed;
  top: 50px;
  right: 15px;
}

.pgsp-thumbs.slick-initialized.slick-slider {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pgsp-gallery.horizontal.bottom .pgsp-thumbs {
  padding-top: calc(var(--pgsp-bullet-position-spacing) * 2);
}

.pgsp-thumbs.slick-vertical .slick-prev {
  top: 2px;
  left: unset;
  transform: rotate(90deg);
}

.pgsp-thumbs.slick-vertical .slick-next {
  bottom: 10px;
  right: unset;
  top: unset;
  transform: rotate(90deg);
}

.pgsp-gallery.horizontal.bottom .slick-next,
.pgsp-gallery.horizontal.bottom .slick-prev {
  margin-top: calc(var(--pgsp-bullet-position-spacing) - 4px);
}

.pgsp-gallery.horizontal.inside .slick-next,
.pgsp-gallery.horizontal.inside .slick-prev {
  margin-top: -4px;
}

.pgsp-thumbs.slick-vertical .slick-list {
  align-content: space-evenly;
}


.pgsp-gallery {
  position: relative;
  margin-bottom: 2em;
}

/* Main slider */
.pgsp-main {
  margin-bottom: 10px;
  position: relative;
}

.pgsp-main-item {
  position: relative;
  display: flex !important;
}

.pgsp-main img {
  width: 100%;
  height: auto;
  display: block;
}


.vertical_left .pgsp-social-share,
.vertical_right .pgsp-social-share {
  padding-top: 20px;
}

.vertical_left .pgsp-thumbs,
.vertical_right .pgsp-thumbs {
  float: left;
  width: calc(20% - 10px);
}

.vertical_left .pgsp-main,
.vertical_right .pgsp-main {
  float: left;
  width: 80%;
}

.vertical_left .pgsp-main div,
.vertical_left .pgsp-thumbs div,
.vertical_right .pgsp-main div,
.vertical_right .pgsp-thumbs div {
  outline: 0;
}

.vertical_left .pgsp-main span,
.vertical_right .pgsp-main span {
  display: block;
  background: #000;
  color: #3498db;
  font-size: 36px;
  line-height: 250px;
  margin: 0 10px 0 10px;
  padding: 2%;
  text-align: center;
}

.vertical_left .pgsp-thumbs span,
.vertical_right .pgsp-thumbs span {
  display: block;
  margin-bottom: 5px;
  height: 55px;
  color: #000;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
}

.pgsp-gallery.vertical_left .pgsp-thumbs {
  margin-left: 10px;
}

.pgsp-gallery.vertical_right .pgsp-thumbs {
  margin-right: 10px;
  order: 0;
}

.pgsp-gallery.vertical_left,
.pgsp-gallery.vertical_right {
  display: flex;
  flex-wrap: wrap;
}

.pgsp-gallery.vertical_right .pgsp-main {
  order: 1;
}

.pgsp-gallery.vertical_right .pgsp-social-share {
  order: 2;
}

.pgsp-gallery.grid_2col,
.pgsp-gallery.grid_3col {
  display: block;
}

.pgsp-gallery.grid_2col .pgsp-main,
.pgsp-gallery.grid_3col .pgsp-main {
  display: grid;
  gap: 10px;
  width: 100%;
}

.pgsp-gallery.grid_2col .pgsp-main {
  grid-template-columns: repeat(2, 1fr);
}

.pgsp-gallery.grid_3col .pgsp-main {
  grid-template-columns: repeat(3, 1fr);
}

.pgsp-gallery.grid_2col .pgsp-main-item,
.pgsp-gallery.grid_3col .pgsp-main-item {
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.pgsp-gallery.grid_2col .pgsp-main-item:hover,
.pgsp-gallery.grid_3col .pgsp-main-item:hover {
  transform: scale(1.02);
}

.pgsp-gallery.grid_2col .pgsp-main-item img,
.pgsp-gallery.grid_3col .pgsp-main-item img,
.pgsp-gallery.grid_2col .pgsp-main-item video,
.pgsp-gallery.grid_3col .pgsp-main-item video,
.pgsp-gallery.grid_2col .pgsp-main-item iframe,
.pgsp-gallery.grid_3col .pgsp-main-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pgsp-gallery.grid_2col .pgsp-thumbs,
.pgsp-gallery.grid_3col .pgsp-thumbs {
  display: none;
}

.pgsp-gallery.grid_2col .slick-dots,
.pgsp-gallery.grid_3col .slick-dots {
  display: none;
}

.pgsp-gallery.grid_2col .slick-arrow,
.pgsp-gallery.grid_3col .slick-arrow {
  display: none !important;
}

.pgsp-gallery.grid_2col .pgsp-lightbox-icons-wrapper,
.pgsp-gallery.grid_3col .pgsp-lightbox-icons-wrapper {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pgsp-gallery.grid_2col .pgsp-main-item:hover .pgsp-lightbox-icons-wrapper,
.pgsp-gallery.grid_3col .pgsp-main-item:hover .pgsp-lightbox-icons-wrapper {
  opacity: 1;
}

.pgsp-main-item video,
.pgsp-main-item iframe {
  aspect-ratio: 1 / 1;
}

.pgsp-main-item iframe {
  width: 100%;
}

.pgsp-gallery .pgsp-thumbs .slick-slide {
  opacity: 0.5;
  width: var(--pgsp-thumb-size) !important;
}

.pgsp-gallery .pgsp-thumbs .slick-slide.slick-active.slick-current {
  opacity: 1;
}

.storefront-product-pagination a {
  z-index: 1020 !important;
}

.pgsp-gallery.horizontal .pgsp-thumbs .slick-slide {
  padding-right: 5px;
}

.pgsp-gallery .pgsp-thumbs .slick-slide img {
  border: var(--pgsp-thumb-border);
  cursor: pointer;
}

.pgsp-gallery .pgsp-thumbs .slick-slide.slick-active.slick-current img {
  border: var(--pgsp-thumb-active-border);
}

.pgsp-lightbox-icon {
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
  color: var(--pgsp-lightbox-icon-color, #ffffff);
}

.pgsp-lightbox-icon:hover {
  color: var(--pgsp-lightbox-icon-hover-color, #cccccc);
}

.pgsp-lightbox-icon-top-right {
  top: 10px;
  right: 10px;
}

.pgsp-lightbox-icon-bottom-right {
  bottom: 10px;
  right: 10px;
}

.pgsp-lightbox-icon-bottom-left {
  bottom: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.pgsp-main-item video,
.pgsp-main-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mfp-bg {
  background: var(--pgsp-lightbox-bg-color, #000000);
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  backface-visibility: hidden;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-caption-position-top .mfp-bottom-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.7);
}

.mfp-fullscreen {
  position: absolute;
  right: 44px;
  top: 0;
  z-index: 1046;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.mfp-fullscreen:hover {
  opacity: 0.65;
}

.mfp-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.mfp-video-container video,
.mfp-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mfp-container.mfp-s-ready button {
  background-color: transparent !important;
  cursor: pointer !important;
}

.mfp-container.mfp-s-ready button:hover,
.mfp-container.mfp-s-ready button:focus {
  background-color: transparent !important;
  cursor: pointer !important;
  outline: 0;
}

.pgsp-social-share.pgsp-social-bottom {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-top: calc(var(--pgsp-bullet-position-spacing) * 2);
}

.horizontal .pgsp-social-share.pgsp-social-bottom {
  margin-top: 10px;
}

.pgsp-social-icon {
  text-decoration: none;
  font-size: 20px;
}

.pgsp-social-icon.pgsp-social-facebook .pgsp-social-img {
  background-color: #3b5998;
}

.pgsp-social-icon.pgsp-social-twitter .pgsp-social-img {
  background-color: #1da1f2;
}

.pgsp-social-icon.pgsp-social-pinterest .pgsp-social-img {
  background-color: #bd081c;
}

.pgsp-social-icon.pgsp-social-instagram .pgsp-social-img {
  background-color: palevioletred;
}

.pgsp-social-icon.pgsp-social-whatsapp .pgsp-social-img {
  background-color: #25d366;
}

.pgsp-social-icon.pgsp-social-copy_link .pgsp-social-img {
  background-color: #4a4a4a;
}

.pgsp-social-img {
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 4px;
}

.pgsp-lightbox-icons-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
}

.pgsp-lightbox-icon {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  transition: color 0.3s;
}

.pgsp-lightbox-icon-top-left {
  top: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-bottom-right {
  bottom: 10px;
  right: 10px;
}

.pgsp-lightbox-icon-bottom-left {
  bottom: 10px;
  left: 10px;
}

.pgsp-lightbox-icon-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-arrow.slick-disabled {
  opacity: 0.5 !important;
}

.slick-dots {
  bottom: calc(-1 * (var(--pgsp-bullet-position-spacing) + var(--pgsp-bullet-size)));
}

.pgsp-gallery.inside .slick-dots {
  bottom: var(--pgsp-bullet-position-spacing);
}

.ZoomContainer .zoomLens {
  cursor: zoom-out !important;
}

.custom-zoom-container {
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 10;
}

.pgsp-main img {
  cursor: crosshair;
}

.pgsp-inner-zoom {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.f-thumbs__slide.for-html {
  position: relative;
  background-color: white;
}

.f-thumbs__slide.for-html::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: url('data:image/svg+xml;utf8,<svg fill="black" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polygon points="40,30 70,50 40,70"/></svg>') no-repeat center center;
  background-size: contain;
  pointer-events: none;
  opacity: 0.8;
}

.custom-fancybox-close {
  position: fixed;
  top: 50px;
  right: 15px;
}

.pgsp-thumbs.slick-initialized.slick-slider {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pgsp-gallery.horizontal.bottom .pgsp-thumbs {
  padding-top: calc(var(--pgsp-bullet-position-spacing) * 2);
}

.pgsp-thumbs.slick-vertical .slick-prev {
  top: 2px;
  left: unset;
  transform: rotate(90deg);
}

.pgsp-thumbs.slick-vertical .slick-next {
  bottom: 10px;
  right: unset;
  top: unset;
  transform: rotate(90deg);
}

.pgsp-gallery.horizontal.bottom .slick-next,
.pgsp-gallery.horizontal.bottom .slick-prev {
  margin-top: calc(var(--pgsp-bullet-position-spacing) - 4px);
}

.pgsp-gallery.horizontal.inside .slick-next,
.pgsp-gallery.horizontal.inside .slick-prev {
  margin-top: -4px;
}

.pgsp-thumbs.slick-vertical .slick-list {
  align-content: space-evenly;
}

.pgsp-gallery {
  position: relative;
  margin-bottom: 2em;
}

.pgsp-main {
  margin-bottom: 10px;
  position: relative;
}

.pgsp-main-item {
  position: relative;
  display: flex !important;
}

.pgsp-main img {
  width: 100%;
  height: auto;
  display: block;
}

/* @media (max-width: 768px) {

  .pgsp-gallery.grid_2col .pgsp-main,
  .pgsp-gallery.grid_3col .pgsp-main {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .pgsp-gallery.vertical_left,
  .pgsp-gallery.vertical_right {
    display: block;
  }

  .pgsp-gallery.vertical_left .pgsp-thumbs,
  .pgsp-gallery.vertical_right .pgsp-thumbs,
  .pgsp-gallery.vertical_left .pgsp-main,
  .pgsp-gallery.vertical_right .pgsp-main {
    float: none;
    width: 100%;
  }
}

@media (max-width: 480px) {

  .pgsp-gallery.grid_2col .pgsp-main,
  .pgsp-gallery.grid_3col .pgsp-main {
    grid-template-columns: 1fr;
    gap: 8px;
  }
} */

.fancybox-video-wrapper.fancybox__content {
  padding: 1px !important;
}