#section-shop{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: max-content;
    gap: 12px;
    padding: 0px var(--spacing-0);
    min-height: 100svh;
    margin-top: 200px;

    & .product{
        width: 100%;
        margin: var(--spacing-0) 0px;

        & .image-wrapper{
            position: relative;
            & img{
                width: 100%;
                height: fit-content;
                border: 0.5px solid var(--contrast-color); 

                &:nth-child(2){
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: -11;
                }
            }

            &.second-image-available:hover{
                & img:nth-child(1){
                    opacity: 0;
                    transition: opacity 400ms ease-out;
                }
            }
        }


        & .item-info{
            & .title{
                font-size: 1.2rem;
                margin: 4px 0px;
            }

            & .price{
                font-size: 0.9rem;
                opacity: 0.8;
            }
        }
    }
}

@media only screen and (max-width: 800px){
    #section-shop{
        grid-template-columns: repeat(2, 1fr);
    }
}