/* RONABE_V159_PUBLIC_CSS */

.product-gallery-main{
  overflow:hidden;
}
.product-gallery-main img[data-gallery-main]{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  cursor:zoom-in!important;
}
.ronabe-lightbox-trigger:focus-visible{
  outline:3px solid rgba(194,64,30,.35);
  outline-offset:3px;
}
.ronabe-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
}
.ronabe-lightbox.is-open{
  display:block;
}
.ronabe-lightbox__backdrop{
  position:absolute;
  inset:0;
  background:rgba(30,22,18,.86);
  backdrop-filter:blur(4px);
}
.ronabe-lightbox__dialog{
  position:absolute;
  inset:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ronabe-lightbox__image{
  display:block;
  width:auto;
  height:auto;
  max-width:calc(100vw - 80px);
  max-height:calc(100vh - 80px);
  object-fit:contain;
  object-position:center;
  border-radius:12px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  background:#fff;
}
.ronabe-lightbox__close,
.ronabe-lightbox__nav{
  position:absolute;
  z-index:2;
  border:0;
  color:#fff;
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.ronabe-lightbox__close{
  top:8px;
  right:8px;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:30px;
  line-height:1;
}
.ronabe-lightbox__nav{
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:60px;
  border-radius:14px;
  font-size:40px;
}
.ronabe-lightbox__nav--prev{left:8px}
.ronabe-lightbox__nav--next{right:8px}
.ronabe-lightbox__caption{
  position:absolute;
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  color:#fff;
  font-size:12px;
  opacity:.82;
  text-align:center;
  white-space:nowrap;
}
html.ronabe-lightbox-open,
html.ronabe-lightbox-open body{
  overflow:hidden!important;
}
@media(max-width:700px){
  .ronabe-lightbox__dialog{inset:8px}
  .ronabe-lightbox__image{
    max-width:calc(100vw - 24px);
    max-height:calc(100vh - 80px);
  }
  .ronabe-lightbox__nav{
    width:42px;
    height:52px;
  }
  .ronabe-lightbox__caption{font-size:10px;bottom:0}
}