.goods {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}
.good {
    padding: 10px;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
}
.good  {
    display: grid;
    gap: 10px;
    align-content: space-between;
    width: 100%;
    height: 100%;
}
.good-photo img {
    width: 100%;
    height: auto;
    max-width: 200px;
}