.home-product {
    text-align: center;

    h1 {
        font-family: var(--font-primary);
        font-size: var(--size-4xl);
        margin-bottom: 3.5rem;
    }
}

.home-product__list {
    columns: 300px 3;
}

.home-product__item {
    border-radius: 15px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin: 0 1em 1.5em;
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    transition: all 0.5s;
    position: relative;
    h3 {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: var(--size-lg);
        font-family: var(--font-logo);
    }
    img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        mix-blend-mode: darken;
    }
}

.home-product__item:hover {
    box-shadow: none;
}

/* 2xl */
/* @media (max-width: 1536px) {} */

/* xl */
/* @media (max-width: 1280px) {} */

/* lg */
/* @media (max-width: 1024px) {} */

/* md */
/* @media (max-width: 768px) {} */

/* sm */
/* @media (max-width: 640px) {} */

/* xs */
@media (max-width: 475px) {
    .product {
        h1 {
            font-size: var(--size-3xl);
            margin-bottom: 3rem;
        }
    }
}