/* Scoped attachment viewer shared by Woo Reviews and Community replies. */
.sw-media-lightbox{position:fixed;inset:0;z-index:2147483600;background:rgba(10,15,24,.89);display:flex;justify-content:center;align-items:center;padding:55px 16px 24px;box-sizing:border-box;overscroll-behavior:contain}
.sw-media-lightbox img{display:block;max-width:min(100%,1300px);max-height:calc(100dvh - 90px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 8px 38px rgba(0,0,0,.35)}
.sw-media-lightbox-close{position:absolute;right:clamp(12px,3vw,35px);top:clamp(10px,2vw,20px);display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#222;font-size:29px;line-height:1;cursor:pointer}
.sw-media-lightbox-close:focus-visible{outline:3px solid #28b5c7;outline-offset:3px}

/* RC.71: centered SVG controls, in-review carousel, reduced-motion safe. */
.sw-media-lightbox-close,.sw-media-lightbox-prev,.sw-media-lightbox-next{
  display:grid!important;place-items:center!important;padding:0!important;
  box-sizing:border-box!important;line-height:1!important;flex:0 0 auto;
  cursor:pointer;outline-offset:3px;transition:background-color .2s ease;
}
.sw-media-lightbox-close svg,.sw-media-lightbox-prev svg,.sw-media-lightbox-next svg{
  display:block!important;width:22px!important;height:22px!important;margin:0!important;
  transform:none!important;flex:none!important;pointer-events:none;
}
.sw-media-lightbox-prev,.sw-media-lightbox-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;border:1px solid rgba(255,255,255,.42);
  border-radius:50%;background:rgba(20,30,40,.73);color:#fff;
}
.sw-media-lightbox-prev{left:clamp(8px,2vw,30px)}
.sw-media-lightbox-next{right:clamp(8px,2vw,30px)}
.sw-media-lightbox-prev:hover,.sw-media-lightbox-next:hover{background:rgba(50,65,80,.96)}
.sw-media-lightbox-prev:focus-visible,.sw-media-lightbox-next:focus-visible{
  outline:3px solid var(--sw-accent,#27b5c7);
}
.sw-media-lightbox-counter{
  position:absolute;bottom:max(12px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);
  padding:5px 12px;border-radius:20px;background:rgba(0,0,0,.65);
  color:#fff;font-size:13px;pointer-events:none;
}
@media(max-width:600px){.sw-media-lightbox-prev,.sw-media-lightbox-next{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.sw-media-lightbox-prev,.sw-media-lightbox-next{transition:none}}
