/* Вертикальная лента миниатюр слева от главного фото — как на divan.ru.
   Владелец 28.09.2026: «блок с фотографиями идёт вертикально в левом блоке,
   а не под фотографией».

   Две тонкости:
   1. Активную галерею тема помечает инлайновым display:block, у остальных
      (по одной на цвет) инлайна нет и они скрыты. Целимся в инлайн, иначе
      правило либо не сработает, либо покажет сразу все галереи.
   2. Все размеры пишем через селектор галереи — у темы свои правила
      с двумя классами, они перебивают одиночный класс.
   Только на компьютере: на телефоне лента под фото удобнее. */
@media (min-width: 1000px) {
  .catalog-element-gallery[style*="display: block"]{
    display:flex !important;
    flex-direction:row-reverse;
    align-items:flex-start;
    gap:14px;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-pictures{
    flex:1 1 auto;
    min-width:0;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview{
    flex:0 0 88px;
    width:88px !important;
    max-width:88px !important;
    margin:0 !important;
    /* тема резервирует по 42 px по бокам под стрелки листания; стрелки мы
       прячем, а этот отступ выталкивал ленту под главное фото */
    padding:0 !important;
    position:relative;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview-slider{
    width:88px !important;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview .owl-stage-outer{
    overflow-y:auto;
    overflow-x:hidden;
    max-height:min(calc(100vh - 160px), 760px);
    scrollbar-width:thin;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview .owl-stage{
    transform:none !important;
    width:auto !important;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:0 !important;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview .owl-item{
    width:80px !important;
    margin:0 !important;
    flex:0 0 auto;
  }
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview-slider-item,
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview-slider-item-picture{
    width:80px !important;
    height:80px !important;
    border-radius:10px;
    overflow:hidden;
  }
  /* стрелки прокрутки ленты не нужны: колонка листается колесом */
  .catalog-element-gallery[style*="display: block"] .catalog-element-gallery-preview-navigation{
    display:none !important;
  }
}