.shop-service-list ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: fit-content;
    margin: 4cqw auto 0;
    gap: 2cqw;
}

.shop-service-list li p {
    text-align: center;
    --f-base: 8;
}

.shop-service-list ul li img {
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .shop-service-list ul {
        width: 90%;
        grid-template-columns: repeat(4, 1fr);
    }

    .shop-service-list li p {
        --f-base: 10;
    }
}