/* Hero tightening overrides for larger cobot pages (dc08, dc10, dc16, dc20, dc30)
   Keeps DC06 baseline while reducing vertical padding and preventing image cropping.
*/
.hero-tight .slider-container {
    overflow: visible;
}

.hero-tight .slide-content, .hero-tight.hero-fullwidth .slide-content {
    padding-top: clamp(12px, 1vh, 40px) !important;
    padding-bottom: clamp(28px, 2.8vh, 60px) !important;
}

.hero-tight [class*=slide-robot-image] {
    overflow: visible;
}

/* Transparent pulsing glow behind hero slider images (lighter than info boxes) */
.hero-tight [class*="slide-robot-image"] { position: relative; overflow: visible; }
.hero-tight [class*="slide-robot-image"] img { position: relative; z-index: 1; }
.hero-tight [class*="slide-robot-image"]::before {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: clamp(300px, 90%, 900px);
  height: clamp(300px, 90%, 900px);
  transform: translate(-50%, -50%) scale(0.9);
  transform-origin: center center;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(0, 255, 153, 0.22) 0%,
    rgba(0, 255, 153, 0.14) 38%,
    rgba(0, 255, 153, 0.06) 65%,
    rgba(0, 255, 153, 0.00) 78%
  );
  filter: blur(40px);
  z-index: 0;
  pointer-events: none;
  opacity: 0.6;
  animation: heroGlowPulse 7s ease-in-out infinite;
}

@keyframes heroGlowPulse {
  0%   { transform: translate(-50%, -50%) scale(0.9); opacity: 0.55; }
  50%  { transform: translate(-50%, -50%) scale(1.07); opacity: 0.7; }
  100% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.55; }
}

.hero-tight [class*=slide-robot-image] img {
    max-height: calc(100vh - clamp(12px, 1vh, 40px) - clamp(28px, 2.8vh, 60px) - 20px);
}

/* Enhance hover animation & ensure visible overflow */
.hero-tight .img-slide-dbot {
    transition: transform .9s cubic-bezier(.19, 1, .22, 1), filter .6s ease;
    will-change: transform;
}

.hero-tight .img-slide-dbot:hover {
    transform: translateY(-10px) scale(1.035);
    filter: drop-shadow(0 18px 34px rgba(0, 0, 0, .35));
}

/* Mobile adjustments */
@media (max-width: 900px) {
    .hero-tight .slide-content, .hero-tight.hero-fullwidth .slide-content {
        padding-top: clamp(14px, 1.5vh, 34px) !important;
        padding-bottom: clamp(24px, 2.5vh, 50px) !important;
    }

    .hero-tight [class*=slide-robot-image] img {
        max-height: 50vh;
    }

    .hero-tight .img-slide-dbot:hover {
        transform: translateY(-6px) scale(1.02);
    }

  .hero-tight [class*="slide-robot-image"]::before {
    width: clamp(240px, 88vw, 640px);
    height: clamp(240px, 88vw, 640px);
    filter: blur(34px);
    opacity: 0.55;
  }
}

/* Extra small heights: allow image to shrink more */
@media (max-height: 640px) {
    .hero-tight [class*=slide-robot-image] img {
        max-height: 60vh;
    }
}

/* Prevent cropping when hovered (allow a little extra) */
.hero-tight [class*=slide-robot-image] {
    padding-bottom: 8px;
}