/* ------------------------------------- */

.shop-btn {
    width: 46rem;
    margin-inline: auto;
}

.shop-image-list {
    margin-top: 8rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem;
}

.shop-image-list img {
    aspect-ratio: 320 / 400;
    object-fit: contain;
}

@media screen and (max-width: 640px) {

    .shop-btn {
        width: 30rem;
    }

    .shop-image-list {
        margin-top: 4rem;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

    .artsien .shop-image-list {
        grid-template-columns: 1fr;
    }

    .artsien .shop-image-list img {
        aspect-ratio: 1 / 1;
    }

}


/* ------------------------------------- */


@media screen and (max-width: 1024px) {}

@media screen and (max-width: 640px) {}