.fc-card-container-1d792810 {
    perspective: 1000px;
    width: 100%;
    display: block;
}

.fc-card-inner-1d792810 {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

/* Sides */
.fc-card-side-1d792810 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
}

.fc-front-1d792810 {
    background-color: #3b82f6;
    color: #ffffff;
    z-index: 2;
    transform: rotateY(0deg);
}

.fc-back-1d792810 {
    background-color: #1e293b;
    color: #ffffff;
    z-index: 1;
}

/* Image */
.fc-back-1d792810 img {
    display: block;
    max-width: 100%;
}

/* Button */
.fc-back-btn-1d792810 {
    display: inline-block;
    background-color: #3b82f6;
    color: #ffffff;
    padding: 10px 24px;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: none;
    cursor: pointer;
}

/* Force Flip in Editor when editing Retro */
.fc-card-container-1d792810.editor-show-back .fc-card-inner-1d792810 {
    transform: rotateY(180deg) !important;
}

/* --- ANIMATIONS DIRECTIONS --- */

/* 1. FLIP RIGHT (Default) */
.fc-card-container-1d792810.flip-right .fc-back-1d792810 {
    transform: rotateY(180deg);
}
.fc-card-container-1d792810.flip-right:not(.editor-show-back):hover .fc-card-inner-1d792810 {
    transform: rotateY(180deg);
}

/* 2. FLIP LEFT */
.fc-card-container-1d792810.flip-left .fc-back-1d792810 {
    transform: rotateY(-180deg);
}
.fc-card-container-1d792810.flip-left:not(.editor-show-back):hover .fc-card-inner-1d792810 {
    transform: rotateY(-180deg);
}

/* 3. FLIP UP */
.fc-card-container-1d792810.flip-up .fc-back-1d792810 {
    transform: rotateX(180deg);
}
.fc-card-container-1d792810.flip-up:not(.editor-show-back):hover .fc-card-inner-1d792810 {
    transform: rotateX(180deg);
}

/* 4. FLIP DOWN */
.fc-card-container-1d792810.flip-down .fc-back-1d792810 {
    transform: rotateX(-180deg);
}
.fc-card-container-1d792810.flip-down:not(.editor-show-back):hover .fc-card-inner-1d792810 {
    transform: rotateX(-180deg);
}
