.product-card {
    container-type: inline-size;
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    line-height: 1.25rem;
    font-weight: 450;
    /*letter-spacing: .05ch;*/

    .gallery_wrap {
        position: relative;
        border-radius: 1rem;

        .actions {
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            flex-direction: column;
            border-radius: 0 1rem 0 1rem;
            padding: .25rem;
            gap: .25rem;
            background-color: color-mix(in oklab, #fff 70%, transparent);

            button {
                aspect-ratio: 1/1;
                padding: .5rem;
                border-radius: 3rem;
                display: flex;
                justify-content: center;
                align-items: center;

                &:hover {
                    background-color: color-mix(in oklab, var(--color-gray) 40%, transparent);
                    color: var(--blue);
                }
                &.active {
                    color: var(--blue);
                }
            }
        }
    }

    .price {
        font-size: var(--text-lg);
        font-weight: 600;
        line-height: 1em;
        margin-top: .4rem;
    }

    .stock {
        &.in-stock {
            color: var(--color-green);
        }
        &.out-of-stock {
            color: var(--color-orange);
        }
    }

    .title {
        transition: all .2s linear;
        color: var(--color-black);
    }

    .code {
        color: color-mix(in oklab, var(--color-gray) 70%, #000000);
    }





    &:hover {
        .title {
            color: var(--blue)
        }
    }
}