.specs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: auto;
    overflow-x: hidden;   /* Горизонтального привидения уже не вернуть */
    overflow-y: auto;
}

.specs .spec {
    font-size: 18px;
    font-weight: 500;
    display: flex
}

.specs .spec.ram {
    --type: "GB ram"
}

.specs .spec.ssd {
    --type: "GB ssd"
}
.specs .spec.network {
    --type: "GBIT/s network"
}

.specs .spec::after {
    content: var(--type);
    font-weight: 400;
    display: inline-block;
    color: #999
}

.specs .spec::before {
    content: '';
    background-image: url("/assets/images/icons/checkmark.svg");
    width: 15px;
    aspect-ratio: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 8px
}

.locations__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
    gap: 20px
}

.locations__list .location {
    padding: 20px;
    border: 1px solid #2b2b2b;
    border-radius: 5px;
    transition: border-color .2s ease-in-out;
    min-width: 250px
}

.locations__list .location:hover {
    border-color: #999
}

.locations__list .location .spec.cores {
    --type: "cores"
}

.locations__list .location .spec.cores::after {
    margin-left: 4px
}