/**
 * Shared product main-image slide carousel (business-cards reference).
 */

@keyframes cfp-img-slide-out-left {
    0% {
        transform: translateX(0%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(25%) scale(0.98);
        opacity: 0;
    }
}

@keyframes cfp-img-slide-in-right {
    0% {
        transform: translateX(-25%) scale(0.98);
        opacity: 0;
    }

    100% {
        transform: translateX(0%) scale(1);
        opacity: 1;
    }
}

/* Stable stage - prevents height jump when aspect ratios change */
#ccf-isolated-container .ccf-product-image-container .cfp-preview-stage,
#ccf-isolated-container .ccf-product-image-container .ccf-flyer-preview-stage {
    position: relative;
    width: 100%;
    min-height: clamp(180px, 42vw, 320px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ccf-isolated-container .cfp-preview-stage .ccf-product-main-image,
#ccf-isolated-container .cfp-preview-stage [data-fic-main-image],
#ccf-isolated-container .ccf-flyer-preview-stage .ccf-product-main-image {
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

/* Standard slide classes */
#ccf-isolated-container .ccf-product-main-image._ccf_slide-out,
#ccf-isolated-container [data-fic-main-image]._ccf_slide-out,
#ccf-isolated-container .ccf-product-main-image._fic_slide-out,
#ccf-isolated-container [data-fic-main-image]._fic_slide-out,
#ccf-isolated-container #ccf-tshirt-carousel img._ccf_slide-out,
#_55psc_wrapper-main #_55psc_cardPreview._ccf_slide-out,
#_55psc_wrapper-main #_55psc_cardPreview._55psc_slide-out {
    animation: cfp-img-slide-out-left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
    transition: none !important;
}

#ccf-isolated-container .ccf-product-main-image._ccf_slide-in,
#ccf-isolated-container [data-fic-main-image]._ccf_slide-in,
#ccf-isolated-container .ccf-product-main-image._fic_slide-in,
#ccf-isolated-container [data-fic-main-image]._fic_slide-in,
#ccf-isolated-container #ccf-tshirt-carousel img._ccf_slide-in,
#_55psc_wrapper-main #_55psc_cardPreview._ccf_slide-in,
#_55psc_wrapper-main #_55psc_cardPreview._55psc_slide-in {
    animation: cfp-img-slide-in-right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
    transition: none !important;
}

/* During slide animation, disable hover zoom transforms */
#ccf-isolated-container .ccf-product-main-image._ccf_slide-out,
#ccf-isolated-container .ccf-product-main-image._ccf_slide-in,
#ccf-isolated-container [data-fic-main-image]._ccf_slide-out,
#ccf-isolated-container [data-fic-main-image]._ccf_slide-in {
    pointer-events: none;
}