/* прогресс-бар для .ocp-uploader — высота как у крупных кнопок (~36px) */
.ocp-uploader{ position: relative; display:inline-block; }
.ocp-uploader .ocp-progress{
  position:absolute; left:0; bottom:0;
  height:36px; width:0%; background:#fa993e33; border-radius:7px;
  transition: width .2s ease;
  display:none;
}
.ocp-uploader .ocp-progress.show{ display:block; }

/* сетка превью (минимально, дизайн темы не трогаем) */
.ocp-gallery{ position:relative; }
.ocp-gallery-thumb{ object-fit:cover; width:300px; height:300px; }
.ocp-gallery-count{
  margin-top:6px; font-size:13px; color:#c08a9e;
}

/* центрирование медиа */
.ocp-media-center{ display:block; margin-left:auto; margin-right:auto; }

/* лайтбокс */
.ocp-lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.86); z-index:9999;
  display:flex; align-items:flex-start; justify-content:center; padding-top:100px;
}
.ocp-lightbox .ocp-img{ max-width:90vw; max-height:80vh; }
.ocp-lightbox .ocp-close{
  position:fixed; top:100px; right:20px; width:44px; height:44px;
  border:none; border-radius:10px; background:#fa993e; color:#fff; font-size:28px; line-height:44px; cursor:pointer;
}
.ocp-lightbox .ocp-nav{
  position:fixed; top:50%; width:60px; height:60px; margin-top:-30px; cursor:pointer;
}
.ocp-lightbox .ocp-prev{ left:20px; }
.ocp-lightbox .ocp-next{ right:20px; }