.ypg-gallery{border:0!important;outline:0!important;box-shadow:none!important;--ypg-ratio:1 / 1;--ypg-fit:contain;--ypg-main-radius:0px;--ypg-main-border-width:0px;--ypg-main-border-style:solid;--ypg-main-border-color:#e5e7eb;--ypg-thumb-w:78px;--ypg-thumb-h:78px;--ypg-gap:12px;--ypg-thumb-radius:6px;--ypg-thumb-border:1px;--ypg-thumb-border-color:#e5e7eb;--ypg-active-border:2px;--ypg-active-color:#111827;--ypg-inactive-opacity:.72;--ypg-arrow-size:38px;--ypg-arrow-radius:50%;--ypg-arrow-bg:#fff;--ypg-arrow-color:#111827;--ypg-arrow-border:#e5e7eb;position:relative;width:100%;max-width:100%;box-sizing:border-box}.ypg-gallery *{box-sizing:border-box}.ypg-stage-wrap{position:relative;min-width:0}.ypg-stage{position:relative;overflow:hidden;border-radius:var(--ypg-main-radius);background:#fff;aspect-ratio:var(--ypg-ratio);border:var(--ypg-main-border-width) var(--ypg-main-border-style) var(--ypg-main-border-color)}.ypg-gallery[style*="--ypg-ratio:auto"] .ypg-stage{aspect-ratio:auto;min-height:420px}.ypg-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease;transform:translateX(10px);pointer-events:none}.ypg-slide.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.ypg-no-anim .ypg-slide{transition:none}.ypg-image-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in}.ypg-image-button img{display:block;width:100%;height:100%;object-fit:var(--ypg-fit);transition:transform .2s ease}.ypg-image-button img.is-zoomed{transform:scale(1.65)}.ypg-nav,.ypg-thumb-nav{display:flex;align-items:center;justify-content:center;width:var(--ypg-arrow-size);height:var(--ypg-arrow-size);border:1px solid var(--ypg-arrow-border);border-radius:var(--ypg-arrow-radius);background:var(--ypg-arrow-bg);color:var(--ypg-arrow-color);box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:24px;line-height:1;cursor:pointer;z-index:4;padding:0}.ypg-nav{position:absolute;top:50%;transform:translateY(-50%)}.ypg-prev{left:12px}.ypg-next{right:12px}.ypg-nav:hover,.ypg-thumb-nav:hover{filter:brightness(.97)}.ypg-nav[hidden],.ypg-thumb-nav[hidden]{display:none!important}.ypg-counter{position:absolute;right:12px;bottom:12px;padding:5px 9px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font:600 12px/1.2 sans-serif;z-index:3;display:none}.ypg-dots{display:none;position:absolute;left:50%;bottom:12px;transform:translateX(-50%);gap:6px;z-index:3}.ypg-dots button{width:7px;height:7px;border:0;border-radius:50%;background:rgba(0,0,0,.24);padding:0}.ypg-dots button.is-active{background:#111}.ypg-thumbs-wrap{display:flex;align-items:center;gap:10px;margin-top:var(--ypg-gap);min-width:0}.ypg-thumbs-viewport{overflow:auto;scrollbar-width:none;flex:1;scroll-behavior:smooth}.ypg-thumbs-viewport::-webkit-scrollbar{display:none}.ypg-thumbs{display:flex;gap:var(--ypg-gap);width:max-content}.ypg-thumb{width:var(--ypg-thumb-w);height:var(--ypg-thumb-h);flex:0 0 var(--ypg-thumb-w);padding:0;overflow:hidden;border:var(--ypg-thumb-border) solid var(--ypg-thumb-border-color);border-radius:var(--ypg-thumb-radius);background:#fff;opacity:var(--ypg-inactive-opacity);cursor:pointer}.ypg-thumb img{width:100%;height:100%;display:block;object-fit:cover}.ypg-thumb.is-active{opacity:1;border:var(--ypg-active-border) solid var(--ypg-active-color)}.ypg-pos-top{display:flex;flex-direction:column}.ypg-pos-top .ypg-thumbs-wrap{order:-1;margin-top:0;margin-bottom:var(--ypg-gap)}.ypg-pos-left,.ypg-pos-right{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ypg-gap);align-items:stretch}.ypg-pos-right{grid-template-columns:minmax(0,1fr) auto}.ypg-pos-right .ypg-stage-wrap{order:1}.ypg-pos-right .ypg-thumbs-wrap{order:2}.ypg-pos-left .ypg-thumbs-wrap,.ypg-pos-right .ypg-thumbs-wrap{flex-direction:column;margin-top:0;max-height:100%;height:100%;width:calc(var(--ypg-thumb-w) + 2px)}.ypg-pos-left .ypg-thumbs-viewport,.ypg-pos-right .ypg-thumbs-viewport{height:100%;width:100%}.ypg-pos-left .ypg-thumbs,.ypg-pos-right .ypg-thumbs{flex-direction:column;width:100%;height:max-content}.ypg-pos-left .ypg-thumb-nav,.ypg-pos-right .ypg-thumb-nav{transform:rotate(90deg);flex:0 0 auto}.ypg-lightbox[hidden]{display:none}.ypg-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(8,10,15,.94);display:flex;align-items:center;justify-content:center;padding:48px}.ypg-lightbox-image{max-width:90vw;max-height:88vh;object-fit:contain}.ypg-lightbox-close,.ypg-lightbox-prev,.ypg-lightbox-next{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;font-size:28px;cursor:pointer}.ypg-lightbox-close{top:20px;right:20px}.ypg-lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.ypg-lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.ypg-lightbox-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font:600 13px/1 sans-serif}.ypg-lightbox-open{overflow:hidden}.elementor-widget-yield-product-gallery .ypg-gallery{width:100%}
@media(max-width:767px){.ypg-gallery.ypg-pos-left,.ypg-gallery.ypg-pos-right{display:flex;flex-direction:column}.ypg-pos-left .ypg-stage-wrap,.ypg-pos-right .ypg-stage-wrap{order:1}.ypg-pos-left .ypg-thumbs-wrap,.ypg-pos-right .ypg-thumbs-wrap{order:2;flex-direction:row;width:100%;height:auto;margin-top:var(--ypg-gap)}.ypg-pos-left .ypg-thumbs,.ypg-pos-right .ypg-thumbs{flex-direction:row;width:max-content}.ypg-pos-left .ypg-thumbs-viewport,.ypg-pos-right .ypg-thumbs-viewport{height:auto}.ypg-pos-left .ypg-thumb-nav,.ypg-pos-right .ypg-thumb-nav{transform:none}.ypg-hide-thumbs-mobile .ypg-thumbs-wrap{display:none}.ypg-gallery[data-ypg*='"mobileCounter":true'] .ypg-counter{display:block}.ypg-gallery[data-ypg*='"mobileDots":true'] .ypg-dots{display:flex}.ypg-nav{width:34px;height:34px}.ypg-prev{left:8px}.ypg-next{right:8px}.ypg-lightbox{padding:30px 12px}.ypg-lightbox-prev{left:8px}.ypg-lightbox-next{right:8px}}

/* Yield owns the main-image border. Prevent theme/Elementor gallery styles from leaking in. */
.ypg-gallery .ypg-stage{border-width:var(--ypg-main-border-width)!important;border-style:var(--ypg-main-border-style)!important;border-color:var(--ypg-main-border-color)!important;}
.ypg-gallery[style*="--ypg-main-border-style:none"] .ypg-stage{border:none!important;}

/* Mouse/touch drag support for thumbnail rail. */
.ypg-thumbs-viewport{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;}
.ypg-thumbs-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;}
.ypg-pos-left .ypg-thumbs-viewport,.ypg-pos-right .ypg-thumbs-viewport{touch-action:pan-x;}
@media(max-width:767px){.ypg-pos-left .ypg-thumbs-viewport,.ypg-pos-right .ypg-thumbs-viewport{touch-action:pan-y;}}


/* Natural/original main-image mode: preserve each attachment's original aspect ratio. */
.ypg-gallery.ypg-natural .ypg-stage{aspect-ratio:auto!important;min-height:0!important;}
.ypg-gallery.ypg-natural .ypg-slide{position:absolute;inset:0;}
.ypg-gallery.ypg-natural .ypg-slide.is-active{position:relative;inset:auto;}
.ypg-gallery.ypg-natural .ypg-image-button{height:auto;}
.ypg-gallery.ypg-natural .ypg-image-button img{width:100%;height:auto!important;object-fit:contain!important;}

/* Thumbnail navigation overlays the thumbnail rail instead of taking up white space. */
.ypg-gallery .ypg-thumbs-wrap{position:relative;gap:0;overflow:visible;}
.ypg-gallery .ypg-thumb-nav{position:absolute;top:50%;z-index:6;flex:0 0 auto;}
.ypg-gallery .ypg-thumb-prev{left:0;transform:translate(-45%,-50%);}
.ypg-gallery .ypg-thumb-next{right:0;transform:translate(45%,-50%);}
.ypg-gallery .ypg-thumbs-viewport{width:100%;flex:1 1 100%;}

/* Vertical thumbnail layouts keep the same overlay behavior at the rail ends. */
.ypg-gallery.ypg-pos-left .ypg-thumb-nav,.ypg-gallery.ypg-pos-right .ypg-thumb-nav{left:50%;right:auto;transform:translate(-50%,-45%) rotate(90deg);}
.ypg-gallery.ypg-pos-left .ypg-thumb-prev,.ypg-gallery.ypg-pos-right .ypg-thumb-prev{top:0;bottom:auto;}
.ypg-gallery.ypg-pos-left .ypg-thumb-next,.ypg-gallery.ypg-pos-right .ypg-thumb-next{top:auto;bottom:0;transform:translate(-50%,45%) rotate(90deg);}

@media(max-width:767px){
  .ypg-gallery.ypg-pos-left .ypg-thumb-nav,.ypg-gallery.ypg-pos-right .ypg-thumb-nav{top:50%;bottom:auto;transform:translate(-45%,-50%);}
  .ypg-gallery.ypg-pos-left .ypg-thumb-prev,.ypg-gallery.ypg-pos-right .ypg-thumb-prev{left:0;right:auto;}
  .ypg-gallery.ypg-pos-left .ypg-thumb-next,.ypg-gallery.ypg-pos-right .ypg-thumb-next{left:auto;right:0;transform:translate(45%,-50%);}
}

/* Optional drag-only thumbnail mode. */
.ypg-thumb-click-disabled .ypg-thumb{cursor:grab}
.ypg-thumb-click-disabled .ypg-thumbs-viewport.is-dragging .ypg-thumb{cursor:grabbing}

/* v1.3.9: disable thumbnail clicks while preserving drag */
.ypg-thumb-click-disabled .ypg-thumb{pointer-events:none;}

/* v1.4.0 video gallery support */
.ypg-video-main{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}
.ypg-video-frame,.ypg-video-element{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}
.ypg-video-thumb{position:relative}
.ypg-video-thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#20242b,#111827)}
.ypg-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);color:#111827;font-size:12px;line-height:1;padding-left:2px;box-shadow:0 3px 12px rgba(0,0,0,.18);pointer-events:none}
.ypg-natural .ypg-video-slide.is-active{position:relative;min-height:420px}
.ypg-natural .ypg-video-main{min-height:420px}

/* Refined vertical-left/right layout, matching a product-gallery rail beside the main media. */
.ypg-gallery.ypg-pos-left,.ypg-gallery.ypg-pos-right{align-items:stretch}
.ypg-gallery.ypg-pos-left .ypg-stage-wrap,.ypg-gallery.ypg-pos-right .ypg-stage-wrap{min-width:0}
.ypg-gallery.ypg-pos-left .ypg-thumbs-wrap,.ypg-gallery.ypg-pos-right .ypg-thumbs-wrap{position:relative;align-self:stretch;min-height:0;max-height:none}
.ypg-gallery.ypg-pos-left .ypg-thumbs-viewport,.ypg-gallery.ypg-pos-right .ypg-thumbs-viewport{position:absolute;inset:0;overflow:auto}
.ypg-gallery.ypg-pos-left .ypg-thumbs,.ypg-gallery.ypg-pos-right .ypg-thumbs{padding:0}
@media(max-width:767px){
  .ypg-gallery.ypg-pos-left .ypg-thumbs-viewport,.ypg-gallery.ypg-pos-right .ypg-thumbs-viewport{position:relative;inset:auto}
  .ypg-natural .ypg-video-slide.is-active,.ypg-natural .ypg-video-main{min-height:280px}
}


/* v1.4.1 - hard isolation from theme/Elementor button and image styles. */
.ypg-gallery button.ypg-nav,
.ypg-gallery button.ypg-thumb-nav,
.ypg-gallery button.ypg-thumb,
.ypg-gallery button.ypg-image-button,
.ypg-gallery .ypg-dots button,
.ypg-gallery .ypg-lightbox button {
  -webkit-appearance:none!important;
  appearance:none!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  font-family:Arial,sans-serif!important;
  box-sizing:border-box!important;
  margin:0!important;
  min-width:0!important;
  max-width:none!important;
}
.ypg-gallery button.ypg-image-button{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  padding:0!important;
}
.ypg-gallery button.ypg-thumb{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
  padding:0!important;
  line-height:1!important;
}
.ypg-gallery button.ypg-nav,
.ypg-gallery button.ypg-thumb-nav{
  background:var(--ypg-arrow-bg)!important;
  background-image:none!important;
  border:1px solid var(--ypg-arrow-border)!important;
  border-radius:var(--ypg-arrow-radius)!important;
  color:var(--ypg-arrow-color)!important;
  width:var(--ypg-arrow-size)!important;
  height:var(--ypg-arrow-size)!important;
  padding:0!important;
  line-height:1!important;
}
.ypg-gallery img{
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  margin:0!important;
}

/* v1.4.1 - explicit grid placement fixes left-side vertical thumbnails. */
@media(min-width:768px){
  .ypg-gallery.ypg-pos-left,
  .ypg-gallery.ypg-pos-right{
    display:grid!important;
    align-items:stretch!important;
    column-gap:var(--ypg-gap)!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
  }
  .ypg-gallery.ypg-pos-left{
    grid-template-columns:var(--ypg-thumb-w) minmax(0,1fr)!important;
    grid-template-areas:"thumbs stage"!important;
  }
  .ypg-gallery.ypg-pos-right{
    grid-template-columns:minmax(0,1fr) var(--ypg-thumb-w)!important;
    grid-template-areas:"stage thumbs"!important;
  }
  .ypg-gallery.ypg-pos-left .ypg-stage-wrap,
  .ypg-gallery.ypg-pos-right .ypg-stage-wrap{
    grid-area:stage!important;
    order:initial!important;
    min-width:0!important;
    width:100%!important;
  }
  .ypg-gallery.ypg-pos-left .ypg-thumbs-wrap,
  .ypg-gallery.ypg-pos-right .ypg-thumbs-wrap{
    grid-area:thumbs!important;
    order:initial!important;
    width:var(--ypg-thumb-w)!important;
    min-width:var(--ypg-thumb-w)!important;
    max-width:var(--ypg-thumb-w)!important;
    height:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .ypg-gallery.ypg-pos-left .ypg-thumbs-viewport,
  .ypg-gallery.ypg-pos-right .ypg-thumbs-viewport{
    width:var(--ypg-thumb-w)!important;
    max-width:var(--ypg-thumb-w)!important;
    height:100%!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .ypg-gallery.ypg-pos-left .ypg-thumbs,
  .ypg-gallery.ypg-pos-right .ypg-thumbs{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:var(--ypg-thumb-w)!important;
    min-width:var(--ypg-thumb-w)!important;
    gap:var(--ypg-gap)!important;
  }
  .ypg-gallery.ypg-pos-left .ypg-thumb,
  .ypg-gallery.ypg-pos-right .ypg-thumb{
    width:var(--ypg-thumb-w)!important;
    min-width:var(--ypg-thumb-w)!important;
    max-width:var(--ypg-thumb-w)!important;
    height:var(--ypg-thumb-h)!important;
    min-height:var(--ypg-thumb-h)!important;
    max-height:var(--ypg-thumb-h)!important;
    flex:0 0 var(--ypg-thumb-h)!important;
  }
}

/* Lightbox is independent from hover zoom. */
.ypg-gallery .ypg-image-button{cursor:pointer!important;}
.ypg-gallery.ypg-zoom-enabled .ypg-image-button{cursor:zoom-in!important;}


/* v1.4.3 - native, momentum thumbnail scrolling on touch devices. */
.ypg-thumbs-viewport{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.ypg-thumbs-viewport::-webkit-scrollbar{display:none;width:0;height:0;}
@media (hover:none), (pointer:coarse){
  .ypg-gallery .ypg-thumbs-viewport{
    scroll-behavior:auto!important;
    touch-action:pan-x pan-y!important;
  }
  .ypg-gallery .ypg-thumb{
    touch-action:pan-x pan-y!important;
    -webkit-tap-highlight-color:transparent;
  }
  .ypg-gallery.ypg-pos-left .ypg-thumbs-viewport,
  .ypg-gallery.ypg-pos-right .ypg-thumbs-viewport{
    touch-action:pan-x pan-y!important;
  }
}