/**
 * Homepage media — edgy corners + subtle hover polish (no layout shift).
 */
:root {
    --phyzio-home-media-radius: 14px;
    --phyzio-home-media-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

.phyzio-home-media {
    border-radius: var(--phyzio-home-media-radius);
    overflow: hidden;
    box-shadow: 0 10px 32px rgba(2, 118, 127, 0.1);
    transition:
        box-shadow 0.45s var(--phyzio-home-media-ease),
        transform 0.45s var(--phyzio-home-media-ease);
    transform: translateZ(0);
}

.phyzio-home-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    transition:
        transform 0.55s var(--phyzio-home-media-ease),
        filter 0.45s ease;
    transform: scale(1);
    will-change: transform;
}

.phyzio-home-media:hover {
    box-shadow: 0 16px 42px rgba(2, 118, 127, 0.16);
}

.phyzio-home-media:hover img {
    transform: scale(1.03);
    filter: brightness(1.02) saturate(1.02);
}

/* Product grid — same edgy radius, zoom stays inside frame */
.home-v1 .physio-image-container,
.home-v1 #shop-section .physio-image-container {
    border-radius: var(--phyzio-home-media-radius) var(--phyzio-home-media-radius) 0 0;
}

.home-v1 .physio-product-card {
    border-radius: var(--phyzio-home-media-radius);
    transition:
        box-shadow 0.45s var(--phyzio-home-media-ease),
        transform 0.45s var(--phyzio-home-media-ease);
}

.home-v1 .physio-product-img {
    transition: transform 0.55s var(--phyzio-home-media-ease), filter 0.45s ease;
}

.home-v1 .physio-product-card:hover .physio-product-img {
    transform: scale(1.04);
    filter: brightness(1.03);
}

@media (prefers-reduced-motion: reduce) {
    .phyzio-home-media,
    .phyzio-home-media img,
    .home-v1 .physio-product-card,
    .home-v1 .physio-product-img {
        transition: none !important;
    }

    .phyzio-home-media:hover img,
    .home-v1 .physio-product-card:hover .physio-product-img {
        transform: none !important;
        filter: none !important;
    }
}