/* Кладётся в CSS САЙТА (витрина), не в панель.
   Подключать после основных стилей. В рамке на html висит data-editor. */

[data-blk] { position: relative; }

/* Анимации в редакторе гасятся: иначе opacity:0 нельзя выделить. */
[data-editor] .reveal,
[data-editor] [data-animate] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

/* [hidden] иначе перебивается display:flex у оверлея — форма внизу страницы. */
[hidden] { display: none !important; }

.site-overlay:not(.is-on),
.site-overlay[hidden] { display: none !important; }
.site-overlay.is-on {
  display: flex !important;
  position: fixed;
  inset: 0;
  z-index: 80;
}

/* В рамке прятать только закрытые оверлеи. Открытые по клику должны работать. */
[data-editor] .site-overlay:not(.is-on) { display: none !important; }

/* Слайдер и аккордеон в рамке развёрнуты, на витрине — как в вёрстке. */
[data-editor] .site-slide { display: block !important; }
[data-editor] details.site-acc:not([open]) > *:not(summary) { display: block !important; }

/* Пустые слоты и editor-only кнопки не попадают на витрину. */
.ed-only { display: none !important; }
[data-editor] .ed-only { display: block !important; }

[data-editor] [data-el] img,
[data-editor] [data-el] svg,
[data-editor] [data-el] video { pointer-events: none; }

[data-editor] { scroll-behavior: auto !important; }