/* Robotics Platform carousel image containment and layout fixes */

/* Ensure the image layer matches the card and doesn't exceed */
.carousel .deconstructed-card .card-layer.card-image,
.carousel .deconstructed-card .card-image {
    width: 100% !important;
    height: 100% !important; /* cancel earlier 120% height */
    overflow: hidden !important; /* keep image inside box */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /*background: radial-gradient(ellipse at center, rgba(2,20,54,.35), rgba(2,20,54,.6)) !important; !* subtle letterbox *!*/
}

/* Contain the full image inside the card without any cropping */
.carousel .deconstructed-card .card-layer.card-image img,
.carousel .deconstructed-card .card-image img,
.carousel .deconstructed-card .wave-svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important; /* ensure whole image visible */
    object-position: center center !important;
    transform: none !important; /* remove previous scaling that could clip */
    border-radius: 0 !important;
    display: block !important;
}

/* Make sure outer card never clips visuals unexpectedly.
   NOTE: overflow must stay visible so the button (bottom:-130px) is not clipped. */
.carousel .deconstructed-card {
    overflow: visible !important;
}

/* Keep layered image/content from blocking clicks; CTA button stays clickable */
.carousel .deconstructed-card .card-layer {
    pointer-events: none !important;
}

.carousel .deconstructed-card > a.button-frame,
.carousel .deconstructed-card > a.button.button-frame {
    z-index: 20 !important; /* above image/content layers */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}