/*
================================================

Space Vanta Theme 1.0

Module:
Product Card Image Hover

File:
public/product-card/image/hover.css

Version:
1.2

Purpose:
Soft Titanium Spatial Interaction

================================================
*/


/*
================================================
Base Transition

================================================
*/


.sv-product-card__image-frame {


    transition:


        transform .32s ease,


        border-color .32s ease,


        box-shadow .32s ease;



}



/*
================================================
Desktop Hover

Spatial Lift

================================================
*/


@media(min-width:769px) {



    .sv-product-card__media-link:hover .sv-product-card__image-frame {



        transform:

            translateY(-2px);



        border-color:


            rgba(72,

                142,

                201,

                .25);



        box-shadow:



            inset 0 0 0 1px rgba(255,

                255,

                255,

                .6),



            inset 0 0 14px rgba(80,

                88,

                96,

                .035),



            0 6px 18px rgba(45,

                55,

                65,

                .06),



            0 0 0 1px rgba(72,

                142,

                201,

                .03);



    }


}



/*
================================================
Mobile

No floating movement

================================================
*/


@media(max-width:768px) {



    .sv-product-card__media-link:hover .sv-product-card__image-frame {



        transform: none;



    }



}



/*
================================================
Reduced Motion

================================================
*/


@media(prefers-reduced-motion:reduce) {



    .sv-product-card__image-frame {


        transition: none;


    }



}