/* JY Robot product lightbox interaction V2 */
@media(max-width:760px){
  .lightbox-scroll{
    padding:76px 12px 28px!important;
    overscroll-behavior:contain;
    touch-action:pan-y;
  }
  .lightbox img{
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 116px)!important;
  }
  .jy-lightbox-nav{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(0,0,0,.44);
    color:#fff;
    font-size:28px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    backdrop-filter:blur(4px);
  }
  .jy-lightbox-prev{left:10px}
  .jy-lightbox-next{right:10px}
  .jy-lightbox-counter{
    position:fixed;
    z-index:4;
    left:50%;
    bottom:14px;
    transform:translateX(-50%);
    color:#fff;
    font-size:12px;
    line-height:1;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(0,0,0,.5);
    pointer-events:none;
  }
}
@media(min-width:761px){
  .jy-lightbox-nav{
    position:fixed;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.28);
    background:rgba(0,0,0,.38);
    color:#fff;
    font-size:30px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .jy-lightbox-prev{left:18px}
  .jy-lightbox-next{right:18px}
  .jy-lightbox-counter{
    position:fixed;
    z-index:4;
    left:50%;
    bottom:16px;
    transform:translateX(-50%);
    color:#fff;
    font-size:12px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(0,0,0,.48);
    pointer-events:none;
  }
}