/* GIOP FX V18G — Holographic hero logo, bottom-right */
#home .hero-symbol{
  position:absolute !important;
  top:auto !important;
  left:auto !important;
  right:3.2vw !important;
  bottom:84px !important;
  width:clamp(155px,13.5vw,235px) !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  transform:none !important;

  /* Remove the old square/card treatment */
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;

  /* Holographic overlay: subtle enough to preserve the chart */
  opacity:.27 !important;
  mix-blend-mode:screen !important;
  pointer-events:none !important;
  z-index:7 !important;

  /* Soften the original image's square edges */
  -webkit-mask-image:radial-gradient(
    ellipse 72% 72% at 50% 50%,
    #000 48%,
    rgba(0,0,0,.92) 62%,
    rgba(0,0,0,.42) 77%,
    transparent 96%
  );
  mask-image:radial-gradient(
    ellipse 72% 72% at 50% 50%,
    #000 48%,
    rgba(0,0,0,.92) 62%,
    rgba(0,0,0,.42) 77%,
    transparent 96%
  );
}

#home .hero-symbol::before,
#home .hero-symbol::after{
  content:none !important;
}

#home .hero-symbol img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;

  /* Dark pixels melt into the chart; cyan/white lines remain visible */
  mix-blend-mode:screen !important;
  opacity:.95 !important;
  filter:
    brightness(1.24)
    contrast(1.08)
    saturate(1.28)
    drop-shadow(0 0 7px rgba(20,182,255,.38))
    drop-shadow(0 0 18px rgba(20,182,255,.16)) !important;

  transform:translate3d(0,0,0) scale(.98);
  animation:giopHoloFloat 6.8s ease-in-out infinite alternate,
            giopHoloPulse 4.6s ease-in-out infinite;
  will-change:transform,filter,opacity;
}

/* Fine holographic scan glow, without a box */
#home .hero-symbol{
  filter:drop-shadow(0 0 20px rgba(10,182,255,.08));
}

@keyframes giopHoloFloat{
  0%{transform:translate3d(0,2px,0)}
  100%{transform:translate3d(0,-8px,0)}
}
@keyframes giopHoloPulse{
  0%,100%{
    opacity:.82;
    filter:
      brightness(1.18)
      contrast(1.06)
      saturate(1.18)
      drop-shadow(0 0 6px rgba(20,182,255,.30))
      drop-shadow(0 0 16px rgba(20,182,255,.12));
  }
  50%{
    opacity:1;
    filter:
      brightness(1.34)
      contrast(1.10)
      saturate(1.38)
      drop-shadow(0 0 9px rgba(20,182,255,.46))
      drop-shadow(0 0 24px rgba(20,182,255,.18));
  }
}

/* The TradingView status remains readable under the logo */
#home .tv-xau-status{
  z-index:9 !important;
}

/* Tablet */
@media(max-width:1100px){
  #home .hero-symbol{
    right:2.4vw !important;
    bottom:78px !important;
    width:clamp(140px,16vw,205px) !important;
    opacity:.24 !important;
  }
}

/* Smartphone */
@media(max-width:700px){
  #home .hero-symbol{
    right:10px !important;
    bottom:72px !important;
    width:118px !important;
    opacity:.20 !important;
  }

  #home .hero-symbol img{
    filter:
      brightness(1.20)
      contrast(1.06)
      saturate(1.20)
      drop-shadow(0 0 6px rgba(20,182,255,.28)) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #home .hero-symbol img{
    animation:none !important;
  }
}
