body[data-builder-preview="1"] * {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

body[data-builder-preview="1"] [data-builder-section],
body[data-builder-preview="1"] [data-builder-id],
body[data-builder-preview="1"] h1,
body[data-builder-preview="1"] h2,
body[data-builder-preview="1"] h3,
body[data-builder-preview="1"] h4,
body[data-builder-preview="1"] p,
body[data-builder-preview="1"] a,
body[data-builder-preview="1"] button,
body[data-builder-preview="1"] img {
  transition: outline-color .15s, box-shadow .15s, opacity .15s;
}

.wb-builder-hover {
  outline: 2px dashed rgba(56, 189, 248, .95) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(56, 189, 248, .12) !important;
}

.wb-builder-selected {
  outline: 2px solid rgba(236, 72, 153, .95) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(236, 72, 153, .18) !important;
}

.wb-builder-hidden {
  display: none !important;
}

[data-builder-generated="1"] {
  position: relative;
}

[data-builder-generated="1"]::before {
  content: "Builder Section";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(139, 92, 246, .9);
}

body[data-builder-preview="1"] .marquee-track {
  animation: none !important;
  transform: none !important;
}

body[data-builder-preview="1"] .p-card,
body[data-builder-preview="1"] .cat-tile,
body[data-builder-preview="1"] .hero-slide {
  transform: none !important;
}