/* LYTL Immersive Builder MASTER 1.0 — hologram-stage.css — consolidated canonical styles */

.elementor-widget-lytl_assistants_station:has(.lytl-assistants.is-overlay),
.elementor-widget-lytl_immersive_hologram_stage:has(.lytl-holo.is-overlay) {
  position: absolute;
  margin: 0 !important;
  max-width: none !important;
}

.lytl-holo {
  --holo-beam: #c487f4;
  --holo-glow: #b86bec;
  --holo-gold: #e7c778;
  width: 100%;
  position: relative;
  isolation: isolate;
}

.lytl-holo__visual {
  position: relative;
  width: 100%;
  height: 430px;
  min-height: 220px;
  overflow: visible;
  pointer-events: none;
}

.lytl-holo__beam {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 5%;
  width: 58%;
  height: 76%;
  transform: translateX(-50%);
  background: linear-gradient(180deg,transparent,color-mix(in srgb,var(--holo-beam) 12%,transparent) 42%,color-mix(in srgb,var(--holo-beam) 42%,transparent));
  clip-path: polygon(34% 100%,66% 100%,100% 0,0 0);
  filter: blur(7px);
  opacity: .9;
}

.lytl-holo__platform {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 2%;
  width: 58%;
  height: 12px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse,color-mix(in srgb,#fff 68%,var(--holo-glow)),color-mix(in srgb,var(--holo-glow) 54%,transparent) 48%,transparent 72%);
  box-shadow: 0 0 28px var(--holo-glow),0 0 65px color-mix(in srgb,var(--holo-glow) 42%,transparent);
}

.lytl-holo__scan {
  position: absolute;
  z-index: 4;
  inset: 0;
  opacity: .12;
  mix-blend-mode: screen;
  background: repeating-linear-gradient(180deg,rgba(255,255,255,.55) 0 1px,transparent 1px 5px);
  -webkit-mask-image: linear-gradient(transparent 4%,#000 16% 88%,transparent 98%);
  mask-image: linear-gradient(transparent 4%,#000 16% 88%,transparent 98%);
}

.lytl-holo__image {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 5%;
  width: auto;
  height: auto;
  max-width: 88%;
  max-height: 94%;
  object-fit: contain;
  transform: translate(-50%,26%) scale(.34);
  opacity: 0;
  filter: drop-shadow(0 0 9px color-mix(in srgb,#fff 30%,var(--holo-glow))) drop-shadow(0 0 27px color-mix(in srgb,var(--holo-glow) 56%,transparent));
  transition: transform .58s cubic-bezier(.17,.8,.23,1),opacity .32s ease,filter .3s ease;
  transform-origin: center bottom;
}

.lytl-holo.is-showing .lytl-holo__image {
  transform: translate(calc(-50% + var(--holo-x-offset,0%)),var(--holo-y,0%)) scale(var(--holo-scale,1));
  opacity: var(--holo-opacity,.92);
}

.lytl-holo.is-floating .lytl-holo__image {
  animation: lytlHoloFloat 3.4s ease-in-out infinite;
}

.lytl-holo.is-switching .lytl-holo__image {
  transform: translate(-50%,24%) scale(.38);
  opacity: 0;
}

@keyframes lytlHoloFloat {0%,100%{translate:0 0}50%{translate:0 -7px}}

@media (max-width:767px) {
.lytl-holo__beam,.lytl-holo__platform {
  width: 72%;
}
}

@media (prefers-reduced-motion:reduce) {
.lytl-holo.is-floating .lytl-holo__image,
  .lytl-assistants__flip-inner {
  animation: none !important;
  transition: none !important;
}
}

.lytl-holo__video,.lytl-holo__rich{position:absolute;bottom:var(--holo-y,0%);left:50%;transform:translateX(-50%) scale(var(--holo-scale,1));opacity:var(--holo-opacity,.92);z-index:4}
.lytl-holo__video{object-fit:contain;background:transparent}
.lytl-holo__rich{padding:18px 20px;border:1px solid color-mix(in srgb,var(--holo-gold) 55%,transparent);border-radius:16px;background:color-mix(in srgb,var(--holo-rich-bg,#351845) var(--holo-rich-opacity,35%),transparent);backdrop-filter:blur(var(--holo-rich-blur,4px));-webkit-backdrop-filter:blur(var(--holo-rich-blur,4px));color:#fff;overflow:auto}
.lytl-holo__rich.is-transparent{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important}
.lytl-holo__rich h3{margin:0 0 8px;color:var(--holo-gold)}

.lytl-holo__rich{isolation:isolate}
.lytl-holo__rich-bg{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:var(--holo-rich-opacity,35%)}
.lytl-holo__rich-bg img,.lytl-holo__rich-bg video{width:100%;height:100%;display:block;object-fit:cover}
.lytl-holo__rich-content{position:relative;z-index:2}
.lytl-holo__rich.is-transparent .lytl-holo__rich-bg{display:none}