/* =========================================================
   Space Vanta Theme 1.0
   Collection Product Grid
   Hover Interaction
   Version:
   COLLECTION VISUAL V1-D

   Responsibilities:
   - Product card hover
   - Spatial shift
   - Image micro movement
   - Subtle depth

   Does NOT handle:
   - Product data
   - Grid layout
   - Product image frame
   - Product typography
========================================================= */


/* =========================================================
   Product Card
========================================================= */

.sv-collection-product-grid__item {
    position: relative;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   Product Image
========================================================= */

.sv-collection-product-grid__item .sv-product-card__media {
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =========================================================
   Hover — Spatial Shift
========================================================= */

.sv-collection-product-grid__item:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.06);
}


.sv-collection-product-grid__item:hover .sv-product-card__media {
    transform: translateY(-2px) scale(1.015);
}


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

@media(max-width:640px) {

    .sv-collection-product-grid__item:hover {
        transform: none;

        box-shadow: none;
    }

    .sv-collection-product-grid__item:hover .sv-product-card__media {
        transform: scale(1.01);
    }

}