.flip-card-container-213ffeff {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* Remove fixed height, let padding and stack size dictate the container boundaries */
    padding: 40px; 
    overflow: visible; /* Prevent clipping */
    --fc-rot-offset: 5deg;
}

.flip-card-stack-213ffeff {
    position: relative;
    /* Stack dimensions are now controlled via the Elementor widget card_width/height settings */
    /* This ensures the container naturally wraps the stack and stays within Elementor's borders */
}

.flip-card-item-213ffeff {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Width and height are also bound to Elementor controls, matching the stack */
    background-color: #ffffff; /* FORCE opaque background */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    will-change: transform;
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    opacity: 1 !important; /* Force fully opaque */
    z-index: 1; /* Default to bottom */
}

.flip-card-item-213ffeff:active {
    cursor: grabbing;
}

.flip-card-image-213ffeff {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; /* Ensure no repeating transparent areas */
    pointer-events: none;
    background-color: inherit; /* Inherit the opaque background */
}

/* Base transform state */
.flip-card-item-213ffeff {
     transform-origin: center center;
}